ALLDAY CSS

하루만에 마무리 하는 CSS 전문 코딩캠프
하루만에 마무리 하는 CSS 전문 코딩캠프! CSS가 무엇인지는 알고있으나, 기초 지식에 부족함을 많이 느끼는 분들을 위한 하루짜리 CSS 정복 캠프입니다! 지금껏 먼 거리 덕분에, 직장 생활에 시간을 내지 못했었던 분들을 위해 하루 10시간동안 짧고 굵게 CSS의 농축액을 정리하는 시간을 가집니다. CSS의 여러 측면 중에서도 레이아웃을 잡기 위한 지식을 메인으로 다루게 됩니다.

크리에이터 Glenn Lee

내 경험을 공유하는 데에 최적의 직업인 '강사' 에 푹 빠진 디자이너입니다. 온/오프라인을 막론하고 여러 흥미로운 프론트엔드 디자인 강의들을 제작하는 데에 집중하고 있습니다. 웹을 이용하는 사람들, 웹을 만드는 사람들 모두가 아름다운 웹을 원하는 시대가 되었습니다. 같이 아름다운 웹사이트 제작을 즐겨봅시다 :)

앗! 코스의 일정 또는 장소가 맞지 않나요?

빔캠프는 최대한 많은 인원이 참여 할 수 있는 코스를 만들기 위해 여러분들의 의견을 상시 조사하고 있습니다. 설문조사에 참여해주시면 좀 더 합리적인 캠프 코스를 만드는데 많은 도움이 될 것입니다.

하루만에 마무리 하는 CSS 전문 코딩캠프

CSS가 무엇인지는 알지만 기초지식의 빈틈으로 인해 혼란스럽다면!

무엇을 배우나요?

CSS가 무엇인지는 알고있으나, 기초 지식에 부족함을 많이 느끼는 분들을 위한 하루짜리 CSS 정복 캠프입니다! 지금껏 먼 거리 덕분에, 직장 생활에 시간을 내지 못했었던 분들을 위해 하루 10시간동안 짧고 굵게 CSS의 농축액을 정리하는 시간을 가집니다. CSS의 여러 측면 중에서도 레이아웃을 잡기 위한 지식을 메인으로 다루게 됩니다.

체계적인 CSS

CSS는 너무나도 많은 변수 덕택에 배우기 어렵습니다. 특히 CSS 레이아웃 기법은 더더욱이 아리송하기만 합니다. 매일 바쁘게 실무에만 치이다보면 CSS 지식을 체계적으로 정리하기 어렵습니다. 하루동안 밀도있고 치열하게 배워봅시다!

유지보수에 강한 웹

웹사이트를 새로 만드는 것보다 유지보수를 해야하는 일이 더욱 많습니다. 뒤죽박죽된 CSS를 바라보는 것 만큼 괴로운 일은 없습니다! 자신의 코드를 한단계 체계적으로!

수강생들의 생생한 캠프리뷰

100% 실제수강생의 솔직 후기입니다

  • 디자이너 pupu

    정말 방대한 양입니다.
    최신 정보와 실무 내용이 같이 있어서 직접 사용할 수 있을 것 같습니다....그런데 이 방대한 양을 소화할려면 ㅎㅎ....할 수 록 할것이 많네요...그리고 position: absolute;를 쓸일이 많은데 두루두루 쓰겠습니다.

  • 대학생 SSO

    CSS에서 확실히 알지 못했던 개념들을 알게되어서 너무 좋았습니다~~ 좋은강의 감사드립니다 ㅎㅎ 긴시간이였지만 엄청 재미있었습니다!!

  • 개발자 YJ

    css 라는 커다란 개울을 무작정 건너려고만 했었는데, 그 개울이 얼마나 깊은지, 어떻게 건너야 하는지, 그리고 좀 더 건너기 쉽게 커다란 돌을 몇개 놓은 것 같습니다. 아직 건너기 위해 더 많은 돌들을 놓아야 하지만, 어떤 돌들을 놓아야하는지, 어디가 최단거리인지 방향성을 배울 수 있었습니다. 무엇보다 하나라도 더 알려주시기 위한 그 열정에 깊은 감사의 말씀을 드립니다.

  • 개발자 크레코

    학생때부터 CSS를 제대로 알지 못한 채로 웹개발을 해왔던 저에게 실무에서도 배우지 못했던 가려운 부분들을 모두 다 긁어 주셨습니다!

    CSS에 대해 제대로된 스승없이 맨땅에 헤딩만 하던 저에게 탄탄한 기초를 다져주어 지금까지 잘 모르고 써왔던 혹은 잘못 사용하고 있었던 것을 자세하게 알려주었습니다.
    "이 친구의 원래 역할은 이런데 요런 상황에서도 쓰이고 저 친구는 쓸 때 보통 이 친구랑 같이 쓰이고.."

    상상했던 것 보다 훨씬 재밌고 유익한 강의 였습니다.

    프론트엔드 개발자를 지망하고 있다면 혹은 화면개발하는데 CSS 작업할 때 인터넷 코드를 복붙하던 사람이라면 살면서 꼭 한번은 들어야할 강좌입니다!

    P.S. 유튜브 보다 훨씬 재밌어요 XD

