• 다회차
  • 최대 6명

비전공자를 위한 프론트엔드(React)/퍼블리싱 수업! - 개발 아는 디자이너가 되어보자!

이정윤 튜터 (0)

클래스 전 숙지해주세요!

- 자택, 카페 어디서나! 온라인 클래스 (이후 모임도 가능)
- 지역 협의 가능

튜터 공지

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

✿ 추천

-경영학과, 문과대, 사범대에서 코딩에 흥미를 느껴 입문해 보고싶은 학생들

-스타트업에서 개발자로 일하고싶어 당장 현업에서 사용하는 언어를 배우고 싶으신분

-컴공 4학년을 모두 다녔는데 아직 명확히 갈 일을 못잡아 다시 한번 웹을 배우고싶으신분

- 디자이너로 현업에서 일하고 계신데 코딩까지해서 디자이너+ 개발자가 되고싶으신 분!

-막연한 이거 해! 왜? 중요해!! 보다는 정말로 이 웹 기술을 배워야되고 현업에서 많이 사용되는지 인식하고 수업들을 수 있도록 할게요.

튜터님을 소개합니다.

이정윤

현) 메신저 회사 프론트엔드 엔지니어
전) 렌딧 프론트엔드 엔지니어
전) 교육IT회사 프론트엔드 엔지니어


✿ 안녕하세요! 프로그래밍 튜터 이정윤입니다.

저는 대학교에 입학해서 처음 프로그래밍을 시작했어요.
어렸을 때부터 개발자를 꿈꿔왔는데, 아직도 처음 학교 수업을 들었을 때가 생각나네요.

더 빠르게, 더 많이 배우고 싶어 2학년 때부터 임베디드 연구실에서 일을 시작했어요.
다양한 프로젝트를 진행하면서 많이 배우기도 했지만 저와는 맞지 않아 포기하고

동아리 후배들에게 프로그래밍을 가르쳐주며 본격적으로 튜터로 활동하기 시작했어요.

튜터로 프로그래밍을 가르치다보니,
다른 학생들을 도와주며 오히려 제가 되려 더 많이 배웠고
다양한 아이디어를 직접 실행해보기도 했어요!

그리고 현재는 글로벌 메신저회사의 프론트엔드 엔지니어로서 서비스를 개발하고 있답니다.


어떤 클래스 인가요?

✿ 수업은 이렇게 진행합니다.

1회 무료 OT 가능

- 수업참여인원: 최소 3명~최대 6명
- 수업시간: 하루 2시간, 주 1회로 진행
(평일 저녁 7시 이후, 주말 오전/오후 협의 후 결정)
- 수업장소: 자택, 카페 어디든 온라인에서!
- 준비물: 노트북!!!

* 궁금한 점이 있으시면 실시간 문의 주세요!


✿ 어떤 것을 배우나요?

프론트엔드 전반에 걸친 내용을 모두 다루고 있습니다.
프론트엔드는 HTML, CSS를 활용해 눈으로 보이는 웹을 만드는 퍼블리싱부터
데이터를 서버에 요청하는 것, 로그인, 페이지 이동 등의 작업까지 모두 다뤄야 합니다.

그래서 이 수업에서는 이런 내용들을 다룰 거에요!

1) HTML, CSS
2) Javascript
3) React.js

총 4주에 걸친 수업을 진행하고 매주 작은 미니 프로젝트를 결과물로 남길거에요!


✿ 제 수업만의 강점은요!

ⓐ 전반적인 프론트엔드 기술을 모두 알 수 있습니다!

웹퍼블리셔가 되기 위해서는 HTML, CSS, 혹은 자바스크립트 등
1개 언어만이 아닌, 이 모든 과정들에 모두 익숙해 있어야 합니다.
4주 동안 수업을 진행하며 전반적인 프론트엔드 개발의 흐름을 알 수 있어요!

ⓑ 실무에 바로 써먹을 수 있습니다!

실제 취업을 하고 직무에 바로 투입이 되어도 당황하지 않도록
Git 네트워크 지식, 간단한 서버도 함께 습득할 예정이에요.
또한 Github에 포트폴리오를 모두 올려 이력관리가 가능하도록 도와드립니다.

