탈잉 - 세상의 모든 재능
다회차 수업
협의 후 결정
|
강남
협의 후 결정
|
신촌홍대
편안한 마음으로 찾아주세요 ♡ 신촌역 1번출구에서 도보 5분 거리에 있습니다. 주차가 어려워요. ㅠㅠ 대중교통을 이용해주세요!
실시간 톡
₩30,000원 / 시간
₩450,000 / 총 5회 15시간
Rayleigh Ko
Rayleigh Ko
⭐⭐(자기계발/취업/창업) ⭐⭐ Javascript를 활용한 개발, 웹 프론트엔드
찜하기
  • 3시간/회
  • 1:1 수업
  • ₩30,000/시간

튜터정보

  • 신분 인증 됨
# 관련 이력 및 경력( 경력 3년차 프로그래머)

- 현 서울 소재 웹 기반 스타트업, CTO, UI Engineer
- 현 AUSG(AWS University Students Group), Member
- 현 Django Girls Seoul, Organizer

- 전 서울 소재 웹 기반 스타트업, 웹 개발자
- 전 서울 소재 VR 기반 스타트업, VR 컨텐츠 개발자(창업멤버)
- 전 서울 소재 웹 기반 스타트업, 웹 개발자(창업멤버)
- AWS Korea에서의 발표(React와 AWS를 활용한 서버리스 개발)
- 유명 IT 잡지, 마이크로소프트웨어 397호 기고
- 2019 Naver D2 Fest, 결승 진출(머신러닝 기반 에디터, Boggler)

# 관련 보유 기술

## Web FrontEnd

- HTML, CSS(JSX, Styled-components) ⭐⭐⭐
- Javascript( + React) ⭐⭐⭐
- Typescript ⭐⭐
- Testing tools ( + Jest, Enzyme) ⭐⭐
- Server Side Rendering( + Next) ⭐⭐
- Progressive Web App( + Lighthouse) ⭐

수업소개

# 수업을 만들게 된 계기

저는 대학교에 입학하고 2학년이 될 때까지도 개발에는 관심이 없었습니다. 그저 학점을 따고 다양한 대외활동을 하면서 대기업에 취업하는 게 유일한 삶의 목표였죠.

처음에는 호기심으로 개발을 시작했습니다. 처음에는 학부에서 배운 C언어를 기반으로 간단한 프로그램을 만들면서 재미를 느꼈고, C++을 알게 되면서 자연스럽게 게임 개발에도 관심을 갖게 되었습니다.

그런 와중에 VR이라는 분야를 만나게 되었고, 주변의 소개를 통해 처음으로 회사에 들어가 VR 컨텐츠를 만들면서 본격적인 사회 생활을 하게 되었습니다.

이 경험은 처음으로 재능을 통해 가치를 얻게 된 경험이었습니다. 그래서 저는 제 학습을 수강하시는 모든 분들이 저와 같이 재능을 발휘할 수 있는 기회를 만났으면 좋겠습니다. 비록 당장 그 재능이 발휘되지 않더라도 함께 고민하고 성장하는 수업을 만들고 싶습니다.

제가 여러분에게 전할 수 있는 가치는 다음과 같습니다.

- 수업이 끝난 이후에도 계속되는 QnA 서비스(슬랙 혹은 메일 기반, 최대 1년)
- 학생의 상황에 따라 합리적인 커리어 패스 제안
- 진로에 대한 고민을 함께 할 수 있는 공감

본 수업이 끝나면 여러분도 새로운 재능을 얻으실 수 있습니다.