이런 분들을 위해 준비된 캠프입니다

아래 상황에 해당 된다면 빔캠프의 문을 두들겨 주세요

체계적인 정리를 원하는 실무자

하루하루 바쁘게만 공부했던 CSS라 체계적인 정리가 필요한 실무자

원리를 이해하고 싶은완벽주의자

단순히 할 줄 아는것과 본인이 사용하고 있는 기술에 대하여 깊이 이해하는것은 다릅니다.

코드가 욕심나는디자이너

CSS의 방식을 100% 이해하고 디자인하는 웹디자이너의 가치는 매우 높습니다.

아름다움을 아는개발자

CSS도 체계적인 접근이 필요한 기술임을 이해하는 개발자를 환영합니다.

당장에 실무에 투입하고 싶은프리랜서

단순한 이론을 전달하는 것이 아닌, 바로 쓸 수 있는 실용기술을 재미있게!

오~올데이 CSS 캠프의 목표

단 하루동안 최대의 효과를!

CSS의 온전한 이해기초에 집중

재료에 대한 명확한 이해가 중요합니다. 다년간의 강의 농축액을 하루동안 전달해 드립니다.

무조건 암기? NO!온전한 이해

암기한 지식은 그리 오래 가지 못합니다. 원리를 이해하고 직접 적용 해보아야 지식의 빈틈을 메울수 있습니다.

이왕이면 재미있게!풍부한 예시

CSS 이론을 풍부한 시각자료로 풀어 가려고 노력하였습니다. 머릿속에서 그려지는 CSS를 목표로!

질문을 통해 좀 더 단단하게!질문과 답변

더 좋은 캠프를 만드는 것은 수강생분들의 몫입니다! 평소에 아리까리했던 지식들을 확실히 질문함으로서 좀 더 탄탄한 지식으로 만들어봅니다

속도 보다는 방향!방향 설정

웹 공부는 끝이 없습니다! 수강생 각자의 목표는 모두 다를 수 밖에 없지요. 캠프가 종료된 후 어떤 공부를 더 하는것이 각자의 목표에 가까워 질 수 있는지 같이 이야기해 봅니다.

하루를 잘 쪼개어! 밀도있는 과정소개

하루, 10시간동안 진행되는 캠프입니다.

주의사항 교육과정을 잘 확인 해주세요!

똑똑한 캠프참여자가 되는 길 실무자라면 주의 합리적 소비

자신에게 잘 맞는 교육과정인지 체크해주세요!

  • CSS에 대한 경험이 전무한 초심자들은 충분히 예습후 참여 권장
  • 인터넷 익스플로러 9 이상 버전의 호환성 보장
  • 최신 레이아웃 기법인 flex, grid속성, 반영 되지 않음

아는 선택자도 다시보자! 오전 9시 ~ 11시

CSS의 기초 작성법부터 차근차근히 알아봅니다. 선택자중에서도 클래스 선택자, 그리고 CSS 우선순위에 대하여 알아봅니다. 체계적으로 클래스명을 네이밍하는 방법론도 언급합니다.

css selectors class selector css specificity css methodologies

이론 70%

  • CSS 선택자 다시보기
  • 클래스 선택자의 올바른 쓰임새
  • CSS 우선순위 문제 파헤치기
  • CSS 방법론이란?

실습 30%

  • CSS 우선순위를 경험 할 수 있는 예제
  • 클래스 선택자의 장점을 잘 활용한 예제
  • 질문 및 답변

CSS, 가까이 들여다보기 오전 11시 ~ 오후 1시

HTML요소들은 각각 타고 난 표시방식이 있습니다. 그러한 표시방식을 제대로 이해하는것이 CSS라는 재료를 자유자재로 다룰 수 있는 기본입니다. 또한 모든 디자인의 기본이라고 할 수 있는 타이포그래피 관련 속성을 정리합니다. CSS 세상에서 글자를 다룰때 필요한 키포인트를 다룹니다.

CSS Box Model display property block level element inline level element font, line-height, vertical-align property CSS inheritance CSS em unit

이론 70%

  • User-agent stylesheet 파악하기
  • CSS default value 파악하기
  • CSS Typography 시스템 파악하기

실습 30%

  • Block과 Inline의 차이점과 특성
  • width, height, margin에서의 auto값 사용
  • em단위를 효과적으로 사용한 예

런치타임 오후 1시 ~ 2시

아쉽게도 점심식사는 제공되지 않습니다. 근처 맛집을 알아두셔요!

가로 레이아웃 완벽정리 오후 2시 ~ 5시

