song.log

[Node.js] 비주얼스튜디오 코드와 Node.js 설치 본문

DevLog/Node.js

[Node.js] 비주얼스튜디오 코드와 Node.js 설치

SingaKorean 2019. 11. 4. 17:20
반응형

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을 수정하려면 Ctrl+Shift+P를 눌러 명령 팔레트를 불러온 이후 "config"를 입력하여 사용 가능한 명령 목록을 필터링합니다. 그다음 언어 구성 명령을 선택합니다. 자세한 내용

marketplace.visualstudio.com

 

 

3. Node.js (Non-blocking I/O 단일 스레드 이벤트 루프) 다운로드

 

 

3. 새 폴더 생성 후 에디터에서 폴더 열기

3-1 글꼴이 너무 작을 때

새로 만들기 해서 hello.js 입력

3-2 콘솔창에 출력시키기

F5를 누르면 밑에 콘솔 창이 나와서 입력한 것을 볼 수 있음
디버그 옆에 프로그램 시작을 누르면 이 화면이 나옴

JSP : Server(jsp, model) <->Client(html, javaScript, JQuery, Vue, React)

Client -> Server -> Client 

 

Client -> Server

            (controller) - X

 

Ajax -> Restful (100%) ->ResponseBody  - 조각조각 분업화 시키는데 좋은 편

@RestController 

 

client --> server

client(server) 서버를 아예 포함시킨 것 ---> 그 것이 바로 Node.js

서버를 client내에서 제작해주는 것

 

3-1 Json 형태로 값 받아오기

3-1 Json 형태로 값 받아오기

 

 

이렇게 추가는 가능하지 무거워진다.
parsing 해서 가져온 부분

 

 

 

파일 입출력 설정 - 파일 작성
파일 입출력 설정 - 파일 내의 내용 추가 기입

 

반응형

'DevLog > Node.js' 카테고리의 다른 글

[Node.js] 동기/비동기, 콜백함수, 패키지 매니저와 PM2 사용법  (0) 2019.12.19
[Node.js] 파일목록 알아내기, 글 목록 출력하기, 함수를 이용해서 정리 정돈하기  (0) 2019.12.19
[Node.js] 파일 읽기, 파일을 이용해 본문 구현, 콘솔에서의 입력값, 홈페이지 구현  (0) 2019.12.19
[Node.js] 웹서버 만들기, URL로 입력된 값 사용하기, 동적인 웹페이지 만들기  (1) 2019.12.19
[Node.js] Window에서 cmd를 통해 node 사용하는 방법(Atom Editor 사용)  (0) 2019.12.17
'DevLog/Node.js' Related Articles more
Comments