코스 이미지

[스터디/2기] 실무와 가까워지는 Node.js 백엔드 개발(feat.TypeScript)

🚀 아쉽지만 2기는 마감되었어요.

내년에 시작 예정인 3기 오픈 알림 신청하고 최저가에 수강하세요!

오픈 알림 신청

실무와 가까워지는 Node.js백엔드 개발 (feat. TypeScript)

비교적 쉬운 기술 스택으로 백엔드 구조의 핵심을 짚어보는 4주 스터디!
요구 사항 분석 및 데이터 베이스 설계부터 API 개발, 배포까지!
실무 백엔드 개발 전체 사이클을 경험하며
실제로 동작하는 웹 서비스를 만들어 봅니다.

스터디 일정 안내

  • 스터디 기간

    10월 21일(목) ~ 11월 18(목), 4주간

  • 🏠

    온라인 세션

    매주 목요일 오후 8시 30분 - (1~2시간)

  • 💼

    준비물

    개인 노트북 (Windows/MacOS)

  • 사용 프로그램

    슬랙, 깃헙, 프로그래머스 스쿨, 줌

Node.js 백엔드
개발 스터디는

📚

주어진 4주, 모든걸 배우진 못해도 기본은 확실히 배워요

언어, 프레임워크 외에도 DB, 서버 등 학습 분량이 방대하여 어떻게 공부를 시작할지 막막했을 겁니다. 이번 스터디 기간동안 모든 내용을 다루진 못하겠지만, 백엔드를 구성하는 요소들을 점진적으로 구현하며 기본기를 확실히 합니다.

💻

실제 동작하는 산출물을 만들어요

스터디에서 클라이언트 소스코드를 제공해드리고, 여러분은 백엔드 관련 작업에 집중하면서 두 요소를 연동하게 됩니다. 이를 통해 전체적인 백엔드 흐름을 경험하며 실무와 가까워져봅시다.

🔐

타입 안정성을 위해 TypeScript로 진행해요

최근 타입 에러 발생 장애를 줄이기 위해 실무에서도 많이 사용하는 추세니 이번에 함께 사용해 봅니다. JavaScript에서 실무에서 자주 사용하는 문법들 위주로만 추가 학습하면 되기 때문에 어렵지 않게 따라올 수 있을겁니다.

누구에게 필요한 스터디 인가요?

  • Node.js를 활용해 빠르게 웹 서비스 개발이 필요한 분

    백엔드를 학습하기 위해 추가적인 언어 학습 없이 JavaScript로 빠르게 배울 수 있습니다.

  • 실제로 동작하는 웹 서비스를 처음부터 끝까지 직접 구현해 보고 싶은 분

    하나의 서비스를 완성하기 위해서 백엔드는 필수적이기 때문에, 실제 웹 서비스를 만들면서 백엔드 개발 전체 사이클을 경험해 볼 수 있습니다.

  • 백엔드 분야 지식을 학습하여 효율적으로 개발하고 싶은 분

    백엔드 지식을 알고 있으면 간단하게 데이터 구상을 할 수 있을 뿐만 아니라, 백엔드 개발자와 협업도 훨씬 수월해집니다.

🚨

잠깐! 스터디 참여를 위해 필요한 기본 지식 확인

* Javascript로 array 사용 시 filter, map, forEach, reduce 등을 다뤄봤다.

* 구조 분해 할당(Destructuring assignment), 전개 구문(Spread syntax) 문법을 알고 있다.

* 화살표 함수(Arrow function) 표현을 알고 있다.

* 널 병합 연산자(??)나 논리 연산자 OR(||)에 대해 알고 있다.

잘 모르겠다면, 적절한 참여 대상이 아닙니다.

아래 글을 읽어보며 조금 더 학습 후 참여해 주세요!

실무 백엔드 전체 사이클을 경험해요!

