song.log

- Emmet - html과 css를 보다 효율적으로 사용하기 위해. 특히, 반복적인 부분을 간단하게 만들어주는 역할 File > Settings > install 에서 emmet 검색 후 install 1. Atom을 통해 Emmet 설명 : 단축키 설명이 잘 되어 있음 2. Emmet 공식 사이트 https://docs.emmet.io/ 1. html의 기본 형태 ! + Tab 키 1 2 3 4 5 6 7 8 9 10 11 12 Document 2. Child 형태 (태그 안에 태그가 들어가게 하는 형식) div>ul>li + Tab 키 1 2 3 4 5 3. Sibling 형태 (태그를 나열하는 느낌) div+p+dq + Tab 키 1 2 3 4. Climb-up 형태 (태그 안에 태그가 들어가게 ..

https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 1. cmd 창에 atom을 적고 바로 파일을 생성 2. atom이 실행되면서 txt 파일이 생성됨을 확인 가능 3. 에디터에 바로 입력 가능 - 사용자의 취향에 맞게 바꾸는 것이 가능 - 웹기술을 이용해서 구현되어 있는 에디터 ..

1. '비주얼 스튜디오 코드' 검색 후 사이트에서 다운로드 받기 zip파일로 받으면 단독적으로 사용 가능하다. 2. 비주얼 스튜디오 코드 에디터 한글로 전환 https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko Korean Language Pack for Visual Studio Code - Visual Studio Marketplace OverviewQ & ARating & Review VS Code용 한국어 팩 한국어 팩은 지역화된 VS Code용 UI 환경을 제공합니다. 사용법 설치가 완료되면 locale.json에서 "locale": "ko"를 설정하여 한국어 팩을 로드합니다. locale.json..

1. 한줄로 되어있는 css 파일, js 파일을 들여쓰기 해주는 사이트 https://beautifier.io/ Online JavaScript beautifier beautifier.io 2. 아이콘 가져오기 좋은 사이트 https://thenounproject.com/ Noun Project Creating, Sharing and Celebrating the World's Visual Language. thenounproject.com https://www.flaticon.com/ Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flati..