비전공자를 위한  HTML & CSS 스터디 35기 강남역 부근 (토요일반)
웹 프로그래밍에서 가장 중요한 것은 무엇일까요? 디자인, 기능, 효과, UI/UX 등 직관적으로 생각나는 다양한 요소들이 존재할 것입니다. 이 모든 요소가 중요하지만, 웹 프로그래밍에서 가장 먼저 체득해야 할 것은 '레이아웃'에 대한 이해입니다. 레이아웃은 사이트의 정보를 간결하면서 임팩트있게 표현할 수 있는 잡지의 표지와 같은 것입니다. 최근에는 PC 뿐만 아니라 모바일, 태블릿 등 다양한 기기를 고려하여 기능성을 강조한 반응형, 적응형 등 여러 가지 방식의 레이아웃이 존재합니다.

개발자에게 "이거 한 개만 더 추가하면 될 것 같은데요?"라고 말하는 것은 이미 다 지어놓은 건물 앞에서 건축가에게 "건물 위치를 10cm 만 옮겨주세요"라고 말하는 것과 같습니다. 이처럼 레이아웃을 잡는 과정은 프로그래밍에 있어서 중요하며 기초가 되는 것입니다.

본 스터디는 레이아웃을 잡는데 있어 가장 중요한 HTML & CSS 속성을 소개하고 실제 제작한 사이트를 직접 구현해 나가면서 레이아웃에 대한 기본적인 개념을 이해하는데 도움을 줄 것입니다.

지난 기수 수강 후기 : https://goo.gl/2UR71w
Sign in to Google to save your progress. Learn more
커리큘럼
1주차 : HTML & CSS 구성 요소와 특징  ( 7월 11일 )
 - 개발 환경 구축
 - HTML 기본 태그 및 사용 방법
 - inline & block 요소 설명
 - CSS 구성 요소 및 사용 방법

2주차 : 박스모델과 레이아웃 속성 살펴보기 ( 7월 18일 )
 - 박스모델과 마진 병합현상
 - display, position, float 특징 살펴보기
 - 기본 레이아웃 실습
 - 2차원과 3차원

3주차 : Animation 과 미디어 쿼리 특징  ( 7월 25일 )
 - 2주차 수업 내용 복습
 - CSS 애니메이션 적용
 - 애니메이션 효과를 구현할 수 있는 툴 소개
 - 반응형 웹사이트를 위한 미디어 쿼리

4주차 : 키즈가오 PC, Mobile 레이아웃 제작  ( 8월 1일 )
 - 키즈가오 PC 버전 레이아웃 실습
 - 키즈가오 Mobile 버전 레이아웃 실습

5주차 :  어워즈 수상작 해외 쇼핑몰 레이아웃 작업  ( 8월 8일 )
 - 해외 쇼핑몰 레이아웃 작업 ( 어워즈 수상작 )
키즈가오 웹사이트 소개
키즈가오는 국내에서는 흔히 볼 수 없었던 패럴럭스 라이브러리를 사용해서 만든 스토리 텔링 방식의 원페이지 사이트입니다. 기발자의 첫 작품(?)이기도 하면서, 많은 가르침을 전해준 웹사이트입니다. 본 웹사이트를 제작하면서 어떠한 방식으로 레이아웃 작업을 진행해야 하는지 저만의 방법론이 생길 수 있었습니다.

4 ~ 5주차에는 퍼블리싱한 키즈가오 웹사이트의 문제점을 분석하고, 이를 보완해 나가면서 PC, Mobile 버전 실습을 진행할 예정입니다.

키즈가오 웹사이트 : https://goo.gl/vj2nkv ( 현재 사이트 리뉴얼 진행중이라 개인 서버로 옮겼습니다. ^^ )
기발자 소개
인문계 출신의 IT 서비스 기획자이자 웹개발자로, 현재 "그림으로 배우는 자바스크립트" 브런치 작가로 활동하고 있습니다. 학부시절에는 대학생 직업 멘토링 서비스 <가리고리>의 대표를 맡으며 서비스를 기획/운영하였고, 이후 디지털 광고 에이전시 <레볼루션 커뮤니케이션즈>에서 광고AE로 근무하면서 코카콜라, 유한킴벌리 등의 디지털 캠페인 기획에 참여하였습니다.

