song.log

1. 파일 읽기 Node.js 에서 파일읽기를 익히기 위한 공식 사이트 Docs https://nodejs.org/docs/latest-v11.x/api/fs.html Everyone's talking about Node taking over the programming world and its great advantages. While all frameworks and languages come with some benefits, it's Node.js that takes over development in enterprises. The big question is... Why Node.js became a standard for large-scale apps? And in this article I ..

1. 웹서버 만들기 Node.js는 웹서버를 내장하고 있기 때문에 그 외의 웹서버 서비스가 구현하지 못하는 것들을 구현할 수 있다. 생활코딩에 있는 소스를 복사하여 main.js에 붙여넣기 윈도우키 + r > 실행창 cmd > cd 경로 변경 > node main.js 웹브라우저를 키고 localhost:3000 입력 * 여기서 기억해야하는 코드 response.end(fs.readFileSync(경로)): 보여져야하는 페이지의 데이터를 사용자에게 전송하는 역할 2. URL의 이해 3. URL을 통해서 입력된 값을 사용하는 방법 Query String을 통해서 다른 정보를 방식 - node.js url parsing + query string 으로 검색해서 정보 파악 가능 var http = requir..

티스토리 블로그에서 새로운 에디터를 이용해 코드를 작성할 때 이쁘지 않게 올라가는 경우를 보셨나요..? 저와 같은 어려움을 겪고 계시는 분이라면 아래와 같은 문제가 있을 것이라 예상됩니다. 글을 작성하는 동안에는 분명 이렇게 이쁘게 작성되던 것이... 이렇게 몬생기게 나와서 굉장히 당황스러우셨을 것입니다. 제가 완전 그랬거든요. 방법은 두 가지입니다. 1. ColorScripter를 사용 더보기 https://colorscripter.com/ 구버전 에디터에서도 주로 사용했던 방식으로 코드를 입력하고 클립보드에 복사를 클릭하면 이를 에디터에 붙여넣기 할 수 있었습니다. 하지만 새로운 에디터에서는 이 클립보드를 그대로 복사해서 붙여넣기 하면, 1 2 3 4 5 6 7 8 9 Hello World Hello..

1. Node.js를 검색한 후 공식 홈페이지에서 파일을 다운로드 2. 원하는 공간에 새 폴더를 생성 후, Atom Editor에서 프로젝트 폴더 추가 3. 폴더에 새로운 파일 생성 4. 콘솔에 출력하고자 하는 내용을 입력 5 윈도우키 + r : 실행창 cmd 6. 터미널에서 직접 입력해서 출력을 보는 방식 / 저장되어 있는 js 파일을 불러오는 방식 참조한 생활코딩 URL : https://opentutorials.org/module/3549/21029 - 명령 프롬프트에서 출력하는 방식

- 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..