탈잉 - 세상의 모든 재능
  • 다회차
  • 1명

리액트/React.js & GraphQL 웹개발 전반에 대한 1:1 레슨

박성민 튜터 4.9(4)

신청 전 꼭 읽어주세요!

현재 리모트 강의중입니다

튜터 공지

튜터님을 소개합니다.

  • 탈잉 튜터교육 참석

안녕하세요, 저는 1년 넘게 탈잉 프로그래밍 튜터로 활동중이며 3년차 웹개발자입니다.
본 수업에서는 React 에 대한 기본적인 컨셉은 공부했지만 뭔가 만들어내는데 막막한 어려움을 가진 분들에게 기본적인 가이드라인을 드리고, 나아가 혼자서 코딩을 지속적으로 하실 수 있게끔 도와 드립니다.

수업을 진행하면서 React.js 외에도 전반적인 다른 기술들(폼, 라우팅, API 연동, ...)과의 통합도 다루기 때문에, 수업을 마치시고 강의에서 배우신 내용들로 충분히 자신만의 앱을 만들 수 있는 능력을 갖추게 됩니다.

현재 온라인으로만 수업이 진행되며, 자세한 수업 내용은 수업소개란을 참고해주시기 바랍니다.

✔︎ 다른 주제로 튜터링을 원하시는 경우

문의 주시는 분들이 많아서 따로 항목을 만들었습니다
우선 원하시는 프로젝트의 범위에 따라 수업료가 다르게 책정됩니다
보통은 외주와 거의 동일한 성격으로 진행되므로 외주 결과물( + 결과물에 대한 설명)에 대한 비용이 포함된다고 보시면 됩니다
그런데 문의를 주실 때 형체가 거의 없는 내용으로 의뢰를 주시는 경우 제가 비용을 산정하는 것이 불가능합니다

예) 개인 과제로 타입스크립트 + 리액트 이용해서 상품 목록, 장바구니 구현 정도를 해야하는데요, 튜터링이 가능한지 궁금합니다

크게는 우선 전체적인 프로젝트의 완성을 책임져 달라는 것인지, 막힌 포인트만 부분적으로 조언을 구하는 것인지 알 수가 없고,
정말 상품 목록과 장바구니 달랑 두 페이지만으로 구성하는 프로젝트인지? 상품 목록과 장바구니 페이지 각각에는 구체적으로 어떤 요구사항들이 있는 것인지? 백엔드도 필요한지? 등등 상상하시는 것보다 많은 부분을 자세하게 적어주신 후에야 가능여부에 대해서 대화를 시작할 수 있습니다.

✔︎ 수업에서 주로 다루게 될 주제 & 기술들

React.js, GraphQL, Apollo Client & Server, CSS in JS, Fronend Testing, Continuous Deployment...
(외 React 생태계에서 주로 사용되는 라이브러리들)

✔︎ 프로필 링크

# 개인 웹페이지
https://trevorme.now.sh/
# LinkedIn
https://www.linkedin.com/in/trevor91/
# GitHub
https://github.com/ifndefdeadmau5

어떤 클래스 인가요?

간단한 쇼핑몰을 제작하면서 UI를 구성해보고 데이터를 연결해서 온전한 앱을 만드는 방법에 대해 학습합니다.

쇼핑몰 예시 링크: https://graphql-shop.vercel.app/

✔︎ 날짜, 시간은 조율 가능하니 편하게 메세지 주세요

✔︎ 현재 강의실 문제로 원격 수업만 진행하고 있습니다

이런 분들이 들으면 좋아요.

취미로 나만의 웹사이트 제작하고 싶은 분들부터 신입/예비 웹 개발자 분들 까지가 대상에 포함됩니다.
프로그래밍 기본기가 있으신 분들은 빠른 React 심화 학습이 비교적 용이하겠지만
아예 프로그래밍이 처음이신 경우도 앱을 만들면서 동시에 html/css/js 기초를 알려드리면서 진행할 계획입니다.

클래스는 이렇게 진행됩니다.

1회차 커리큘럼

- Project setup & install dependencies
- mock data 로 서버와 interaction 없이 상품 리스트 구현
- Dark Theme 적용해보기(Dark <-> Light 전환)

2회차 커리큘럼

- GraphQL Backend 생성
- Query & Mutation 만들고 Playground 에서 테스트
- 상품 리뷰(댓글 기능) 구현하기

3회차 커리큘럼

- apollo client state 이용해서 장바구니 기능 구현
- 서버와 interaction 후 UI update 해주기
- VS Code Chrome Debugger 익스텐션으로 디버깅 해보기

4회차 커리큘럼

- 카테고리별로 상품 필터링하기 (예: 가격, 상품 종류, ...)
- 리렌더링 최적화 배우기 (Avoid reconciliation)
- api 와 프론트엔드 애플리케이션 라이브 사이트에 올리기(배포하기)

실제 튜티의 리뷰입니다.

  • 커리큘럼4.7
  • 전달력5.0
  • 시간준수5.0
  • 준비성4.7
  • 친절도5.0

수업일정

온라인 Live

30,000원 / 시간 360,000원 / 총 4회 12시간