[VS Code] HTML 템플릿 자동완성 기능 사용 방법 기초/기본(Emmet: 에밋)
Visual Studio Code에는 Emmet(에밋)이라는 플러그인이 기본으로 내장되어 있는데, 코딩을 아주아주 빠르게 할 수 있게 해주는 자동완성 기능이라고 보면 된다. 예를 들어, html 파일을 만들고, 느낌표( ! )만 입력하면 아래 화면 처럼 Emmet 자동완성 창이 뜨는데, 그대로 Enter를 치면, HTML기본 왁구가 완성된다. 또한 아래처럼 리스트를 만들려면, ul태그 쓰고, li태그 쓰고, 클래스 쓰고, 내용 쓰고, li 태그 닫고,,, 등을 반복해야 하지만. Emmet 자동완성 기능을 이용하면 아래 한 줄이면 끝난다. 클래스와 내용의 번호를 순차적으로 1씩 증가 시킨 것도 확인할 수 있다. 이번 글은 코딩 효율성을 엄청나게 높여주는 Visual Studio Code의 Emmet 기초 ..
2021. 3. 26.
[VS Code] 탭(Tab)으로 세미콜론, 괄호, 브래킷, 따옴표 점프 이동 방법(건너뛰기)
VS코드에서 코드를 작성하다 보면, 따옴표"", 괄호(), 브래킷, 콜론:, 세미콜론; 입력 시, 매번 화살표로 조작해야해서 불편할 때가 많습니다. 다른 에디터(이클립스 등)에서는 Tab키만 누르면 자동으로 따옴표나 괄호, 세미콜론을 건너뛰어서 점프시켜주는데, VSCode는 그런 내장 기능은 찾기가 힘듭니다. 하지만 Tabout이라는 익스텐션을 설치하면 브래킷, 따옴표, 콜론, 세미콜론, 괄호 등을 탭으로 이동할 수 있습니다. 아래의 방법으로 설치하고 사용해보시면 신세계를 경험하실 겁니다. # 탭 이동 익스텐션: Tabout 설치 및 사용 방법 1. VSCode에서 Extension 설치 메뉴 선택 : 왼쪽 사이드바에서 Extenstion 메뉴를 선택합니다. 2. Tabout 검색 및 설치 : 검색창에서..
2021. 3. 26.
[자바스크립트] CSV to JSON 변환 출력 방법+샘플예제코드(node.js 파일 처리 포함)
| 자바스크립트로 CSV를 JSON으로 변환하는 방법 CSV는 Comma Seperated Values의 약자로, 콤마( , )로 구분된 문자열을 말합니다. 행의 항목(컬럼)들은 콤마로 구분되며, 각 행은 줄바꿈으로 구분됩니다. 따라서 CSV문자열을 JSON으로 변환하는 방식은 아래와 같습니다. 1) 줄바꿈(\r\n)으로 각 행을 구분해 주고, 2) 콤마( , )로 각 컬럼을 구분해 주고, 3) 머리행에서 제목을 추출, 내용행에서 데이터를 추출하고, 4) 각 행을 객체로 만들어 배열에 담아준다 바로 사용할 수 있는 함수로 만들어 두었으며, 사용 방법도 샘플 예제 코드로 작성해 보았습니다. JQuery나 별도 라이브러리/모듈 없이 오직 자바스크립트만 사용하므로, 브라우저(browser), node.js 등..
2021. 3. 19.
