[생활코딩-Nodejs-01] 소개 및 기본셋팅

☞ 다음 내용은 생활코딩 [WEB2] Nodejs 파트를 공부하고 복습을 목적으로 작성하는 글 입니다.

☞ 동영상 강의를 보시고, 복습용으로 활용하는 것을 추천드립니다.

 

 

안녕하세요 !

이번에는 Javascript와 Node.js를 공부해보는 시간을 가지도록 해보겠습니다.

강의는 생활코딩 무료강의를 통해 진행될 예정입니다.

포스팅내용 뿐 아니라 추가적인 설명이 필요하신 분은 동영상강의를 적극 활용하는 것을 권장드립니다.

저 스스로의 공부와 복습 그리고 기록을 위해 작성하는 것이기에 다소 설명이 불친절할 수 있습니다.

 

사실.. Nodejs 강의 몇번 들었다가 포기하고..

다시 이참에 마음잡고 해봅니다.ㅠ ㅠ..

이번엔 부디..잘 끝낼 수 있길 기도합니다..ㅠㅠ

 

생활코딩 nodejs 동영상 링크입니다.

https://www.youtube.com/watch?v=3RS_A87IAPA&list=PLuHgQVnccGMA9QQX5wqj6ThK7t2tsGxjm&index=1

 

 

1. Nodejs 소개

 

왜 Node.js를 배우려고 할까요? 저는 사실 Javascript 문법을 공부한 경험이 있고, 강의가 잘 되어있길래 선택했습니다.

HTML&CSS만을 어느정도 공부해보면요.. 한페이지 한페이지 이용자가 누를때마다 나오는 모든 페이지를 직접 만들어야 합니다. 아주 번거롭고 귀찮고 와 개발자들은 다 이렇게사나??-_- 싶죠.

아마 옛날 개발자들도 그랬을 것 입니다. 그런데 어느날, 2008년 구글이 V8엔진 이라는 것을 출시하게 됩니다.

그리고 Nodejs의 창시자 Ryan Dahl은 V8엔진을 기반으로한 Nodejs를 만들게되죠.

기존의 Javascript가 웹에 갖혀있는것과 달리, Nodejs는 JAVA, Python, php등과 같이 컴퓨터 시스템 그 자체를 제어할 수 있는 막대한 영향력을 가진 언어입니다. 이를 활용해 웹사이트를 일일이 HTML로 작성해야하는 반복되는 작업을 줄이고, 상호자와 상호작용하며 데이터를 송수신할 수 있다는 혁신적인 일이 일어나게 됩니다.

그래서 저는 지금부터 생활코딩강의를 통해 Nodejs를 배우고, 블로그에 그 내용을 포스팅 할 예정입니다.

이 포스팅/생활코딩의 강의에서는 Javascript의 문법과 Node.js의 기초활용법 등을 다루게됩니다.

이미 Node.js를 알고계시거나 서버를 다루는데 익숙하신 분께는 적합하지 않으며, HTML과 인터넷에 대한 어느정도의 이해가 있는 분이라면 충분히 할 수 있다고 이고잉쌤이 그러셨는데, 조금 구체적으로 인터넷(서버-클라이언트)구조에 대해 이해가 필요합니다.

Ryan Dahl

2. Nodejs 세팅

그럼 이제부터 학습을 위해 Nodejs 설치과정을 해보겠습니다.

 

1. www.nodejs.org 로 이동합니다.

2. 그리고 LTS 버전을 다운로드 합니다.

(LTS = 안정/최적화 된 버전, Current = 최신버전)

3. 다운로드 된 exe파일을 실행시킵니다.

4. 아무것도 설정하지 마시고 next~~~쭉, install ~~ Finish 해주면 완료!

nodejs 홈페이지

 

자 그럼 잘 설치되었는지 한번 확인해볼까요?

Finish눌르니깐 그냥 사라져버렸죠? 바탕화면에도 아무것도 없고말이죠..

그래서 설치확인을 해보도록 하겠습니다.

우선 저는 VS code라는 에디터를 사용할 것입니다. 본인에게 맞는 ATOM 혹은 다른 것 어느것을 활용해도 무관합니다.

 

 

 

1. 바탕화면에 'nodejs' 라는 이름의 디렉터리(폴더)를 생성합니다.

2. VS Code를 실행하고, nodejs 폴더를 끌어 vscode의 작업영역에 추가합니다.

(만약 안된다면?, 좌측상단 File 버튼을 눌러 Open Folder를 누른 후, nodejs 폴더를 선택해 열어주면됩니다.)

3. nodejs 폴더가 작업영역에 추가 된 것을 확인하고 마우스를 가져다 대 우측에 파일+ 버튼을 눌릅니다.

4. 그럼 파일명을 입력할 수 있는데요 'helloworld.js' 라고 생성합니다.

5. 그리고 helloworld.js를 더블클릭하면 우측에 코드를 입력하는 창이 나오는데요.

6. 코드를 입력하는 란에 'console.log("Hello World");' 라고 입력하고 저장(Ctrl + S)해주세요.

7. Ctrl + R 버튼을 통해 cmd창을 열어주세요(윈도우기준)

8. 그리고 cmd 콘솔창에서 'cd nodejs 디렉토리 주소'를 입력한 뒤,

9. 'node helloworld.js'를 입력하면 Hello World가 출력되는 것을 확인 할 수 있습니다.

 

VS Code에 작업영역추가 & Helloworld 코드 추가하기

CMD창에서 디렉토리이동 & nodejs로 파일 실행시키기

 

 

 

 

여기까지 잘 출력되었다면, 잘 따라오신겁니다.

 

 

 

짝짝짝짝짝 ~~

 

 

 

 

 

- E N D -