* 해당 수업의 가격은 일부 변동될 수 있습니다.
* 해당 수업은 '⭐⭐(자기계발/취업/창업) ⭐⭐ Javascript를 활용한 개발, 기초 집중 과외' 수업(https://taling.me/Talent/Detail/15039)의 연장선으로 만들어진 수업입니다.

수업대상

  • ✔️ 추천

    - 웹 프론트엔드에 대한 관심을 보유하신 분.
    - 배울 때 확실하게 배우고 싶으신 분
    - 웹 개발에 필요한 기초 수준의 지식을 지니신 분( Node.js로 웹 서버 구현 등 )
    -> 만약 문법을 숙지하지 못했더라도 '⭐⭐(자기계발/취업/창업) ⭐⭐ Javascript를 활용한 개발, 기초 집중 과외' 수업(https://taling.me/Talent/Detail/15039)에서 진행하는 커리큘럼에 대한 지식을 이미 숙지하신 분.
    - 웹 개발 기초까지는 잘 따라했지만, 혼자 개발하는 게 익숙하지 않으신 분.
    - 프론트엔드 개발에 대한 동영상을 보거나 예제를 따라할 수 있고, 코드를 보면 이해할 수는 있지만 스스로 코드를 짜기 힘드신 분.
    - 기술에 대한 순수한 호기심(모험심, 기술의 내부 동작원리에 대한 궁금증 등)이 왕성하신 분.
    - 랩탑(MacOS, Windows, Linux) 보유자

    ✖️ 비추천

    - 혼자 학습하는 것이 어려우신
    - 이 수업보다 학교 수업이 중요하신 분.
    - 본인이 희망하는 진로 중 웹 프론트엔드 개발이 없으신 분.
    - 웹 개발에 대한 기초 지식(앞서 언급한 정도)이 없으신 분.
    - 실무에서 오랜 경험을 쌓았고, 자신의 신념이 확고하신 분.
    - 개발 커뮤니티 활동, 오픈소스 활동 등에 반감을 가지고 계신 분.
    - 웹 프론트엔드 개발 이해도가 주니어 수준 이상의 개발자(경력과 무관)

커리큘럼

1회차

# 이론

- 웹 UI 라이브러리 혹은 프레임워크를 사용하는 이유 알아보기
- React 알아보기
- Non-패턴과 Container Presenter 패턴 비교 설명
- CSR과 SSR, 웹 프론트엔드 개발의 흐름 이해하기
- 웹 프로트엔드에서의 유닛 테스트(jest, Enzyme)

# 실습

- CRA를 활용한 리액트 프로젝트 생성 및 구조 설명
- 간단한 유닛 테스트 예제 작성
- 간단한 컴포넌트 작성(with JSX)
- 실습에 대한 테스트 코드 작성

2회차

# 이론

- React를 활용한 스타일링(Styled Components)
- React 앱의 생명 주기
- React를 활용한 통신(with Axios)

# 실습

- CRA를 활용한 리액트 프로젝트에서의 스타일링 해보기
- CRA를 활용한 리액트 프로젝트에서의 통신(with Axios) 해보기
- 실습에 대한 테스트 코드 작성

3회차

# 이론

- Redux 글로벌 상태 관리 기초
- Redux 패턴, Ducks 패턴 설명

# 실습

- Redux를 활용한 글로벌 상태 관리 기초
- 실습에 대한 테스트 코드 작성

4회차

# 이론

- React Hooks
- React Hooks 이후의 리액트 개발 흐름 소개

# 실습

- React Hooks를 사용해 기존 프로젝트 리펙터링(useState, useEffect 등)
- React Hooks를 사용한 서버 통신
- 실습에 대한 테스트 코드 작성

5회차

# 이론

- 좋은 개발자가 되기 위해서는?(추상화와 모듈화를 통한 코드 최적화)
- 동료를 위해 개발한다는 것은?(협업을 위해 필요한 능력)
- 웹 프론트엔드 개발 트렌드

# 발표 및 경험 공유(블로그 글쓰기)

- 학생이 지금까지 배운 것을 1:1 발표 혹은 블로그 글쓰기를 통해 타인에게 공유하는 경험을 제공합니다.

리뷰

리뷰쓰기

수업과 관련해서
궁금한 점이 있으세요?

실시간 톡하기
튜터와 더 편리하게 소통해 보세요

탈잉 어플리케이션을 스마트폰에 설치하면 메세지 알림을 받으실 수 있습니다.