탈잉 - 세상의 모든 재능
다회차 수업
협의 후 결정
|
신촌홍대
수업 장소는 이문동 회기동 (한국외대 혹은 경희대 근처) 스터디 룸을 예약해 진행할 계획입니다. 아니면 송파구 오금동 가락동 지역도 가능합니다.
실시간 톡
₩20,000원 / 시간
₩200,000 / 총 2회 10시간
Alex Kyungho Park
미국수입산
[설집중/React] 설 연휴 하루만 갈아넣어 인스타그램 프론트엔드 만들기!
찜하기
  • 5시간/회
  • 최대인원:5~8
  • ₩20,000/시간

튜터정보

  • 고려대학교 정보보호대학원
  • 신분 인증 됨
현 소속) Uber Korea Technologies, Inc
- 고려대학교 졸업 (주전공 경영학, 부전공 컴퓨터공학)
- 고려대학교 정보보호대학원 재학 (주전공 정보보호학)

안녕하세요, 현재 우버 코리아에서 근무하고 있는 박경호라고 합니다.

저는 개발, 프로그래밍과는 1도 관련없는 경영학과 출신이지만, 웹 서비스를 열심히 개발하고 있습니다.

화면에 색깔많은 코드 화면, 노트북 두드리는 소리가 멋있어보여 개발공부를 시작했는데, 어느덧 빠져버려 매일 코드를 만지는 일을 하게 되었습니다 :)

태생 문돌이였던 제가 프로그래밍을 배울 때 높은 장벽이 있었고, 생각만큼 쉽게 공부할 수 없었습니다. 학원을 다녀야 할지, 강의를 들어야할지 고민도 많이 했고 실패도 많이 해왔습니다.

여러 번의 시행착오 이후, 간단한 프로젝트를 따라하면서 무언가를 직접 만들 때 가장 빠르게 늘었다는 것을 깨달았습니다. 또 하루, 이틀 1-2시간씩 나누어서 공부하는 것 보다 7~8시간을 몰아쳐서 스스로를 갈아넣을 때 가장 빠르게 성장함을 알았습니다. 그 방법을 수강생분들께 알려드리고 싶습니다! (시행착오는 저만 하면 되잖아요…^^ㅠ)

초심자 입장에서 직접 화면을 띄워넣고, 같이 개발합시다! 코딩을 잘 몰라도 괜찮습니다. 설 연휴 하루만 갈아넣으면 웹 서비스를 만드는 기초를 공부하실 수 있습니다 :)

처음이 어렵습니다. 하루만 지옥불에 들어갔다 나오시면 개발자로 첫 시작을 할 수 있습니다!

잘 부탁드리겠습니다 ;)

수업소개

######################

[1] 설 연휴 하루 진행하는 수업입니다 (2/4 월요일 오전 11시 시작)
[2] 최대 8명까지 수강하실 수 있습니다
[3] 총 수업시간은 10시간을 하루에 모두 진행하는 수업입니다.
[4] 내용이 부족하거나 더 나가면 좋겠을 경우, 수강생 분들과 협의하여 더 진행할 수 있습니다! (추가 수강료 없이!)
[5] 2/5 (화)에 진행되는 백엔드 수업과 함께 들으시면 학습효과가 더 올라갑니다 :)

######################

"인스타그램? 그거 만들기 엄청 어려운거 아닌가요?"

그럴수도 있고 아닐수도 있습니다! 디자인 소스와 웹(프론트엔드, 백엔드)에 대한 약간의 지식만 있으면 나만의 인스타그램의 기초 모양을 따라 만들 수 있습니다.

인스타그램 개발자들이 보면 한숨을 쉴 수도 있겠지만, 우리가 항상 사용하는 SNS 페이지를 똑같이 만들어보면서 웹 프로그래밍에 입문하실 수 있습니다 :)

[수업목표]
0) 이 프로젝트 이후, 스스로 공부하면서 내가 만들고 싶은 애플리케이션을 만들 수 있다
1) 웹 서비스가 무엇인지 이해한다
2) 웹 서비스에서 프론트엔드, 백엔드가 무엇인지 이해한다
3) HTML, CSS, Javascript가 무엇인지 이해하고, 간단한 코드를 쓸 줄 알게된다
4) React(리액트)라는 요즘 핫한 프론트엔드 라이브러리를 이해한다

[수업내용]
> React(리액트)란 무엇인지 공부하기
> 인스타그램 뼈대 짜기 (HTML)
> 인스타그램 예쁘게 만들기 (CSS)
> 인스타그램 기능 만들어보기 (Javascript : 하트 누르기, 댓글 달기 등)
> React(리액트)로 인스타그램 체계적으로 만들어보기

[준비물]
1) 노트북 (Windows, Mac 무관)
2) 설 연휴 하루정도는 불태울 수 있다는 의지

[수업 끝에 만들 수 있는 것]
1) 친구에게 자랑할 수 있는 나만의 인스타그램 웹
2) 프론트엔드에 대한 지식

수업대상

  • > 프로그래밍에 입문해보고 싶으신 분 (하나도 모르셔도 가능합니다. 저도 그랬습니다.)
    > 프론트엔드에 관심이 있으신 분
    > 웹퍼블리싱 / 웹디자인에 입문하고자 하시는 디자이너 분
    > 재미있는 프로젝트를 하면서 웹을 공부해보고 싶으신 분

커리큘럼

강의계획

[수업 전]
- 개발환경 미리 세팅해오기 (에디터, 언어 설치 등)

[프로그래밍 시작하기]
- 웹 어플리케이션이란 무엇인가? (웹? 서버? HTTP?)
- 프론트엔드와 백엔드
- 프로그래밍이란?
- 개발환경 체크하고 부족한 부분 채워넣기
- HTML / CSS / Javascript 기본 문법 공부하기
- 화면에 글자, 사진 띄워보기

[React로 개발하기]
- 컴포넌트(Component)란?
- Creat-react-App 하나로 바로 시작하기
- React에서 HTML 짜기 (인스타그램 구조 만들기)
- React에서 CSS 짜기 (인스타그램 예쁘게 디자인 만들기)
- React에서 기능 짜기 (하트 누르기, 댓글 달기)

리뷰

리뷰쓰기

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

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

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