One-day CodeLab with webFrameworks.kr

코드랩 소개
'ReactJS를 이용한 웹 서비스 개발하기' 강의는 웹 개발에 대한 기본적인 경험을 가지고 있으나, ReactJS에 대한 경험이 없는 개발자 분을 대상으로 React를 통해 간단한 웹앱을 만들어 보는 코스입니다. 강의 전 개발환경을 셋팅할 수 있도록 가이드 및 기본적인 git 코드가 제공될 예정이며 8시간에 걸쳐 React 콤포넌트를 만들고 추가하면서 간단한 게시판 웹앱 (Reddit, Hacker News 유형) 을 만들게 됩니다.


강의 내용
ReactJS 소개 및 개념 강의 후 실습을 통해 React 콤포넌트 만들기, JSX 및 Inline Styling, 단방향 데이터 흐름 및 콤포넌트 조합을 실습을 통해 직접 코딩해 보며 웹앱을 만들어 봅니다. React와 함께 가장 많이 사용되는 상태 관리 컨테이너 Redux 라이브러리를 통해 상태 관리 및 비동기 트랜잭션 처리를 예제 중심으로 살펴봅니다.

- 개발환경 셋팅 (git, npm 등)은 사전에 완료해주시길 부탁드립니다.
- JavaScript 개발에 편하신 IDE 를 사용해주세요.
- JavaScript ES6 문법을 이용합니다.
- Node를 통한 배포, Rest API 등 서버 관련 파트는 강의 내용에서 제외될예정입니다.
- 강의에 사용되는 코드는 STEP 별로 git에 공유될 예정이며 미리 전달 드릴 예정입니다.


미리 알아두기
- 본 코드랩은 총 10회에 걸쳐 진행됩니다. 향후에도 좋은 코드랩 세션을 준비하고 있습니다.
- 동일한 코드랩 수업이 7월 19일 화요일에도 진행됩니다. 주말이 어려우신 분들은 신청해주세요.
- 아울러 본 코드랩은 웹 개발지식이 있는 초중급 수준 이상의 웹 개발자를 대상으로 진행됩니다.
- PC는 별도로 제공되지 않으니, 개인 랩탑을 준비해주시기 바랍니다.
- 인터넷 사용이 원활하지 않을 수 있으니, 개인 테더링 또는 와이브로가 있으신 분들은 준비해주시기 바랍니다.
- 코드랩 참석자 중 우수한 산출물을 만드신 분들께 소정의 사은품 (샤오미 미밴드 등)을 증정할 예정입니다.
- 보다 자세한 사항은 코드랩 1주일전부터 메일로 안내해드릴 예정입니다. 


 

일정

 시간

주요내용 

비고 

 09:50 ~ 10:00

등록 및 접수 

 

 10:00 ~ 10:30

webframeworks.kr 소개

 

 10:30 ~ 11:20

ReactJS 소개 및 개념

이성규(Snippod)

 11:20 ~ 12:30

실습 - 파트 1

(구체적 일정은 추후 공지)

이성규(Snippod)

 12:30 ~ 13:30

점심 

* 도시락 제공 

 13:30 ~ 14:20

실습 - 파트 2

(구체적 일정은 추후 공지)

 이성규(Snippod)

 14:20 ~ 14:30

휴식 

 

 14:30 ~ 16:30

실습 - 파트 3

(구체적 일정은 추후 공지)

 이성규(Snippod)

 16:30 ~ 17:00

리뷰 및 Q&A

 

 (세부내용 및 순서는 행사 진행 중에 다소 변경될 수 있습니다.)

 

FAQ

Q) 어느정도 수준의 개발 경험/지식이 있어야 하나요?

A) 이상적으로는 현재 소프트웨어 개발을 전공하시거나, 회사에서 개발 관련 업무를 하고 계시는 '웹 개발자'를 대상으로 합니다. 이 분들이 새로운 프레임워크를 보다 효과적으로 학습할 수 있는 첫 단추를 제공하는 것이 목표입니다. 다만, 본 코드랩은 학교/학원의 강의와는 달리 하루에 이루어지는 코드랩이기 때문에, 해당 프레임워크를 '처음 접하신다는' 가정하에 진행합니다. 즉, 개발 경험이 없으시다면 모든 강의/실습 내용을 따라오기 힘드실수도 있지만 책과 인터넷보다는 효과적으로 개론을 배우실 수 있습니다. 실제로 코드랩에 참여하시는 분들의 20~30%는 개발 경험이 전혀 없으신 분들입니다.