이 과정에서는 준비되어 있는 프로젝트를 단순히 강사의 지도를 따라서 완성하지 않습니다. 실제 업무처럼 기획 단계에서 예외 처리 사항을 구체화하고 그에 맞춰 API 개발 및 테스트를 진행하는 것까지 챙겨보며, '실제로 일할 땐 이런 것을 고민하게 되겠구나'를 생각하도록 이끌어드립니다.

어느 정도 산출물이 나온 이후에도 기획에서 목표한 대로 서비스가 동작하는지 확인하는 과정도 거쳐보며, 전반적인 구현 사이클을 경험하는 것이 목적입니다.

  1. STEP 01.

    요구사항 분석

  2. STEP 02.

    데이터 베이스 설계

  3. STEP 03.

    API 개발

  4. STEP 04.

    테스트 진행

  5. STEP 05.

    배포

  6. STEP 06.

    신규 기능 추가 및 리팩토링

스터디 리더, 송요창

현) 우아한형제들, 프론트엔드 프로그래머
전) 야놀자, 백엔드 프로그래머
전) 아라소판단, 백엔드 프로그래머

송요창 리더의 한마디

백엔드 로드맵을 보면 이 많은 주제를 언제 다 공부하나 막막합니다. 중압감에 시작을 망설이다 시간만 보내곤 합니다. 백엔드가 하는 일은 아주 간단하게 “사용자 요청에 대한 응답을 주는 일"이라고 할 수 있습니다. 어렵지 않은 난이도로 부담 없이 시작할 수 있도록 도와드리겠습니다

실제 동작하는
웹 서비스를 만드는 4주 과정

회의나 휴식 전 팀원들의 커피 주문을 받기 위한 서비스를 만들어보며
전체적인 백엔드 구조를 학습하며 실무 개발 순서와 유사하게 프로젝트 진행합니다.

📁

커피 주문 프로젝트는?

커피 주문에 필요한 기능(중복 주문 누적 표시, 주문 합계, 특정 시점 주문 종료)을 고려하여 커피타임(이벤트), 주문, 참가자, 음료에 관한 기본적인 CRUD API를 제작하고, 불편사항을 개선하여 리팩토링하는 과정을 경험합니다.

주차별
미션 살펴보기

Chapter

1

프로젝트 기능정의 및 TypeScript로 타입 지정하기

1회차 온라인 세션 : 10/21(목) 오후 8시 30분

[온라인 세션] 서비스 요구사항 분석 및 데이터베이스 설계

  • 10명 내외의 인원이 커피 주문하는 과정을 분석
  • 불편한 부분을 확인하고 기능 정의
  • 데이터베이스 설계

[주요 포인트]

  • 프로젝트 살펴보기
  • 관계형 데이터베이스(RDB)와 NoSQL 데이터베이스 차이를 확인
  • TypeScript 소개

프로젝트 과제

기본 프로젝트 생성 후 github에 연결

Chapter

2

Next.js, Express.js 프레임워크에 대한 소개 및 CRUD API 제작

2회차 온라인 세션 : 10/28(목) 오후 8시 30분

[온라인 세션] 기본 CRUD api 제작 및 인증

  • 인증/인가 처리
  • 이벤트 및 음료 CRUD api 제작
  • IntersectionObserverAPI

[주요 포인트]

  • 데이터베이스에 정보를 읽고, 저장하고, 갱신하거나 제거할 때 고려할 점 확인
  • 트랜젝션(Transaction)의 이해와 활용
  • 인증(Authentication)과 인가(Authorization)에 대한 이해
  • 데이터베이스 인덱스 적용

프로젝트 과제

음료 이름 입력 시 자동완성될 텍스트 반환하는 api 만들기

Chapter

3

프론트엔드와 백엔드 API 연동

3회차 온라인 세션 : 11/4(목) 오후 8시 30분

[온라인 세션] 서비스 화면과 api 연동

  • 이벤트 생성 페이지 api 연동
  • 이벤트 페이지 api 연동

[주요 포인트]

  • 사용자가 접하는 화면과 데이터가 어떻게 연동되는지 확인
  • axios나 fetch 등 client용 api 호출 라이브러리

