미니인턴 | 2주만에 실무 경험을 만드세요

우아한형제들 개발자의 만들면서 배우는 프론트엔드 코딩 - 스킬업 강의

우아한형제들 개발자의 만들면서 배우는 프론트엔드 코딩 강의 배너

  • 개발

우아한형제들 개발자의 만들면서 배우는 프론트엔드 코딩

255,000원

무제한

  • #Nest.js
  • #TypeScript

수강 신청 결제 사이드 메뉴

  • 강의명

    우아한형제들 개발자의 만들면서 배우는 프론트엔드 코딩

  • 분량

    54(총 5시간 52분)

255,000원

우아한형제들 개발자의 만들면서 배우는 프론트엔드 코딩 강의 상세 설명

이런 분들에게 추천해요.

  • 처음 프로그래밍을 시작해서 두려움이 있는 분

  • TO DO 리스트 말고 누군가 사용해 볼 수 있는 서비스를 만들고 싶은 분

  • 프론트엔드 지식은 있지만 백엔드를 다루기 막막한 분

  • 실전 기능 구현을 해 보고 싶은 분

커리큘럼

  • 챕터 1

    준비하기

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

    • 개발환경 준비하기

    • 프로젝트 폴더 살펴보기

    • Firebase 셋업

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

    • Firebase admin 코드 추가

  • 챕터 2

    메인 페이지 만들기

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

    • Service Layout 코드 추가

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

    • Firebase client 코드 추가

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

    • React.js context 활용한 Auth 처리

    • GNB 뷰 작업

    • 메인 페이지 뷰 수정하기

  • 챕터 3

    사용자 API 만들기

    • 사용자 API 작업 살펴보기

    • 사용자 추가 API 구현

    • 사용자 추가 API 수정

    • 사용자 모델 추가

    • 사용자 컨트롤러 추가

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

    • 사용자 정보 조회 API 추가

  • 챕터 4

    사용자 홈 페이지 - 1

    • 사용자 페이지 뷰 작업

    • 질문 입력 컴포넌트 제작

    • 질문 입력 컴포넌트 수정

    • 사용자 정보 연결

    • 메시지 추가 API 구현

    • 메시지 추가 API 뷰와 연결

  • 챕터 5

    사용자 홈 페이지 - 2

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

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

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

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

    • 메시지 목록 조회 API 구현

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

    • 댓글 추가 API 구현

    • 댓글 추가 API 뷰와 연결

    • 메세지 단건 조회 API 구현

    • 메세지 목록 조회 API 수정

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

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

  • 챕터 6

    메시지 거절 메뉴 추가

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

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

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

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

  • 챕터 7

    메시지 상세 페이지

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

    • 메시지 상세 뷰 작업 - 1

    • 메시지 상세 뷰 작업 - 2

    • 사용자 페이지 뷰 수정

  • 챕터 8

    메타(meta) 이미지 생성

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

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

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

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

  • 챕터 9

    배포하기

    • Vercel 배포

    • GNB 기능 일부 수정

  • 챕터 10

    보너스

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

강의 상세


안녕하세요,

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


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

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

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



상페-07-07-07





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

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


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

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

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


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

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







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

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


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

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


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

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


강사 정보

송요창

안녕하세요. 우아한형제들 프론트엔드 프로그래머 송요창입니다.

약력

  • 현) 우아한형제들, 프론트엔드 프로그래머

  • 전) 야놀자, 백엔드 프로그래머

  • 전) ArasoPandan, 백엔드 프로그래머

  • 전) MobiDIX, 모바일 게임 클라이언트 프로그래머