만들면서 배우는 프론트엔드 DO IT 코딩

인원마감 19명 남았습니다.
00 : 00 : 00
마감 시 가격이 상승할 수 있습니다.

만들면서 배우는 프론트엔드 DO IT 코딩

최초 오픈 할인 이벤트 진행중

총 강의 수: 54

  • OT
    만들면서 배우는 프론트엔드 DO IT 코딩, 준비 되셨나요?
    15:19
  • 1강
    개발환경 준비
    05:02
  • 2강
    Next.js 폴더 살펴보기
    02:23
  • 3강
    firebase 셋업
    04:24
  • 4강
    firebase admin 코드 추가
    07:50
  • 5강
    메인 페이지 뷰 작업 살펴보기
    00:39
  • 6강
    Service Layout 코드 추가
    03:16
  • 7강
    Chakra UI를 이용한 메인 페이지 뷰 작업
    08:54
  • 8강
    firebase client 코드 추가
    06:47
  • 9강
    firebase 인증을 활용한 Google 로그인
    03:56
  • 10강
    React.js context 활용한 Auth 처리
    15:19
  • 11강
    GNB 뷰 작업
    07:59
  • 12강
    메인 페이지 뷰 수정하기
    03:36
  • 13강
    사용자 API 작업 살펴보기
    00:36
  • 14강
    사용자 추가 API 구현
    07:31
  • 15강
    사용자 추가 API 수정
    07:45
  • 16강
    사용자 모델 추가
    04:48
  • 17강
    사용자 컨트롤러 추가
    08:16
  • 18강
    서버사이드 공통 에러 핸들링
    05:53
  • 19강
    사용자 정보 조회 API 추가
    07:38
  • 20강
    사용자 페이지 헤더 뷰 작업
    06:11
  • 21강
    질문 입력 컴포넌트 제작
    11:17
  • 22강
    질문 입력 컴포넌트 수정
    06:43
  • 23강
    사용자 정보 로딩 추가
    08:20
  • 24강
    메시지 추가 API 구현
    11:55
  • 25강
    메시지 추가 API 뷰와 연결
    08:34
  • 26강
    메시지 컴포넌트 작업 살펴보기
    00:39
  • 27강
    메시지 컴포넌트 뷰 작업 - 1
    05:18
  • 28강
    메시지 컴포넌트 뷰 작업 - 2
    18:56
  • 29강
    메시지 컴포넌트 뷰 작업 - 3
    04:34
  • 30강
    메시지 목록 조회 API 구현
    08:13
  • 31강
    메시지 목록 조회 API 뷰와 연결
    06:29
  • 32강
    댓글 추가 API 구현
    05:55
  • 33강
    댓글 추가 API 뷰와 연결
    06:22
  • 34강
    메세지 단건 조회 API 구현
    09:10
  • 35강
    메세지 목록 조회 API 수정
    01:19
  • 36강
    메시지 목록 API 페이지네이션 처리하기
    17:15
  • 37강
    React Query로 메시지 목록 조회하기 수정
    07:35
  • 38강
    메시지 거절(Deny) 뷰 작업 살펴보기
    00:21
  • 39강
    메시지 거절(Deny) 뷰 작업
    05:13
  • 40강
    메시지 거절(Deny) API 구현
    07:34
  • 41강
    메시지 거절(Deny) API 뷰와 연결
    06:38
  • 42강
    메시지 상세 페이지 뷰 작업 살펴보기
    00:43
  • 43강
    메시지 상세 뷰 작업 - 1
    09:09
  • 44강
    메시지 상세 뷰 작업 - 2
    04:05
  • 45강
    사용자 페이지 뷰 수정
    03:45
  • 46강
    메타 이미지 생성 작업 살펴보기
    00:48
  • 47강
    메타 이미지 생성 페이지 뷰 작업
    07:01
  • 48강
    playwright를 활용한 썸네일 생성 작업
    09:58
  • 49강
    메시지 상세 뷰에 meta tag 삽입
    05:40
  • 50강
    Vercel 배포
    08:50
  • 51강
    GNB 기능 일부 수정
    03:52
  • 52강
    참고:Ajv와 JSON Schema로 HTTP 요청 검증처리
    08:10
  • 53강
    참고:firebase 에서 비공개키 생성 안될 때
    01:22