프로젝트 과제

메뉴판 CRUD 설계 후 CRUD api 설계하기

Chapter

4

vercel을 활용한 서비스 배포 및 추가 기능 개발

4회차 온라인 세션 : 11/11(목) 오후 8시 30분

[온라인 세션] 서비스 배포 및 신규 기능 추가

  • 서비스 배포
  • 이벤트 생성 시 메뉴판을 특정해서 사용자가 메뉴를 선택하는 기능 추가
  • 메뉴판 CRUD api 연동

[주요 포인트]

  • vercel 플랫폼을 활용한 서비스 배포
  • 새로운 요구사항을 서비스에 반영

프로젝트 과제

신규기능 추가 개발하기

Chapter

5

마무리 세션

5회차 온라인 세션 : 11/18(목) 오후 8시 30분

4회차 과제 리뷰 및 네트워킹

🎬

스터디는 온라인 세션으로 진행되요!

더 많은 내용을 스터디원들에게 알려드리기 위해, 일주일에 1~2시간 정도 동시접속하여 필요한 개념에 대해 리더의 설명을 듣고, 실습을 하면서 궁금했던 점을 질문하는 시간입니다. 불참시 녹화본을 제공합니다만, 직접 참여해야 과정을 따라가기 수월합니다 😊

선배 개발자들이
이 스터디를 강력히 추천해요

김상환

야놀자 백엔드 개발자

JavaScript 기반의 Node.js는 풀 스택 개발을 용이하게 하고, 비동기, JSON 사용 등을 손쉽게 할 수 있어, 현업에서도 널리 사용되고 있습니다. 만들면서 배우는 것이 초기 공부 방법 중 가장 효과적이지 않나 싶습니다. 백엔드의 기본이라 할 수 있는 데이터베이스와 API 구성의 흐름을 빠르게 파악해 봄으로써, 전체적인 이해와 함께 향후 학습에 대한 이정표를 찾아볼 수 있는 좋은 기회라고 생각됩니다

요우

네이버 라이브커머스 백엔드 개발자

지금도 주변의 많은 분이 저에게 물어봅니다. "프로그래밍은 조금 배웠습니다. 하지만 백엔드 개발은 어떻게 시작하면 되나요?". 저 역시 비슷한 고민을 했었고, 백엔드 개발로 먹고사는 지금도 쉽게 대답할 수 없는 질문입니다. 하지만 송요창님의 [실무와 가까워지는 Node.js 백엔드 개발] 강좌를 통해 Node.js 백엔드 개발의 일반적인 사이클을 경험할 수 있습니다. 개발 중 반드시 고려해야 할 Database Transaction 와 CRUD API 구현 및 Deployment, 더 나아가 Node.js 백엔드 개발에 주로 사용되는 라이브러리와 최근 주목받는 TypeScript까지 사용해보며, 빠르게 Node.js 백엔드 개발 감각과 인사이트를 얻을 수 있는 시간이 될 것입니다.

이소정

우아한형제들 프론트엔드 개발자

신입 채용에 있어서도 경험이 있고, 기술 스택이 맞는 개발자를 원하는 기업이 많아지고 있습니다. 기업에서 주로 사용하고 있는 TypeScript, Next.js, Express.js 등의 언어와 프레임워크를 활용하여 어떻게 구현하고 동작하는지 경험해볼 수 있습니다. 또한 프론트와 서버의 역할을 고민하고 설계하며 하나의 서비스를 만들어 볼 수 있는 좋은 기회입니다. 이 과정을 통해 개발자로서의 성장에 한 발짝 나아가실 수 있으리라 생각합니다.

스터디 참여 비용 안내

실무와 가까워지는 Node.js 백엔드 개발
(feat.TypeScript)

“단순히 Node.js의 기술적인 내용만 다루기보다는, 웹 서비스에서 백엔드가 하는 일을 쉽게 이해하고 백엔드 개발의 한 사이클을 경험해볼 수 있도록 준비했습니다 😊”

