#0. 기초부터 따라하는 Nest.js : 이 글의 취지 & 시작 전 준비할 것들

 

먼저, 이 글의 목적은 학교 동아리 내에 멘토링을 위함과 동시에 nest.js 입문자분들을 위해 저의 방식대로 nest.js를 이용하는 방법을 소개, 알려드리기 위한 글입니다.

 

목표 : 비전공자, javascript에 익숙하지 않은 분들도 쉽게 따라할 수 있을만큼 디테일하되, Deep하지는 않도록 설명하기

딥한 부분은 저도 잘 모르고 설명하기도 힘들뿐더러, 혼자서 공부하면서 구글링하고 남들한테 질문하면서 알아가면 됩니다.

nest.js를 처음 접하시거나 봐도 모르겠다 하시는 분들은 일단 코드를 따라 쳐보세요. 따라 치시면서 얻는 것들도 분명히 있을겁니다.

 

주의사항

• 필자도 nest.js를 접한지 오래되지 않았고, 아직 스스로 초보라고 생각하기 때문에 틀리거나 비효율적인 부분이 있을 수 있습니다. 이런 부분들을 발견하시면 과감히 자신의 생각을 댓글로 달아주세요.
• '내가 한 생각이 틀리면 어떡하지?' 라는 생각을 하시면서 댓글을 안다시는 분들도 많이 계실겁니다. 하지만, 저는 틀린 생각이란 없다고 생각합니다. 자신이 쓸데없다고 여기는 그런 생각들이 하나 둘 모여 더 좋은 생각을 향한 밑거름이 될 겁니다.
• 혹여나 자신이 아는 척 하는 사람으로 보일까봐, 건방진 사람으로 보일까봐 혹은 내 댓글이 비난 받을까봐 두려워하지 마세요. 일단 자신의 생각을 적으세요. 다만, 해당 댓글을 보는 사람들을 생각하면서 "어떻게 작성하면 괜찮을까?"라는 생각을 항상 하면서 댓글을 적으시면 됩니다. 노력을 한 게 댓글에 보일거에요. 혹여나 안좋은 댓글(저의 주관적인 기준이긴 하겠지만...)이 있으면 삭제해보도록 하겠습니다.
• 그리고 댓글은 웬만하면 비밀댓글로 하지말아주세요. 댓글 작성자님의 글을 보고 다른 분들이 깨닫는 게 분명히 있을 겁니다. 부끄러워하지말고 서로 댓글은 공개하도록 해요.
• 제가 작성하는 코드는 저의 주관이 많이 들어가고, 저의 코드 작성 스타일이 많이 들어가 있을 겁니다. 이 글은 거의 완전 초보 분들을 대상으로 하기 때문에 처음 접하시는 분들은 따라하시다보면 저의 스타일에 익숙해질 수 밖에 없어요. 나중에 서서히 본인의 스타일을 찾아 가시길 바랍니다. 처음 접하시는게 아니신 분들은 본인 만의 코드 작성 스타일이 있을 거에요. 저의 글은 참고만 하되, 본인 스타일에 맞게 변경해서 사용하시면 좋을 것 같습니다 :)
• 작성자 본인은 Mac OS (맥북 M1)을 사용하고 있기 때문에 다른 운영체제를 사용하시는 분들과 환경이 달라 중간 중간 에러가 날 수 있습니다. 이 부분은 유의하셔야 합니다.

 

---

사전준비

---

Github

https://github.com/

해당 사이트에 들어가서 Github 아이디를 만들어 주세요.

Git

Git 프로그램을 운영체제에 맞게 다운로드 받아주세요. 다운로드 방법은 구글링하셔서 다운로드 해주세요.

환경변수 설정을 하셔서 git명령이 터미널에서 동작하게 할 수 있어야 합니다. 잘모르겠으면 구글에 git 환경변수 를 검색해보세요.

PostMan

postman이라는 프로그램을 다운로드 받아주세요. 서버에 요청을 보낼 때, Postman 이라는 프로그램을 사용할 예정입니다.

vscode

구글에 vscode를 검색하셔서 해당 운영체제에 맞는 visual studio code를 다운로드 받아주세요.

vscode는 텍스트 에디터로, 코딩을 위해 이쁘게 꾸미고 각종 편의기능을 추가한 메모장이라고 생각하시면 됩니다.

vscode말고 webstorm을 사용하셔도 됩니다만, 저는 vscode를 사용하기 때문에 차이가 있을 수 있습니다.

vscode도 환경변수 설정을 해주어야 합니다. 구글에 vscode 환경변수 를 검색해보세요.

node.js

구글에 node.js를 검색하셔서 해당 운영체제에 맞는 node.js LTS 버전을 다운로드 받아주세요.

LTS 버전은 안정적인 버전이라 LTS버전으로 다운 받는게 좋습니다.

참고로 저는 16.x.x 버전을 사용중입니다. (굳이 저랑 같게 맞출 필요는 없을 것 같습니다)

javascript 기초 문법

기본적인 자바스크립트 문법을 익히시고 듣는게 좋습니다.

https://ko.javascript.info/

모던 JavaScript 튜토리얼

저는 처음에 공부할 때 해당 사이트를 보고 공부했습니다. 전부 다 본건 아니구요. 챕터 2만 보세요.

자바스크립트로 간단한 문법 연습을 할 때에는 브라우저를 열고, 키보드 F12를 누르면 개발자 도구 창이 뜨는데, 거기서 Console 탭을 찾아서 클릭하시면 거기서 자바스크립트로 코딩할 수 있습니다.

공부 키워드를 드리자면

• const, let, var
• for, if, while, 삼항연산자
• 배열, pop, push
• 객체, object
• class, 생성자, import, export
• async, await
• callback 함수
• forEach, map, filter, reduce

다 익히실 필요는 없고, class와 객체는 꼭 봤으면 좋겠네요.

 

따로 필기할 생각이 있으시다면, notion에다가 필기하는 것을 추천합니다.

 

그리고,

터미널 켜는법 알아두세요. 그리고 터미널과 친해지는게 좋습니다.

윈도우의 경우에는 윈도우+R키로 실행창을 킨 후, cmd 를 치면 터미널 창이 나옵니다.

 

본인 운영체제의 터미널 명령어

개발자가 되고자 하신다면, 터미널과 친해지셔야 합니다. 터미널이란 흔히 명령 프롬프트 라고 부르는 검은색 창을 말합니다.

텍스트로 컴퓨터에 명령을 내리기 위한 창이죠.

본인 운영체제의 간단한 터미널 명령어는 꼭 기본적으로 숙지하셔야 합니다. 모르더라도 이 글을 따라오면 자연스럽게 알게 될 겁니다.

맥북의 경우 기본 터미널을 쓰셔도 되지만, iterm2 라는 터미널을 다운로드 받아서 사용하는 걸 추천합니다.

윈도우의 경우

• cd, dir, cls, mkdir

리눅스, 맥의 경우

• cd, ls, clear, mkdir

일단 이 정도면 알아두시면 됩니다.