작심삼일 CSS – 빔캠프 VEAMCAMP

작심삼일 CSS

3일만에 정리하는 CSS의 핵심 기술
누구나 계획을 세웁니다! 하지만 너무 긴 계획, 일정은 스스로 지치게 만들죠! 3일동안 정리하는 CSS 전문 코딩캠프로 작심삼일 해보세요! CSS가 무엇인지는 알고있으나, 기초 지식에 부족함을 많이 느끼는 분들을 위한 CSS 정복 캠프입니다. 지금껏 먼 거리 덕분에, 직장 생활에 시간을 내지 못했었던 분들을 위해 단 3일간의 핵심 코딩캠프를 열었습니다. CSS로 레이아웃을 하는 것을 핵심 개념으로 다루고 있습니다.

크리에이터 Glenn Lee

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

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

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

3일동안 정리하는 CSS 전문 코딩캠프

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

무엇을 배우나요?

누구나 계획을 세웁니다! 하지만 너무 긴 계획, 일정은 스스로 지치게 만들죠! 3일동안 정리하는 CSS 전문 코딩캠프로 작심삼일 해보세요! CSS가 무엇인지는 알고있으나, 기초 지식에 부족함을 많이 느끼는 분들을 위한 CSS 정복 캠프입니다. 지금껏 먼 거리 덕분에, 직장 생활에 시간을 내지 못했었던 분들을 위해 단 3일간의 핵심 코딩캠프를 열었습니다. CSS로 레이아웃을 하는 것을 핵심 개념으로 다루고 있습니다.

체계적인 CSS

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

유지보수에 강한 웹

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

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

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

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

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

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

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

코드가 욕심나는디자이너

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

아름다움을 아는개발자

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

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

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

작심삼일 CSS 캠프의 목표

이번 공부계획은 꼭 성공하길 바랍니다

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

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

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

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

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

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

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

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

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

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

하루 3시간씩 3일! 밀도있는 과정소개

정말 빼놓고 이야기 할 것이 없는 알짜배기

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

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

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

  • CSS에 대한 경험이 전무한 초심자들은 충분히 예습후 참여 권장
  • 인터넷 익스플로러 9 이상 버전의 호환성 보장
  • 최신 레이아웃 기법인 flex, grid속성, 반영 되지 않음
  • 본 교육과정을 하루만에 정리하는 캠프도 있습니다. ALLDAY CSS 바로가기

1일차 CSS, 가까이 들여다보기

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

class selector css specificity display property CSS Box Model CSS inheritance CSS em unit

이론 70%

  • 클래스 선택자의 올바른 쓰임새
  • CSS 우선순위 문제 파헤치기
  • User-agent stylesheet 파악하기
  • CSS default value 파악하기
  • CSS Typography 시스템 파악하기

실습 30%

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

2일차 가로 레이아웃 완벽정리

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가지

3일차 기상천외 CSS

실무에서 요구하는 레이아웃은 참으로 다양합니다. 레이아웃의 자유도를 위해서라면 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

작심삼일 CSS 캠프만의 특장점

기초를 탄탄하게! 체계적으로!

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

Creator. Glenn Lee

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

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

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

자주 묻는 질문

궁금한 점은 물어보세요

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

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

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

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

  • 준비물은 무엇인가요?

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

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

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

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

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

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

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

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

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