― 교육 매니저 비비아나

정가 400,000원

할인 적용가 10/20(수) 5%380,000원

수강후기

박성민 (1기)

Bagelcode, server developer

회사에서 처음 Javascript를 접해보며 Node.js로 개발을 시작했는데요. 빠르게 배운 지식인 만큼 어설프게 알고 있는 부분이 많다고 생각했습니다. 그러다 요창님의 스터디를 발견했고, 제가 부족한 부분을 더 보완할 수 있을 것 같아서 참여했습니다. 제가 가장 좋았던 부분은 초기 프로젝트를 직접 볼 수 있다는 점입니다. 간단한 기능을 하는 서버를 보면서 구조도 파악할 수 있었고 api를 받아서 처리하는 과정을 잘 이해할 수 있었습니다. 게다가 잘하는 사람의 코드를 보는 건 아주아주 도움이 됩니다. 직접 코드를 읽어보면서 몰랐던 문법도 알게 되고 '이렇게 코드를 짜는구나~'를 느낄 수 있었습니다.

PINOT (1기)

피터스앤마이어스, 테크노킹

프론트엔드 개발을 시작한 지 4년이 되었고, 기회가 될 때마다 NextJS를 사용해서 백엔드도 작게나마 만들고 있었습니다. 그런데 평소에 알고 지내던 요창님께서 스터디를 보게 되었고 백엔드를 배울 수 있다는 희망에 홀린 듯이 신청하게 되었습니다. 우선 프로젝트의 구조와 코드를 하나씩 읽으면서 진정한 MVC 패턴에 대해서 잘 알게 되었다고 생각합니다. Vercel이나 Firebase를 사용해서 서버의 백엔드와 DB까지 쉽게 구현할 수 있어서 꽤나 재미있는 시간이었습니다. 또, Pull Request 기반의 코드 리뷰 문화를 베이스로 함으로써 PR에 익숙하지 않은 사람들에게도 큰 도움이 되었던 것 같았습니다. 마치 아기가 첫 걸음마를 땔 때 가족이 손을 잡아주면서 걷는 느낌을 스터디 진행하는 내내 받았고, 엄청 재미있었습니다. 지인들에게 이 스터디를 추천해주겠냐고 묻는다면 저는 주저없이 이 스터디를 추천하고 싶습니다.

임승빈 (1기)

취업 준비생

백엔드 개발자가 되기로 마음먹고 JavaScript 기초나 이론적인 내용은 많이 공부했지만 이것을 활용하여 무언가를 만드는 게 쉽지는 않았습니다. 그러던 와중에 이번 스터디를 알게 되었고 실제로 만들어 보고자 이 스터디에 참여하게 되었습니다. 스터디는 프론트엔드 코드와 기본적으로 구현된 백엔드 코드가 있어서 시작하기에도 쉬웠고 현직 백엔드 개발자가 구현해 둔 코드이기 때문에 코드 분석을 하면서 기본적인 백엔드 개발을 어떻게 해야 하는지 감을 잡을 수 있었습니다. 그리고 리더의 라이브 세션, 코드 리뷰, 슬랙 등 다양한 채널로 함게 소통을 하면서 진행을 하기 때문에 내용도 쉽게 이해할 수 있었고 백엔드와 관련된 코드 구조나 보안에 대해서도 배울 수 있었습니다. 그리고 스터디를 참여한 다른 분들과도 서로 코드를 봐주고 의견을 받을 수 있어서 큰 도움이 되었던 것 같습니다. 결론적으로, 본격적인 백엔드 개발로 나아가는 일종의 관문으로서 많은 도움이 되었다고 생각합니다.

우리, 카카오톡 친구해요Ch

프로그래머스 교육 카카오 채널 친구 추가를 해주세요.
신규 교육 과정 소식은 물론 다양한 이벤트 소식까지 가장 먼저 알려드립니다.

친구하고 소식받기👉🏽

질문 & 답변