코스 이미지

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

마감되었습니다.
7기 오픈 알림 신청하고 최저가에 수강하세요!
오픈 알림 신청

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

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

스터디 일정 안내

  • 스터디 기간

    8월 25일(목) ~ 9월 22일(목), 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회차 온라인 세션 : 8월 25일(목) 오후 8시 30분

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

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

[주요 포인트]

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

프로젝트 과제

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

Chapter

2

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

2회차 온라인 세션 : 9월 1일(목) 오후 8시 30분

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

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

[주요 포인트]

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

프로젝트 과제

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

Chapter

3

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

3회차 온라인 세션 : 9월 8일(목) 오후 8시 30분

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

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

[주요 포인트]

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

프로젝트 과제

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

Chapter

4

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

4회차 온라인 세션 : 9월 15일(목) 오후 8시 30분

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

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

[주요 포인트]

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

프로젝트 과제

신규기능 추가 개발하기

Chapter

5

마무리 세션

5회차 온라인 세션 : 9월 22일(목) 오후 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원

수강후기

4기 수강생 양아름 이미지

양아름 (4기)

프론트엔드 개발자

'나는 어떤 분야에 가장 관심이 있을까?'라는 고민의 해답을 얻기 위해 스터디를 신청하게 되었습니다. 예전에 요창님이 진행하는 핸즈온에 참여했을 때, 초보자들도 이해하기 쉽게 설명을 해주셔서 이번 스터디도 기대가 있었습니다. 실제로 스터디에 참여하며 실시간 온라인 수업만으로도 많은 것을 듣고 익힐 수 있었으나, 주마다 생기는 과제 덕분에 백엔드 지식뿐만 아니라 프론트엔드 지식도 얻을 수 있었습니다. 과제를 진행하며 요창님이 제공한 기본 코드에 세션을 하면서 추가되는 코드들은 다음에 다시 참고해도 될 정도로 든든한 교과서, 참고서가 되었습니다.

시니어 개발자분과 소통하고, 코드 리뷰를 받으며 협업을 위한 Git 지식은 물론 3시간 넘게 혼자 끙끙대며 고민해도 풀리지 않는 오류가 20분 만에 해결되는 마법을 체험할 수 있었습니다. 또, 다른 스터디원의 코드를 보며 생각의 폭을 넓혀갈 수 있습니다. 5주라는 어쩌면 짧은 기간 동안 깊은 지식을 얻을 수 있어 좋은 시간이었고, '백엔드'라는 글자로 러닝 커브가 높다는 고정관념을 깨부술 수 있는 스터디였습니다. 감사합니다!🥳

4기 수강생 플러터 이미지

플러터 (4기)

취준생

백엔드에 대해서 아무것도 몰라 배워야겠다는 생각은 있었지만, 장기 교육 과정에 참여하기에는 부담스러웠습니다. 마침 프로그래머스의 코드 리뷰 스터디가 제 상황에 딱 맞아서 참여하게 되었습니다. 실시간 세션에서는 리더님이 강의를 진행하면서, 모르는 것이 있으면 바로 피드백해주시기 때문에, 궁금점을 바로 해소할 수 있다는 점이 매우 큰 도움이 되었습니다. 피드백 또한 참여자 수준에 맞춰서 이해하기 쉽게 설명해주십니다. 세션이 없는 날에는 과제를 수행하면서 다른 스터디원들의 코드를 접하고, 소통하면서 많이 성장하게 되는 것 같습니다. 평소 궁금한 게 많으신 분이라면 매우 추천합니다!

4기 수강생 양수영 이미지

양수영 (4기)

취업 준비생

학습의 방향성을 찾기 위해 이 과정에 참여하게 되었습니다. 스터디에서 처음 코드 리뷰를 접하게 되었는데 리더님뿐만 아니라 함께 공부하는 동기들도 다 같이 리뷰에 참여하는 모습이 굉장히 인상 깊었습니다. 다른 동기분들의 코드를 보면서 다양한 시각을 가질 수 있고 더 나아가 피드백 받은 부분을 개선해나가는 점이 좋았습니다. 무엇보다도 라이브 세션에서 궁금한 점에 대해서 활발하게 주고받으면서 수업을 진행해 나아간다는 점 또한 매우 만족스러웠습니다!

진주 (2기)

취업 준비생

백엔드 개발을 배웠지만, 프론트엔드와 함께 연결해서 구현한 프로젝트 경험이 없어서 늘 아쉬웠습니다. 프로그래머스 사이트에서 스터디가 있는 걸 발견하고, 바로 신청했습니다. TypeScript나 Next.js를 처음 접해보아서, 코딩이 쉽지 않았지만 기본적인 코드가 이미 구현되어 있어서 내부를 계속 뜯어볼 수 있었습니다. 코드의 일부를 조금씩 채워 넣고 수정하는 과제를 거치며, 전체와 세부 내용을 이해할 수 있었습니다. 다른 수강생분들의 코드 구현 사항도 자유롭게 볼 수 있어서 참고하며 따라갈 수 있었습니다.
리더님과 매니저님 모두 문의사항에 대한 답변이나 피드백을 잘해주셔서, 스터디 진행하는 내내 많은 도움을 받을 수 있었습니다. 슬랙을 활용해 의사소통을 빨리할 수 있었던 점도 좋았습니다. 어려운 점이 생기면 즉시 슬랙에 올려 해결책을 찾거나, 의견을 구할 수 있었습니다. 토이 프로젝트를 해보고 싶어도 데이터베이스 구조화부터 배포까지 이어지는 과정이 늘 막막했는데, 이번 스터디를 통해 도전해 볼 자신감이 생겼습니다.

박성민 (1기)

Bagelcode, server developer

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

PINOT (1기)

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

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

임승빈 (1기)

취업 준비생

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

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

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

친구하고 소식받기👉🏽

질문 & 답변