최초 오픈 할인 이벤트 진행중
  • 개강날짜즉시 시작
  • 수강기간 권 중 선택
  • 장학혜택활동 우수 장학금
    미션 수행 장학금
  • 주의사항인원 마감시 가격이 상승될 수 있습니다.
최초 오픈 할인 이벤트 진행중

수강생이 완료한 미션24

#미션완료 MVC는 Model, View, Controller의 약자로 어플리케이션을 세가지 역할로 구분한 개발 방법론입니다. 사용자가 Controller를 조작하면 Controller는 Model를 통해서 데이터를 가져오고 그 정보를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달하게 됩니다.
#미션완료
#미션완료
#미션완료 https://edykim.com/ko/post/prop-drilling/
#미션완료
#미션완료 미션 인증합니다
#미션완료
#미션완료
#미션완료
#미션완료
#미션완료
#미션완료 Props Drilling는 최대한 피할 수 있으면 피하는게 좋다고 생각합니다. 한두개의 컴포넌트나 재활용을 많이하는 컴포넌트는 활용할 수 있지만 여러개의 컴포넌트를 타고 이동해야하는 props라면 redux나 recoil등 라이브러리를 사용하여 store를 사용하는게 리랜더링을 방지할 수 있고 성능개선에 도움을 줄 수 있다고 생각합니다.
#미션완료 미션 완료오 ~~
#미션완료 미션완료했습니다 !
#미션완료 미션 완료입니다 :)
#미션완료
#미션완료 프로퍼티 내리꽂기(또는 나사 구멍 내기)는 리액트의 컴포넌트 트리에서 데이터를 전달하기 위해서 필요한 과정을 의미합니다. 부모 컴포넌트 자체는 동작을 위해 이 프로퍼티가 필요한 것이 아니더라도 자식 컴포넌트에 필요하기 때문에 프로퍼티로 받아서 전달해야 합니다.
#미션완료 MVC [정의] - Model View Controller의 약자 - 에플리케이션을 세가지의 역할로 구분한 개발 방법론 [동작 형태] - 사용자가 Controller를 조작 - Controller는 Model을 통해서 데이터를 가져옴 - 그 정보를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달
#미션완료
#미션완료 강의 내용 잘 보고있습니다~~
인원마감 19명 남았습니다.
00 : 00 : 00
마감 시 가격이 상승할 수 있습니다.

지금 구매해야
가장 저렴한 얼리버드 특가

  • 한정수량1차 얼리버드

    19,900정가 월 99,000
    79%
  • 1차 얼리버드 마감 후2차 얼리버드

    49,000정가 월 99,000
    50%
  • 2차 얼리버드 마감 후정가판매

    99,000
* 한정 수량 소진 시 예고 없이 가격이 상승됩니다.

커뮤니티와 함께하는Web/프론트엔드 클래스

커뮤니티
커뮤니티형 그룹 클래스

수강 후 우리들의 변화

  • 강의 영상
  • 리뷰
  • 커리큘럼
  • 클래스 소개
  • 추천
  • 환불정책

아직 리뷰가 없어요 클래스를 수강하고 가장 먼저 리뷰를 남겨보세요

👋🏻 클래스 필수 정보

  • 수강 기간3개월 평생 수강권 중 선택
  • 소통커뮤니티 그룹형
  • 진행방식온라인 수업

커리큘럼

