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


클래스 전 숙지해주세요!
현재 리모트 강의중입니다
날짜시간 모두 협의가능합니다
이런 분들이 들으면 좋아요.
취미로 나만의 웹사이트 제작하고 싶은 분들부터 신입/예비 웹 개발자 분들 까지가 대상에 포함됩니다.
프로그래밍 기본기가 있으신 분들은 빠른 React 심화 학습이 비교적 용이하겠지만
아예 프로그래밍이 처음이신 경우도 앱을 만들면서 동시에 html/css/js 기초를 알려드리면서 진행할 계획입니다.
튜터님을 소개합니다.

박성민
- 탈잉 튜터교육 참석
안녕하세요, 저는 1년 넘게 탈잉 프로그래밍 튜터로 활동중이며 3년차 웹개발자입니다.
본 수업에서는 React 에 대한 기본적인 컨셉은 공부했지만 뭔가 만들어내는데 막막한 어려움을 가진 분들에게 기본적인 가이드라인을 드리고, 나아가 혼자서 코딩을 지속적으로 하실 수 있게끔 도와 드립니다.
수업을 진행하면서 React.js 외에도 전반적인 다른 기술들(폼, 라우팅, API 연동, ...)과의 통합도 다루기 때문에, 수업을 마치시고 강의에서 배우신 내용들로 충분히 자신만의 앱을 만들 수 있는 능력을 갖추게 됩니다.
현재 온라인으로만 수업이 진행되며, 자세한 수업 내용은 수업소개란을 참고해주시기 바랍니다.
✔︎ 다른 주제로 튜터링을 원하시는 경우
문의 주시는 분들이 많아서 따로 항목을 만들었습니다
우선 원하시는 프로젝트의 범위에 따라 수업료가 다르게 책정됩니다
보통은 외주와 거의 동일한 성격으로 진행되므로 외주 결과물( + 결과물에 대한 설명)에 대한 비용이 포함된다고 보시면 됩니다
그런데 문의를 주실 때 형체가 거의 없는 내용으로 의뢰를 주시는 경우 제가 비용을 산정하는 것이 불가능합니다
예) 개인 과제로 타입스크립트 + 리액트 이용해서 상품 목록, 장바구니 구현 정도를 해야하는데요, 튜터링이 가능한지 궁금합니다
크게는 우선 전체적인 프로젝트의 완성을 책임져 달라는 것인지, 막힌 포인트만 부분적으로 조언을 구하는 것인지 알 수가 없고,
정말 상품 목록과 장바구니 달랑 두 페이지만으로 구성하는 프로젝트인지? 상품 목록과 장바구니 페이지 각각에는 구체적으로 어떤 요구사항들이 있는 것인지? 백엔드도 필요한지? 등등 상상하시는 것보다 많은 부분을 자세하게 적어주신 후에야 가능여부에 대해서 대화를 시작할 수 있습니다.
✔︎ 수업에서 주로 다루게 될 주제 & 기술들
React.js, GraphQL, Apollo Client & Server, CSS in JS, Fronend Testing, Continuous Deployment...
(외 React 생태계에서 주로 사용되는 라이브러리들)
✔︎ 프로필 링크
# 개인 웹페이지
<a href='https://trevorme.now.sh/' target='_blank'>https://trevorme.now.sh/</a>
# LinkedIn
<a href='https://www.linkedin.com/in/trevor91/' target='_blank'>https://www.linkedin.com/in/trevor91/</a>
# GitHub
<a href='https://github.com/ifndefdeadmau5' target='_blank'>https://github.com/ifndefdeadmau5</a>
어떤 클래스 인가요?
간단한 쇼핑몰을 제작하면서 UI를 구성해보고 데이터를 연결해서 온전한 앱을 만드는 방법에 대해 학습합니다.
쇼핑몰 예시 링크: https://graphql-shop.vercel.app/
✔︎ 날짜, 시간은 조율 가능하니 편하게 메세지 주세요
✔︎ 현재 강의실 문제로 원격 수업만 진행하고 있습니다
✔︎ 리뷰를 작성해주시는 분에 한해 본 커리큘럼의 React, TypeScript, GraphQL 버전을 만들어보는 동영상 강의를 무료로 보내드립니다
클래스는 이렇게 진행됩니다.
- Project setup & install dependencies
- mock data 로 서버와 interaction 없이 상품 리스트 구현
- Dark Theme 적용해보기(Dark <-> Light 전환)

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

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

- 카테고리별로 상품 필터링하기 (예: 가격, 상품 종류, ...)
- 리렌더링 최적화 배우기 (Avoid reconciliation)
- api 와 프론트엔드 애플리케이션 라이브 사이트에 올리기(배포하기)
실제 수강생의 리뷰입니다.
- 커리큘럼4.8
- 전달력5.0
- 시간준수5.0
- 준비성4.8
- 친절도5.0