ⓒ 중간에 포기하지 않도록 꾸준한 피드백으로 페이스메이킹을 해드릴게요!

소규모로 진행되는 수업이기 때문에 질의응답을 활발하게 주고 받을 수 있어요!
개별적으로 학습상황 체크하며, 끝까지 해내실 수 있도록 페이스메이킹 해드릴게요.
수업을 진행하면서 스스로 문제를 해결하고 발전해나가는 모습을 보실 수 있을거에요.

개발을 독학하면서 제일 힘든건 아무래도 버그를 해결 못해서 방치해 둘 때 인 것 같아요.
저도 혼자 사이드프로젝트를 하며 끙끙 앓았던 경험이 있거든요..
이런 경우에는 중도에 코딩에 재미를 잃어 책을 덮게 돼요.

혼자가 아니라 같이 해나가면서, 개발이 사실은 굉장히 재밌다는걸 알게 되실거에요!
이제 혼자 하지 마시고 저랑 같이 해요!!

ⓓ 무료 코드리뷰를 해드리고 언제든지 상담이 가능합니다!


ⓔ 과제를 제공해드립니다!

프로그래밍이란게 사실 강의로 모든게 해결되진 않아요. 실제로 따라 쳐보고 더 나아가서 스스로 코드를 짜기 시작해야 실력이 쑥쑥 늘어납니다.
매 강의 마다 과제를 드리고, 제출하시면 리뷰하면서 같이 실력을 키우는 시간을 가져봐요!

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

1회차 커리큘럼

기본적인 틀은 정해져있지만 1대 1, 1대 多 수업이기 때문에

개인수업은 유동적으로 하고 1대 多 수업은 아래 커리큘럼대로 하려고해요.

1회차는 OT!

- 어떻게 수업이 진행되는지

- 4주차 동안 내가 배울 수 있는게 무엇인지!

- 결과물은 어떤게 나오는지

- 마지막으로 웹 프론트엔드 직군에 대해 소개하고, 한 서비스가 어떻게 개발되는지 설명해드립니다!

- VScode 설정과 프로젝트 시작해보기까지!

2회차 커리큘럼

리액트를 실행해보고 html,css로 마크업에 대해 이해해보는 시간입니다.

프론트엔드의 꽃은 뭘까요? 바로 화면입니다!
프론트엔드에서 데이터를 다루기도 하지만, 결국 화면을 사용자에게 보여주는 역할을 하는게 커요
2회차에서는 html,css로 미니 프로젝트를 해보며, 마크업으로 화면 구성을 익혀봅니다.

♬ 2회차 구성 ♬

- React.js 실행
- html, css 이해

♬ 2회차 프로젝트 ♬

- 탈잉 메인화면 만들기

3회차 커리큘럼

리액트 기본 문법을 알아보고 컴포넌트를 제작해봅니다.

리액트는 JSX라는 문법을 사용해서 페이지를 제작합니다.
JSX 문법, 리액트에서 핵심적으로 사용되는 Props,State에 대해 알아봅니다.

미니 프로젝트로 당근마켓 첫화면을 리액트로 제작해볼거에요!

♬ 3회차 구성 ♬

- JSX
- Props, State

♬ 3회차 프로젝트 ♬

- 당근마켓 첫화면을 만들어보기

4회차 커리큘럼

마지막 회차는 모던 프론트엔드의 화룡점정은 데이터!

최근 개발팀은 프론트엔드와 백엔드로 나뉘어 있습니다.

프론트엔드는 백엔드에서 준 데이터를 바탕으로 화면을 아름답게 꾸미는데요.

여기서 데이터를 주는 것을 API라고 하고, 4회차에서는 API를 연동해서 트랜드에 맞는 React.js 웹을 개발해봅니다!

미니프로젝트로 토스 송금화면 개발!

♬ 4회차 구성 ♬

- axios (api 라이브러리)
- hooks (useState,useEffect)
- event

♬ 4회차 프로젝트 ♬

- 토스 송금화면 만들어보기

실제 수강생의 리뷰입니다.

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

이 강의는 어떠세요?

클래스 일정

온라인 LIVE

25,300원 / 시간 202,400원 / 총 4회 8시간