클래스유

클래스 개설

최근 검색어

이런 관심사는 어때요?

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

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

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

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

총 강의 수: 54

  • OT
    만들면서 배우는 프론트엔드 DO IT 코딩, 준비 되셨나요?
    01:09
  • 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
79% 할인 월 99,000원

월19,900원

  • 개강날짜 즉시 시작
  • 수강기간 3개월 평생 권 중 선택
  • 장학혜택 활동 우수 장학금
    미션 수행 장학금
  • 주의사항인원 마감시 가격이 상승될 수 있습니다.
최초 오픈 할인 이벤트 진행중

수강생이 완료한 미션총 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를 제어해서 사용자에게 전달
#미션완료
#미션완료 강의 내용 잘 보고있습니다~~
인원마감 17명 남았습니다.
00 : 00 : 00
마감 시 가격이 상승할 수 있습니다.

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

  • 한정수량 1차 얼리버드

    월 19,900원 정가 월 99,000원
    79%

  • 1차 얼리버드 마감 후 2차 얼리버드

    월 49,000원 정가 월 99,000원
    50%

  • 2차 얼리버드 마감 후 정가판매

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

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

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

수강 후 우리들의 변화

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

👋🏻 클래스 필수 정보

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

커리큘럼

총 10개의 미션 05:41:35

  • OT
    만들면서 배우는 프론트엔드 DO IT 코딩, 준비 되셨나요? FREE
    01:09 PLAY
  • 1강
    개발환경 준비 FREE
    05:02 PLAY
  • 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/프론트엔드 미션

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

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

만들면서 배우는 프론트엔드 DO IT 코딩 송요창 Web/프론트엔드 미션
만들면서 배우는 프론트엔드 DO IT 코딩 송요창 Web/프론트엔드 미션
만들면서 배우는 프론트엔드 DO IT 코딩 송요창 Web/프론트엔드 미션

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

이혜인 리얼리뷰 : 온라인이지만 많은 사람이 같은편이 되어서 같이하는 느낌이 신기했어요!! 그룹 미션이 있으니까 서로 의지하면서 꾸준히 하게 되는 거 같아요!!
고기만두 리얼리뷰 : 다같이 소통하면서 하는거라 즐겁게 참여하고 운동이 재미있다고 느낀건 정말 오랜만이여서 좋은 경험이였습니다! 4기에도 참여하고 싶어요☆
코코리 리얼리뷰 : 저 작심삼일도 안가는 스타일인데 채팅방에서 계속 저를 응원해주니까 할 수 밖에 없어요!! 뭔가 끈끈해지는 것도 있고 재밌어요 ㅋㅋㅋ
정히잇 리얼리뷰 : 내 습관과 의지를 잡아주는 친구가 생긴 느낌이에요! 처음에 이게 될까? 싶었는데 이제는 없으면 안 돼요ㅠㅠ. 😍😍👏🏻

안녕하세요?
송요창입니다.

우아한형제들에서 프론트엔드 프로그래머로 일하고 있습니다. 평범한 사람들이 모여서 비범한 일을 할 수 있다고 믿습니다.
- 현) 우아한형제들, 프론트엔드 프로그래머
- 전) 야놀자, 백엔드 프로그래머
- 전) ArasoPandan, 백엔드 프로그래머
- 전) MobiDIX, 모바일 게임 클라이언트 프로그래머

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

2차 남은자리: 17개
00 : 00 : 00