Q) 랩탑, 인터넷 등 코드랩 진행 환경은 어떤가요?

A) 아쉽게도 랩탑과 인터넷이 제공되지 않습니다. 특히, 한국인터넷진흥원 대강당을 사용하고 있기 때문에 외부 방문객들을 위한 인터넷이 제공되지 않고 있습니다. 이 부분을 해결하기 위해 무선 와이파이 에그를 충분히 준비해놓고 코드랩을 진행합니다. 하지만 만족할만한 수준의 인터넷 연결 속도는 아니기 때문에, 실습에 필요한 툴들은 미리 설치해놓고 오시면 편하실 것으로 보입니다. 

Q) 강사는 어떤 분이신가요?

A) 해당 프레임워크에 대해 충분한 개발 경험을 가지신 분들을 초빙하고 있습니다. 특히, 새롭게 변화하는 기술들을 다루는 자리이기 때문에 '강의를 전문'으로 하시는 분들보다는 '현업에서 개발'하시는 분들을 강사로 모시려고 노력하고 있습니다. 

Q) 전체 코드랩 일정은 어떻게 되나요?

A) 기본적으로 코드랩은 하루동안 강의와 실습을 모두 진행합니다. 총 10번의 서로 다른 주제들을 다루게되고, 각 주제별 코드랩은 2번을 반복합니다. (주중 하루, 주말 하루) 전체 일정은 다음 표를 참고해주시기 바랍니다. 다만 아래 일정 중 세부 주제 및 강사는 변경될 수 있습니다.

1-1 : 6월 8 () 

MeteorJS로 만드는 모던 웹 어플리케이션 개발하기 (확정)

 신청 페이지 바로가기

1-2 : 6 11 ()    

 신청 페이지 바로가기

 2-1 : 6월 21 ()

AngularJS NodeJS-Express를 이용한 To-do 서비스 개발하기 (확정)

 신청 페이지 바로가기

 2-2 : 6월 25 ()

 신청 페이지 바로가기

 3-1 : 7월 5 ()

AngularJS NodeJS-Express를 이용한 웹 어플리케이션 개발하기 (확정)

 신청 페이지 바로가기

 3-2 : 7월 9 ()

 신청 페이지 바로가기

 4-1 : 7월 19 ()

ReactJS를 통한 웹 서비스 개발하기 (확정)

 신청 페이지 바로가기

 4-2 : 7월 23 ()

 신청 페이지 바로가기

 5-1 : 8월 23 ()

ReactJS NodeJS-Express를 이용한 웹 노티피케이션 기능 개발하기 (확정)

 신청 페이지 바로가기

 5-2 : 8월 27 ()

 신청 페이지 바로가기

 6-1 : 9 6 ()

 MeteorJS로 IoT 서비스 개발하기 (확정)

 신청 페이지 바로가기

 6-2 : 9 10 ()

 신청 페이지 바로가기

 7-1 : 9 24 ()

BackboneJS NodeJS-Express를 통한 블로그 서비스 개발하기 (미정)

 신청 페이지 바로가기

 7-2 : 9 27 ()

 신청 페이지 바로가기

 8-1 : 10 11 ()

MeteorJS와 CoffeeScript 를 통한 모던 웹 어플리케이션 개발하기 (확정)

 신청 페이지 바로가기

 8-2 : 10 15 ()

 신청 페이지 바로가기

 9-1 : 10 25 ()

D3와 NodeJS를 통한 그래프 데시보드 서비스 개발하기 (미정)

 신청 페이지 바로가기

 9-2 : 10 29 ()

 신청 페이지 바로가기

 10-1 : 11월 8 ()

 Ionic 프레임워크를 활용하여 To-do 하이브리드앱 개발하기 (미정)

 신청 페이지 바로가기

 10-2 : 11월 12 ()

 신청 페이지 바로가기