어제 오늘 내일

지난 번에는 사용자가 로컬에서 파일을 선택하고, 그 파일 내용을 읽어오는 방법을 알아보았습니다. [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) 웹페이지에서 사용자의 로컬 파일을 입력받기 위해서는 다음과 같이 input 태그의 type속성을 file로 지정하는 방법을 사용합니다. See the Pen read file by anna (@hianna) on CodePen. 여기에서는 input의 type.. hianna.tistory.com [Javascript] 로컬 텍스트 파일 읽기 (다중 파일 선택) [Javascript] 로컬 텍스트 파일 읽기 (다중 파일 선택) HTML/Javascrip로 로..

웹페이지에서 사용자의 로컬 파일을 입력받기 위해서는 다음과 같이 input 태그의 type속성을 file로 지정하는 방법을 사용합니다. See the Pen read file by anna (@hianna) on CodePen. 여기에서는 input의 type을 'file'로 지정했을 때 추가로 사용할 수 있는 속성들에 대해서 알아보도록 하겠습니다. > "accept" 입력받을 수 있는 파일의 유형을 지정하는 속성입니다. accept 속성을 지정하지 않으면 모든 유형의 파일을 입력 받을 수 있습니다. 여러 종류의 파일을 입력받기 위해서는 아래와 같이 쉼표로 목록을 구분하여 작성합니다. See the Pen read file by anna (@hianna) on CodePen. accept 속성 값 - 확..

HTML/Javascrip로 로컬 텍스트 파일을 읽어서 선택한 파일에 대한 정보 (파일명, 파일크기 등)을 보여주는 코드입니다. Ctrl / Shift 키를 사용하여 여러개의 파일을 선택할 수 있습니다. See the Pen read file by anna (@hianna) on CodePen. HTML input의 type 속성을 file로 지정하면 파일을 입력 받을 수 있습니다. accept 속성을 지정하여, 입력받는 파일의 종류를 지정할 수 있습니다. 여기서는 확장자가 'txt'인 파일을 선택할 수 있도록 했습니다. multiple 속성을 지정하면, ctrl/shift 키를 사용하여 다수의 파일을 선택할 수 있습니다. 자세한 속성은 다음 링크를 참조하세요. [HTML] input type='file..

Javascript에서 문자열을 치환하기 위해서 replace() 함수를 사용하는 방법을 알아보았습니다. 그런데, replace() 함수는 문자열에서 변경하려는 문자열이 여러 번 반복될 경우, 첫 번째로 발견한 문자열만 치환해 줍니다. 즉, 'apple, banana, banana' 이렇게 'banana'가 여러 번 반복될 경우 replacT('banana', 'tomato')를 실행하면 첫번째로 발견된 'banana'만 치환되어 'apple, tomato, banana'의 결과를 얻게 됩니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 이번에는, 문자열 내에서 찾아낸 모든 문자열(변경하려는)을 치환하는 방법을 알아보도록 하겠습니다. 간단하게 replactAll() 이라는 ..

지난 번 포스팅에서 replace() 함수를 사용하여 특정 문자열을 치환하는 방법을 알아보았습니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 그런데, replace() 함수는 대소문자를 구분합니다. 따라서, 'Banana'와 'banana'는 서로 다른 문자열로 인식합니다. 이번에는, replace() 함수를 이용하여 대소문자 구분없이 문자열을 치환하는 방법을 알아보도록 하겠습니다. 대소문자 구분없이 문자열을 치환하는 방법 See the Pen replace by anna (@hianna) on CodePen. 대소문자의 구분없이 문자열을 치환하기 위해서 정규식(regular expression)을 사용하였습니다. 정규식으로 찾으려는 문자열은 '/'로 감싸서, 파라미터로 ..