DDAMNOTE 블로그 입니다.

3 minute read

📚 섹션 1. 강의 소개 및 이론

섹션 1에서는 백엔드 엔지니어가 무엇인지, 그리고 Node.js와 NestJS의 기본 개념 및 HTTP 통신의 원리를 다룸. 코드를 짜기 전, “왜 이런 기술들을 사용하는가?”에 대한 뼈대를 잡는 아주 중요한 파트임.

Backend Concept 백엔드 서버와 데이터베이스, 그리고 모바일 등 클라이언트와의 연결을 귀엽게 묘사한 일러스트

1. 필독!! (수업 자료)

  • 핵심 내용: 원클릭으로 받을 수 있는 프로젝트 레포지토리(저장소) 링크와, 질문/원격 지원을 받을 수 있는 소통 창구를 안내함.
  • 초보자를 위한 설명: 요리를 배울 때 레시피북(코드 저장소)과 SOS를 칠 수 있는 요리 선생님의 연락처(원격 지원)를 미리 받아두는 것과 같음. 문제가 생기면 카카오 채널(https://links.codefactory.ai)을 통해 도움을 받을 수 있으니 매우 든든함.

2. Backend Engineer 소개

  • 핵심 내용: 백엔드 개발자의 역할에 대한 전반적인 오버뷰.
  • 초보자를 위한 설명: 식당으로 비유하면 ‘주방장’과 같음. 손님(사용자)이 스마트폰이나 웹 브라우저(프론트엔드)에서 주문을 넣으면, 주방(서버)에서 재료(데이터베이스)를 꺼내어 요리(로직 처리)한 뒤 다시 손님에게 내어주는 중요한 역할을 담당함. 단지 눈에 보이지 않지만 서비스의 모든 핵심 기능을 책임짐.

3 & 4. NodeJS 소개 및 기술적 특징

  • 핵심 내용: 브라우저 밖에서도 JavaScript를 실행할 수 있게 해주는 Node.js 플랫폼과, 그 기술적 원리(비동기 논블로킹 등)를 설명함.
  • 초보자를 위한 설명: 원래 ‘자바스크립트’라는 언어는 웹 브라우저(크롬, 사파리 등) 안에서만 살 수 있는 마법사였음. 그런데 Node.js라는 특별한 우주복이 발명되면서, 자바스크립트가 브라우저 밖 세상(서버)으로 뛰쳐나와 강력한 마법(백엔드 개발)을 부릴 수 있게 됨. 게다가 여러 주문을 동시에 처리하는 능력이 아주 뛰어나서 엄청나게 빠름.

5. HTTP

  • 핵심 내용: 웹 통신의 기반인 HTTP 프로토콜(규칙)의 원리 학습.
  • 초보자를 위한 설명: 클라이언트(스마트폰)와 서버(주방)가 서로 대화할 때 지키는 ‘우편물 양식’임. 어떤 봉투(헤더)에 무엇(바디)을 담아서 보낼지, 그리고 답장은 어떻게 줄지 약속해둔 전 세계적인 통신 규칙임. 백엔드 개발자는 이 양식을 이해해야 서버와 데이터를 올바르게 주고받을 수 있음.

6. NestJS 소개

  • 핵심 내용: 강의의 핵심인 NestJS 프레임워크가 무엇이고 왜 쓰는지 학습함.
  • 초보자를 위한 설명: Node.js로 집을 지을 때, 혼자서 벽돌과 시멘트를 사다가 맨땅에 짓는 것은 너무 힘들고 실수하기도 쉬움. 이때 NestJS라는 훌륭한 건축 사무소를 고용하면, 아주 튼튼한 철골 구조와 방 배치도(아키텍처)를 미리 짜줌. 덕분에 복잡한 코드도 엉키지 않고 깔끔하게 정리될 수 있어서 최근 가장 사랑받는 도구임.

⚙️ 섹션 2. 세팅하기

섹션 2는 본격적인 코딩을 위해 운영체제별로 개발 환경을 구축하고, 필요한 도구를 설치하는 과정임.

Development Environment 개발을 위한 노트북, 도구들, 패키지 상자들이 정돈된 개발 환경 일러스트

7 & 8. macOS 및 Windows 환경설정

  • 핵심 내용: 각 운영체제(Mac, Windows)에 맞는 터미널, 코드 에디터 및 필수 개발 도구 설치 가이드.

🍎 macOS 세팅 가이드

macOS Setup macOS 환경에서의 터미널 및 개발 환경 세팅 과정을 표현한 일러스트

🪟 Windows 세팅 가이드

Windows Setup Windows 환경에서의 터미널 및 개발 환경 세팅 과정을 표현한 일러스트

  • 초보자를 위한 설명: 훌륭한 목수가 되기 위해 튼튼한 작업대와 고급 공구 세트를 마련하는 시간임. 본인의 컴퓨터 환경에 맞춰 선생님이 시키는 대로 프로그램(VS Code 등)을 차근차근 깔기만 하면 됨. 어려운 용어가 나와도 당황하지 않고 똑같이 따라 하면 멋진 디지털 작업실이 완성됨.

9. YARN 최신버전 호환 문제 (중요!)

  • 핵심 내용: YARN 패키지 매니저의 최신 버전 설치 시 강의 환경과 충돌이 발생할 수 있으므로, npm을 사용하거나 YARN 1버전 대를 사용할 것을 강력 권장함.
  • 초보자를 위한 설명: 개발을 하다 보면 다른 천재들이 미리 만들어 둔 ‘코드 꾸러미(패키지)’를 쇼핑해서 쓸 일이 많음. 이 꾸러미들을 관리해 주는 필수 도구가 npm과 YARN임. 현재 YARN 최신 버전 도우미가 약간의 오류가 있어서, 제일 안전하고 오리지널 버전인 npm 도우미를 계속 사용하는 것이 정신 건강과 완강에 월등히 좋음.

� 패키지(꾸러미) 설치 명령어 비교 샘플

1. 새로운 패키지를 설치할 때

  • ❌ yarn을 사용할 때 (비권장, 오류 발생 가능): 
    yarn add passport
  • ✅ npm을 사용할 때 (강력 권장!): 
    npm install passport

2. 프로젝트 실행할 때

  • ❌ yarn을 사용할 때: 
    yarn start:dev
  • ✅ npm을 사용할 때: 
    npm run start:dev

💡 초보자 생존 꿀팁: 위 샘플처럼 강의 영상에서 선생님이 yarn이라고 입력하면, 내 터미널에는 무사히 통과되는 마법의 주문(npm 등)으로 바꿔서 입력하는 연습을 하면 좋음!

🏁 파트 요약 마무리

섹션 1, 2는 앞으로 다룰 거대한 백엔드 시스템의 기초석을 닦는 파트임. 제공된 소스코드 링크를 잘 북마크해 두고, npm을 이용한 안전한 패키지 설치법만 확실히 기억한다면 무리 없이 코딩의 세계로 나아갈 수 있음!

Comments

You May Also Enjoy