JavaScript 썸네일형 리스트형 [JavaScript] 자바스크립트로 첨부 텍스트 파일 읽기 HTML에서 로 파일 첨부가 가능하다. 그렇다면 첨부한 파일을 웹상에서 읽어오려면 어떻게 해야할까? 먼저 에 대한 MDN 문서를 살펴보면 이렇게 나와있다. 요소의 HTMLInputElement.files 속성은 선택한 파일(File) 목록을 FileList 객체로 반환합니다. FileList는 배열처럼 행동하므로, length 속성을 사용해 현재 선택한 파일의 수를 알 수 있습니다. 즉, FileList 객체를 제어해 첨부 파일에 접근할 수 있다. Filelist는 배열로 되어있으며, 요소명.files[번호] 의 형식으로 각각의 파일을 선택할 수 있다. 첨부 파일이 하나인 경우 요소명.files[0] 으로 가져오고, 여러개인 경우 사용하려는 파일의 번호를 선택해주면 되겠다. 이제 파일을 선택하는 방법은 .. 더보기 [JavaScript] 자바스크립트에서 한글 조사(-이/-가, -을/-를, -은/-는, -와/-과) 구분하기 코딩 중 앞에 오는 단어에 맞는 조사(-이/-가, -을/-를 등)를 텍스트로 나타내는 작업이 필요해서 알아보다가 공부한 내용을 정리해서 포스팅해본다. 코드 구현에 앞서 먼저 조사들이 어떤 기준으로 구분되는 지를 알아보자. 📖 구분 기준 직관적으로 쉽게 구분이 가능한데, 앞 음절에 받침이 있으면 '-이/-을/-은/-과', 받침이 없고 모음으로 끝나면 '-가/-를/-는/-와'가 된다. 예1) 귤이 맛있다. / 귤은 맛있다. 예2) 사과가 맛있다. / 사과는 맛있다. 📖 자바스크립트에서의 한글 자바스크립트에서 한글을 구분하는 방법 중에서, 여기서는 유니코드를 통한 구분법을 사용한다. 한글에 해당하는 유니코드표를 확인해보면 다음과 같다. 가 각 갂 갃 간 갅 갆 갇 갈 갉 갊 갋 갌 갍 갎 갏 감 갑 값 갓 갔.. 더보기 (JS/JQuery) 전체화면, 특정 요소의 스크롤 위치 퍼센트 계산하기 기본적으로 위치 퍼센트 계산은 { (현재 스크롤 상단 위치좌표) / (스크롤 길이를 제외한 기준 스크롤 높이값) * 100 } %가 됩니다. 예를 들어서 봅시다. 스크롤 길이를 제외한 기준 스크롤 높이값을 100이라고 해봅시다. (편의상 이하 예시에선 기준 스크롤 높이값으로 줄여 말합니다.) 현재 스크롤이 최상단에 있으면 - 상단 위치좌표 = 0 - 기준 스크롤 높이값 = 100 으로 결과값은 0/100*100 = 0%가 됩니다. 좀 더 움직여서 스크롤을 반쯤 움직였습니다. 그러면 - 상단 위치좌표 = 50 - 기준 스크롤 높이값 = 100 으로 결과값은 50/100*100 = 50% 가 됩니다. 그럼 이제 코드를 봅시다. 1. 전체 화면의 스크롤 위치를 계산할 때 기준 스크롤 높이값은 '문서 높이'와 .. 더보기 이전 1 2 3 다음