CSS2.1이라는 그림그리기 재료는 생각보다 헛점 투성이 입니다. 가장 흔하디 흔한 가로배치를 하기 위한 방법도 최적의 만능키가 없어 상황에 따라 제각각입니다. 가로 레이아웃을 위한 속성 중 inline-block, float에 대하여 심도있게 다루고, float의 한계와 부작용에 대하여 다룹니다. 보다 발전된 CSS3 세상에서의 가로배치에 대해서도 언급합니다.

float property clear property inline-block overflow property Block Formatting Context Margin Collapsing

이론 60%

  • float의 원래 용도 알아보기
  • float속성의 올바른 쓰임새와 한계점
  • overflow속성의 재발견

실습 40%

  • float를 이용할 때 실수 할 수 있는 몇몇 상황
  • inline-block으로 만드는 가로 레이아웃
  • float로 만들 수 있는 대표 레이아웃 3가지
  • overflow속성으로 해결 가능한 문제 예시 3가지

기상천외 CSS 오후 5시 ~ 8시

실무에서 요구하는 레이아웃은 참으로 다양합니다. 레이아웃의 자유도를 위해서라면 position속성의 사용이 필수입니다. 추가적으로 창의력 넘치게 활용 가능한 Negative Margins와 최근 CSS3 속성중, 구버전 브라우저 지원이 비교적 양호한 속성도 알아봅니다.

Negative Margins position property Advanced Positioning Pseudo Element

이론 30%

  • 네거티브 마진 Negative Margins 의 의미
  • position속성의 기본 되짚어보기
  • position속성 재발견
  • 가상요소 Pseudo Element 로 만드는 깨알요소

실습 70%

  • 튀어 나오는 웹디자인
  • float + negative margin으로 만드는 다단 레이아웃
  • 넷플릭스(느낌의) UI
  • 타임라인 UI

ALLDAY CSS 캠프만의 특장점

귀중한 하루를 최대한 잘 이용!

누가 진행하는 캠프인가요?

Creator. Glenn Lee

반갑습니다 이종찬입니다.

내 경험을 공유하는 데에 최적의 직업인 '강사' 에 푹 빠진 디자이너입니다.
온/오프라인을 막론하고 여러 흥미로운 프론트엔드 디자인 강의들을 제작하는 데에 집중하고 있습니다.

웹을 이용하는 사람들, 웹을 만드는 사람들 모두가 아름다운 웹을 원하는 시대가 되었습니다. 같이 아름다운 웹사이트 제작을 즐겨봅시다 :)

자주 묻는 질문

궁금한 점은 물어보세요

  • 점심시간은 언제이고 무료로 제공되나요?

    점심시간은 오후 1시부터 2시까지이고 점심은 제공되지 않습니다. 외부에서 각자 식사를 하고 오시면 되겠습니다.

  • 강의 난이도는 어떻게 되나요?

    HTML+CSS에 대한 선행지식이 없다면 듣기 어려운 캠프입니다. HTML+CSS 첫 걸음 캠프에 먼저 참여 하시기를 추천 드립니다.

  • 캠프 과정을 모두 수료하면 어떤 수준까지 만들 수 있나요?

    띄엄띄엄 알고 있는 CSS를 체계적으로 바라 볼 수 있게 됩니다. 실제 작업 사이사이에 반드시 필요한 지식들입니다. 하지만 배운 내용으로 직접 컨텐츠를 만드는 연습을 하지 않는다면 무용지물일 것 입니다.

  • 준비물은 무엇인가요?

    개인 노트북이 필요합니다. 운영체제는 윈도우, 맥 모두 괜찮습니다. 윈도우는 버젼 7 이상만 가능합니다. 원활하게 이용 가능한 노트북을 꼭 준비해주세요! 전날에 구동테스트를 하는 것이 좋습니다. 그리고 열정이 필요합니다 :) 하루에 10시간 수업은 엄청난 체력을 요구합니다!

  • 디자이너만 수업을 들을 수 있나요?

    HTML+CSS 기초 지식만 있다면, 비전공자 또는 웹디자인 코딩에 관심이 있는 사람이라면 누구든지 참여 가능합니다.

  • 아쉽게도 일정이 맞지 않네요.

    홈페이지에 이미 공지된 일정을 변경하거나 조율하는 것은 어렵습니다. 3개월 정도의 강의 일정을 미리 공지하기 때문에 추후 일정을 참고 부탁드립니다.

  • 환불 규정이 어떻게 되나요?

    개강 직전, 100% 환불이 가능합니다
    얼리버드 프로모션중인 캠프의 경우에는 환불이 불가능합니다
    전체 수업 일수의 50%가 이미 진행된 경우에는 환불이 불가합니다
    수업 진행일수 50%미만인 경우, 강의료의 33%를 환불해 드립니다
    환불요청: support@veamcamp.com

준비된 다른 캠프도 만나보세요

디자이너 시선으로 접근하는 다양한 웹디자인/개발 온오프라인 컨텐츠를 제공합니다