이런 분들에게 추천해요.

커리큘럼

• 챕터 1

  준비하기

  • 무면허 비전공에 IT기업 다니는 프로그래머 이야기

    09:56

  • 개발환경 준비하기

    05:03

  • 프로젝트 폴더 살펴보기

    02:17

  • Firebase 셋업

    04:25

  • Firebase에서 비공개 키 생성 안 될 때 대응법

    01:23

  • Firebase admin 코드 추가

    07:51
• 챕터 2

  메인 페이지 만들기

  • 메인 페이지 뷰 작업 살펴보기

    00:40

  • Service Layout 코드 추가

    03:17

  • Chakra UI를 이용한 메인 페이지 뷰 작업

    08:55

  • Firebase client 코드 추가

    06:48

  • Firebase 인증을 활용한 Google 로그인

    03:57

  • React.js context 활용한 Auth 처리

    15:20

  • GNB 뷰 작업

    08:00

  • 메인 페이지 뷰 수정하기

    03:37
• 챕터 3

  사용자 API 만들기

  • 사용자 API 작업 살펴보기

    00:37

  • 사용자 추가 API 구현

    07:32

  • 사용자 추가 API 수정

    07:46

  • 사용자 모델 추가

    04:49

  • 사용자 컨트롤러 추가

    08:17

  • 서버사이드 공통 에러 핸들링

    05:54

  • 사용자 정보 조회 API 추가

    07:39
• 챕터 4

  사용자 홈 페이지 - 1

  • 사용자 페이지 뷰 작업

    06:12

  • 질문 입력 컴포넌트 제작

    11:18

  • 질문 입력 컴포넌트 수정

    06:44

  • 사용자 정보 연결

    08:21

  • 메시지 추가 API 구현

    11:56

  • 메시지 추가 API 뷰와 연결

    08:35
• 챕터 5

  사용자 홈 페이지 - 2

  • 메시지 컴포넌트 뷰 작업 살펴보기

    00:40

  • 메시지 컴포넌트 뷰 작업 - 1

    05:19

  • 메시지 컴포넌트 뷰 작업 - 2

    18:57

  • 메시지 컴포넌트 뷰 작업 - 3

    04:35

  • 메시지 목록 조회 API 구현

    08:14

  • 메시지 목록 조회 API 뷰와 연결

    06:30

  • 댓글 추가 API 구현

    05:56

  • 댓글 추가 API 뷰와 연결

    06:23

  • 메세지 단건 조회 API 구현

    09:11

  • 메세지 목록 조회 API 수정

    01:20

  • 메시지 목록 API 페이지네이션 처리하기

    17:16

  • React Query로 메시지 목록 조회 처리

    07:36
• 챕터 6

  메시지 거절 메뉴 추가

  • 메시지 거절 (Deny) 뷰 작업 살펴보기

    00:22

  • 메시지 거절(Deny) 뷰 작업

    05:14

  • 메시지 거절(Deny) API 구현

    07:35

  • 메시지 거절(Deny) API 뷰와 연결

    06:39
• 챕터 7

  메시지 상세 페이지

  • 메시지 상세 페이지 뷰 작업 살펴보기

    00:44

  • 메시지 상세 뷰 작업 - 1

    09:10

  • 메시지 상세 뷰 작업 - 2

    04:06

  • 사용자 페이지 뷰 수정

    03:46
• 챕터 8

  메타(meta) 이미지 생성

  • 메타 이미지 생성 작업 살펴보기

    00:49

  • 메타 이미지 생성 페이지 뷰 작업

    07:02

  • Playwright를 활용한 썸네일 생성 작업

    09:59

  • 메시지 상세 뷰에 Meta Tag 삽입

    05:41
• 챕터 9

  배포하기

  • Vercel 배포

    08:51

  • GNB 기능 일부 수정

    03:53
• 챕터 10

  보너스

  • Ajv와 JSON Schema로 HTTP 요청 검증처리

    08:11

강의 상세

안녕하세요,

우아한형제들 프론트엔드 개발자 송요창입니다.

끝없는 프론트엔드 로드맵에 치이고, 알고리즘 공부에 지치셨나요?

본 강의는 이론 공부에서 절대 그치지 않습니다!

애플리케이션을 만드는 즐거움을 느끼게 해 드릴게요.

이 강의에서는 '익명 질문 서비스(Blahx2)'를 만들고 배포하는, 

처음부터 끝까지의 전 과정을 모두 다룹니다.

실수를 고치는 과정을 겪으면서 현업에서 디버깅하는 방법도 경험해 보세요.

프로그래밍에 대한 재미는 물론,

웹 개발에 자신감을 얻을 수 있습니다. 💪

실무에 적용 가능한 노하우를 상세히 알려 드릴 테니

이번 강의를 통해 Next.js, Typescript 활용법 스킬업 해 보세요!

Q : 비전공자도 쉽게 들을 수 있나요?

A : 네, 가능합니다. 다만 JavaScript 문법을 알고 계시다면 더 쉽게 이해할 수 있습니다.

Q : 필요한 선수 지식이 있을까요?

A : JavaScript를 한 번도 다뤄보시지 않았다면 let, const 의 차이나 Array의 map 등을 확인하는 것이 좋습니다.

Q : 강의에서 어디까지 다루나요?

A : 본 강의는 React.js, Node.js, Next.js의 이론이나 문법보다 실제 서비스를 만드는 데 집중합니다.