05:55:45

  • OT
    만들면서 배우는 프론트엔드 DO IT 코딩, 준비 되셨나요?FREE
    15:19PLAY
  • 1강
    개발환경 준비FREE
    05:02PLAY
  • 2강
    Next.js 폴더 살펴보기
    02:23
  • 3강
    firebase 셋업
    04:24
  • 4강
    firebase admin 코드 추가
    07:50
  • 5강
    메인 페이지 뷰 작업 살펴보기
    00:39
  • 6강
    Service Layout 코드 추가
    03:16
  • 7강
    Chakra UI를 이용한 메인 페이지 뷰 작업
    08:54
  • 8강
    firebase client 코드 추가
    06:47
  • 9강
    firebase 인증을 활용한 Google 로그인
    03:56
  • 10강
    React.js context 활용한 Auth 처리
    15:19
  • 11강
    GNB 뷰 작업
    07:59
  • 12강
    메인 페이지 뷰 수정하기
    03:36
  • 13강
    사용자 API 작업 살펴보기
    00:36
  • 14강
    사용자 추가 API 구현
    07:31
  • 15강
    사용자 추가 API 수정
    07:45
  • 16강
    사용자 모델 추가
    04:48
  • 17강
    사용자 컨트롤러 추가
    08:16
  • 18강
    서버사이드 공통 에러 핸들링
    05:53
  • 19강
    사용자 정보 조회 API 추가
    07:38
  • 20강
    사용자 페이지 헤더 뷰 작업
    06:11
  • 21강
    질문 입력 컴포넌트 제작
    11:17
  • 22강
    질문 입력 컴포넌트 수정
    06:43
  • 23강
    사용자 정보 로딩 추가
    08:20
  • 24강
    메시지 추가 API 구현
    11:55
  • 25강
    메시지 추가 API 뷰와 연결
    08:34
  • 26강
    메시지 컴포넌트 작업 살펴보기
    00:39
  • 27강
    메시지 컴포넌트 뷰 작업 - 1
    05:18
  • 28강
    메시지 컴포넌트 뷰 작업 - 2
    18:56
  • 29강
    메시지 컴포넌트 뷰 작업 - 3
    04:34
  • 30강
    메시지 목록 조회 API 구현
    08:13
  • 31강
    메시지 목록 조회 API 뷰와 연결
    06:29
  • 32강
    댓글 추가 API 구현
    05:55
  • 33강
    댓글 추가 API 뷰와 연결
    06:22
  • 34강
    메세지 단건 조회 API 구현
    09:10
  • 35강
    메세지 목록 조회 API 수정
    01:19
  • 36강
    메시지 목록 API 페이지네이션 처리하기
    17:15
  • 37강
    React Query로 메시지 목록 조회하기 수정
    07:35
  • 38강
    메시지 거절(Deny) 뷰 작업 살펴보기
    00:21
  • 39강
    메시지 거절(Deny) 뷰 작업
    05:13
  • 40강
    메시지 거절(Deny) API 구현
    07:34
  • 41강
    메시지 거절(Deny) API 뷰와 연결
    06:38
  • 42강
    메시지 상세 페이지 뷰 작업 살펴보기
    00:43
  • 43강
    메시지 상세 뷰 작업 - 1
    09:09
  • 44강
    메시지 상세 뷰 작업 - 2
    04:05
  • 45강
    사용자 페이지 뷰 수정
    03:45
  • 46강
    메타 이미지 생성 작업 살펴보기
    00:48
  • 47강
    메타 이미지 생성 페이지 뷰 작업
    07:01
  • 48강
    playwright를 활용한 썸네일 생성 작업
    09:58
  • 49강
    메시지 상세 뷰에 meta tag 삽입
    05:40
  • 50강
    Vercel 배포
    08:50
  • 51강
    GNB 기능 일부 수정
    03:52
  • 52강
    참고:Ajv와 JSON Schema로 HTTP 요청 검증처리
    08:10
  • 53강
    참고:firebase 에서 비공개키 생성 안될 때
    01:22
담당 선생님송요창

클래스 소개

클래스 소개가 준비 중입니다.

클래스는 이렇게 진행돼요.

필수
커뮤니티에 가입하기

결제 직후, 커뮤니티에 초대해드립니다. 커뮤니티에 가입 후 같은 기수의 사람들과 소통해보세요.

미션
Web/프론트엔드 미션

그룹 미션 0개를 드립니다.
내가 원하는 시간에, 원하는 장소에서 미션 완료 후 커뮤니티에 인증하면 완료!

💪 필독 장학금 혜택 안내드려요.

장학금 안내
장학금 안내
장학금 안내

커뮤니티에서 함께한
클래스유 회원들의 리뷰

회원 리뷰
회원 리뷰
회원 리뷰
회원 리뷰

등록을 서두르세요!
그룹은 인원이 제한되어 있습니다.

남은자리: 19
00 : 00 : 00
환불 정책더 보기

고객센터

해결되지 않는 문제점이 있나요?
전문 상담사가 함께 고민해드릴게요!