본문 바로가기

웹/JavaScript

[JavaScript] 자바스크립트에서 정규표현식 사용하기 정규 표현식 정규 표현식(regular expression)은 문자열의 일정한 패턴을 표현하는 규칙이다. 짧게는 정규식이라고도 부른다. 자바스크립트에서는 RegExp 객체와 RegExp메서드, 문자열 메서드를 이용해 정규표현식을 사용할 수 있다. 정규식 만들기 두가지 방법이 있다. 1. 정규식 리터럴 사용 const reg = /ab+c/; 2. RegExp 객체의 생성자 함수 호출 const reg = new RegExp("ab+c"); 정규식 패턴 작성 시, 정해진 규칙에 따라 패턴을 작성한다. 정규 표현식 내용 정리 일반 문자(리터럴 문자) 문자 설명 유니코드 문자 문자 그 자체. (단, ^, $, \, ., *, +, ?, (, ), {, }, |는 정규 표현식 내에서 메타 문자로 사용되므로 제외.. 더보기
[JavaScript] 자바스크립트로 첨부 텍스트 파일 읽기 HTML에서 로 파일 첨부가 가능하다. 그렇다면 첨부한 파일을 웹상에서 읽어오려면 어떻게 해야할까? 먼저 에 대한 MDN 문서를 살펴보면 이렇게 나와있다. 요소의 HTMLInputElement.files 속성은 선택한 파일(File) 목록을 FileList 객체로 반환합니다. FileList는 배열처럼 행동하므로, length 속성을 사용해 현재 선택한 파일의 수를 알 수 있습니다. 즉, FileList 객체를 제어해 첨부 파일에 접근할 수 있다. Filelist는 배열로 되어있으며, 요소명.files[번호] 의 형식으로 각각의 파일을 선택할 수 있다. 첨부 파일이 하나인 경우 요소명.files[0] 으로 가져오고, 여러개인 경우 사용하려는 파일의 번호를 선택해주면 되겠다. 이제 파일을 선택하는 방법은 .. 더보기
(JS/JQuery) 전체화면, 특정 요소의 스크롤 위치 퍼센트 계산하기 기본적으로 위치 퍼센트 계산은 { (현재 스크롤 상단 위치좌표) / (스크롤 길이를 제외한 기준 스크롤 높이값) * 100 } %가 됩니다. 예를 들어서 봅시다. 스크롤 길이를 제외한 기준 스크롤 높이값을 100이라고 해봅시다. (편의상 이하 예시에선 기준 스크롤 높이값으로 줄여 말합니다.) 현재 스크롤이 최상단에 있으면 - 상단 위치좌표 = 0 - 기준 스크롤 높이값 = 100 으로 결과값은 0/100*100 = 0%가 됩니다. 좀 더 움직여서 스크롤을 반쯤 움직였습니다. 그러면 - 상단 위치좌표 = 50 - 기준 스크롤 높이값 = 100 으로 결과값은 50/100*100 = 50% 가 됩니다. 그럼 이제 코드를 봅시다. 1. 전체 화면의 스크롤 위치를 계산할 때 기준 스크롤 높이값은 '문서 높이'와 .. 더보기