IT서비스 및 디지털 광고를 기획하면서 개발에 대한 강한 필요성과 끌림을 느끼게 되어, 2014년 10월, 광고회사를 퇴사한 이후 HTML, CSS, jQuery, JavaScript, Angular, Wordpress, Ionic 등 다수의 웹, 하이브리드앱 개발 도구를 경험하였습니다.

짧은 기간 집중하여 학습한 덕분에 친환경 점토를 개발하는 유아용품 회사 키즈가오의 웹페이지를 외주로 제작하는 수준에 이르게 되었습니다. 현재는 저처럼 IT 비전공 개발자를 꿈꾸는 인문학도들에게 웹페이지 프로그래밍을 교육하고 있습니다.


[ 개발 경력 ]
- (현) 에어서플라이 프론트-엔드 개발
- 덕업닷컴 프론트-엔드 개발
- 비욘드시터 프론트-엔드 개발
- 서울시 기후변화 대응행동 마이크로 사이트 제작
- 마이크임팩트 모바일 웹사이트 제작
- 가온아이 협업 도구 프론트-엔드 개발
- 국회의원 웹사이트 제작
- 앤드모어 웹사이트  제작
- 한샘중부점 웹사이트 제작
- 굿트리몰 웹사이트 제작
- 조강종합건설 웹사이트 제작
- 파미재미 웹사이트 제작
- 키즈가오 웹사이트 제작


[ 강의 경력 ]
- 비전공자를 위한 자바스크립트: 입문과 중급사이 ( 2018 ~ 현재 )
- 비전공자를 위한 자바스크립트, 라이브러리 스터디 ( 2016 ~ 현재 )
- 비전공자를 위한 HTML, CSS 스터디 ( 2015 ~ 현재 )
- 엘리스 처음 배우는 웹코딩 과정 Instructor ( 2017 ~ 2018 )
- 모바아카데미 프로그래밍 기초 완성 프로그램 Instructor ( 2017 )
- 연세대 디자인 툴 마스터 실무과정 HTML, CSS Instructor ( 2017 )
- 선문대 디자인 툴 마스터 실무과정 HTML, CSS Instructor ( 2017 )
- 코드스테이츠 Pre-Course Instructor ( 2016 )


[ 저서 ]
- 모두의 HTML5 & CSS3
- yes24 : http://www.yes24.com/24/Goods/63855057?Acode=101
- 교보문고 : http://bitly.kr/DSgA
- 인터파크 : http://bitly.kr/2Ae9


[운영 채널]
- 기발자 블로그 : http://blog.naver.com/gi_balja
- 기발자 브런치 : https://brunch.co.kr/magazine/painting-code
- 기발자 유튜브 : https://www.youtube.com/INKWEON7269
- 나, 개발 한번 해보려고 : https://www.facebook.com/TryToGaebal/
스터디 기간 및 세부 일정
장소 : 강남역 부근
일정 : 7월 11일 ~ 8월 8일 ( 5회 진행 )
시간 : 매주 토요일 10:00 ~ 13:00 ( 3시간 )

인원 : 15명 내외
준비물 : 노트북
비용 : 19만원 ( 대관비 + 디자인 소스 )

모집 기간 : 5월 18일 ~ 7월 8일

1차 선정자 발표 : 6월 8일주차
2차 선정자 발표 : 6월 15일주차
3차 선정자 발표 : 6월 22일주차
4차 선정자 발표 : 6월 29일주차
5차 선정자 발표 : 7월 6일주차

** 지원자가 많을 경우 선정자 발표 일정이 앞당겨질 수 있습니다.

환불 정책 : https://goo.gl/6aLhQg
성함 (ex. 홍길동) *
이메일 주소 (ex. abc@gmail.com) *
신청 이유 *
적합한 스터디 대상자로 판단되면 이메일 주소로 계좌번호를 보내드립니다. 입금이 확인되면 스터디 참여자로 최종 등록됩니다. (가끔 스팸함으로 메일이 가는 경우가 있어서 선정자 발송일에 꼭 스팸함도 체크해 주세요.)
선정자 메일 확인이 늦어져서 참석을 못하시는 분들이 있어서 문자로 안내 메시지를 받고 싶으신 분은 아래 연락처 정보를 남겨주세요 ^^
핸드폰 번호 (ex. 010-1234-5678)
Submit
Clear form
Never submit passwords through Google Forms.
This content is neither created nor endorsed by Google. Report Abuse - Terms of Service - Privacy Policy