이건 어때요?

    이런 관심사는 어때요?

    환불 정책더 보기

    수강권 환불

    수강권 환불 규정
    구분 환불액 위약금
    수강기간 시작일로부터 7일 이내 무료로 오픈된 컨텐츠만을 이용한 경우 결제대금 전액 없음
    수강 기간 또는 컨텐츠 이용 1/10 경과 전 결제대금의 9/10 결제금액의 10%
    수강 기간 또는 컨텐츠 이용 2/10 경과 전 결제대금의 8/10
    수강 기간 또는 컨텐츠 이용 3/10 경과 전 결제대금의 7/10
    수강 기간 또는 컨텐츠 이용 4/10 경과 전 결제대금의 6/10
    수강 기간 또는 컨텐츠 이용 5/10 경과 전 결제대금의 5/10
    수강 기간 또는 컨텐츠 이용 6/10 경과 전 결제대금의 4/10
    수강 기간 또는 컨텐츠 이용 7/10 경과 전 결제대금의 3/10
    수강 기간 또는 컨텐츠 이용 8/10 경과 전 결제대금의 2/10
    수강 기간 또는 컨텐츠 이용 9/10 경과 후 환불 불가 -

    준비물 환불 및 교환

    구분 준비물 상품성 훼손 여부 환불액 교환 요청 가능 여부
    배송 완료로부터 7일 이내 X 결제 금액에서 왕복 택배비를 제한 금액 가능
    배송 완료로부터 7일 이내 O 청약철회 제한 불가
    배송 완료로부터 7일 초과 - 청약철회 제한 불가
    * 수강기간이란 회원이 구매한 수강권의 수강 기간을 의미합니다.
    * 수강기간은 결제일부터 시작하나, 결제일 당시 클래스가 개강되기 전이라면, 수강기간은 클래스가 개강한 날로부터 시작합니다.
    * 컨텐츠 이용이란, 클래스를 구성하는 컨텐츠 중 이용한 컨텐츠의 비율을 의미합니다. 단, 클래스 영상의 일부 재생 시 이용한 것으로 간주합니다.
    * 환불 요청일 기준 수강기간과 수강진도 중 높은 값을 적용하여 환불금액을 산정합니다.
    * 수업 자료를 다운받았을 경우에는 컨텐츠를 이용하신 것으로 간주합니다.
    * 사용하신 수강 기간은 클래스 시작일로부터 환불 접수일까지의 기간으로 계산합니다.
    - 학습기간 별로 수강기간과 추가 혜택 기간이 존재합니다. 환불은 수강 기간에 대하여만 진행되며, 추가 혜택 기간에는 환불이 불가합니다.
    - 1개월권 구매 시 = 수강기간 (31일)
    - 3개월권 구매 시 = 수강기간 (93일)
    - 6개월권 구매 시 = 수강기간 (186일)
    - 평생 수강권은 실 수강기간(6개월)에 추가 혜택기간이 포함된 것으로, 실 수강 기간 종료 후 추가 혜택기간에 클래스의 변화에 관하여는 책임을 지지 않습니다.

    * 수강기간은 일시정지 하실 수 없으며, 구매하신 수강권(수강 기간)을 이용 중 변경하는 것은 불가능합니다.
    * 포인트를 활용하여 결제하신 경우, 환불 시 사용하신 포인트는 반환되지 않습니다.
    * 준비물이 배송 준비중에 있을 때 취소 요청을 하신 경우, 배송 업체에 확인 후 환불절차가 진행됩니다.
    - 만일 배송이 이미 시작된 경우, 왕복배송비 차감 후 환불이 진행됩니다.

    * 사은품을 받고 취소를 하신 경우, 사은품은 준비물과 동일하게 보고 결제하신 금액에서 차감 후 환불이 진행됩니다.
    * 준비물의 경우, 제조사의 환불 및 A/S 정책을 따릅니다.
    * 당일 카드 취소는 즉시 취소확인이 가능하나, 일정 기간이 지난 후 취소한 경우 일부 카드수수료 등이 발생할 수 있으며, 승인 취소가 되기까지 영업일 기준 최대 5일 정도의 기간이 소요됩니다.
    * 전액환불 대상이나, 카드 취소가 불가한 경우 계좌이체로 환불이 진행되며 결제 수수료 5%를 제외하고 환불이 진행됩니다.

    "*환급반/ 환불보장 클래스의 경우 당사에서 진행하는 이벤트가 아닌 강사님께서 별도로 진행하는 이벤트이므로, 당사에서 진행하는 환불규정과는 별개의 내용입니다. 해당 클래스 환급 관련 문의는 강사님께 메세지 바랍니다."

    환불 진행 방법

    • [스마트폰 이용시]
      어플 하단 [마이프로필] > [내정보] > [결제내역] 에서
      환불 원하시는 클래스의 [결제 상세 보기] 클릭 후
      [환불 신청] 탭 클릭하여 환불 양식 작성하여 신청해주세요.

    • [PC 이용시]
      클래스유 홈페이지 접속하여
      우측 상단 클래스톡 아이콘 클릭
      [내정보] > [결제내역] 에서
      환불 원하시는 클래스의 [결제 상세 보기] 클릭 후
      [환불 신청] 탭 클릭하여 환불 양식 작성하여 신청해주세요.

    • 환불 규정 필시 확인 바랍니다.
      ## 접수일 기준 48시간내 처리 됩니다.
      ☞환불 신청 전 고려하셔야 할 사항 안내드립니다.
      1. 결제일로부터 7일 이전, 무료 강의 외 사용한 강의 없는 경우 적립금, 결제 금액 전액 환불
      2. 결제일로부터 7일 이전, 무료 강의 외 사용한 강의 있거나 결제일로부터 7일 이후 환불 접수하시는 경우 이용분에 대해 차감 결제금액 10%수수료발생,적립금 환불 X
      * 사용일수는 클래스 시작일로부터 환불건 접수해주신 날짜까지를 기준으로 환불이 진행됩니다.
      3. 준비물 환불은 클래스톡내 상담창을 통해 문의해주세요.
      4. 환불기간
      환불은 평일 09:00~17:00에 처리되며, 계좌이체건 환불은 월/수/금 오후 중으로 처리됩니다.
      처리 이후 문자 전송되며, 카드 취소의 경우 2~3일후 취소 문자 발송됩니다.
      (문자는 web발신 전용으로 수신이 어렵습니다.)

    고객센터

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

    아이콘 아이폰 결제 안내
    유료클래스 참여 안내

    앱내 참여 신청은
    현재 무료 클래스만 가능합니다.

    유료클래스 참여는 PC에서
    신청이 가능합니다.

    위로 가기