5주간 현직자와 제대로 웹개발 직무 경험을 만들 수 있습니다.
현직자의 진짜 실무를 멘토의 도움을 받아 수행합니다.
업무에 대한 1:1 피드백과 코칭이 매주 제공됩니다.
5주간 3회의 세션을 가지게 되며, 학업/현업과 병행 가능합니다.
안녕하세요 프론트앤드 개발자로 근무하는 현직 멘토입니다. 반갑습니다.
저는 비전공자로 국비 교육을 통해 대기업 SI에서 퍼블리셔로 2년 동안 일 했고, 현재 프론트엔드 개발자로 일 하고 있습니다. 퍼블리셔로 일했던 경력이 현업에서 UI개발을 해야할 경우 많은 도움이 되고 있습니다. 웹개발에 있어 첫단계인 UI 개발에 어려움을 느끼는분들이 많습니다. 이는 웹개발시 중요도를 논할때 HTML과 CSS는 JS보다 덜 중요하다는 인식 때문입니다. 하지만 웹을 구성함에 있어 그 첫번째 단계는 레이아웃 구조를 설계하는 작업입니다. HTML과 CSS에 대한 이해도가 부족한 상태라면 초기단계에서 부터 많은 어려움에 봉착하게 됩니다.
저는 이런 부분을 해소해 드리고자 레이아웃에 있어 가장 기본 개념인 박스 모델에 대한 개념부터 학습해 드리겠습니다. 박스 모델은 레이아웃 설계시 가장 기본이 되는 개념이지만 해당 개념에 대해 제대로 알지 못하는 분들도 많습니다. 그러다 보니 UI 개발시 CSS를 올바르게 사용하지 못해 잘못한 코드들이 계속 쌓여 운영이 어렵게 되는 경우가 많습니다. 이 캠프를 듣는 여러분들은 그런 실수를 범하지 않게 제가 도와드리겠습니다.
직무부트캠프를 추천합니다.
직무경험이 없어요.
직무경험이 없어요.
직무경험이 없어요.
실제 취업에 도움이 됩니다.
직무부트캠프에서 했던 경험과 배웠던 직무 전문 단어를 면접에서 활용하였더니 면접관들이 흥미를 보였고, 결국 최종 합격했어요.
남00님
수료증을 토대로 이력서에 직무 관련 경험으로 작성했고 임원 면접시 경험에 대한 질문에 직무 관련한 관심이 많다는 것으로 어필 했고, 좋은 평가를 받을 수 있었어요.
강00님
현 4년차 프론트앤드 개발자
- 국내 유명 해커톤 2등 수상
- 매출액 720억 상당의 기업에서 근무
전 시각화 전문 스타트업 개발팀 약 2년
- 다수의 대기업 시각화 프로젝트 및 반응형 프로젝트 참여
float를 사용하여 레이아웃을 설계 했는데 마지막 컨텐츠가 빠지니 화면이 모두 깨져서 나옵니다.
display: flex를 사용하여 레이아웃을 설계 했는데 크롬에서는 화면이 문제 없이 나오지만 IE 9에서는 레이아웃이 다 제대로 정렬되어 나오지 않습니다. 왜 크롬과 IE 9에서 나오는 모양이 다른걸까요?
반응형 레이아웃을 설계하려고 하는데 float를 사용하던 예전 방식이 아닌 최신 스택중 비율에 맞게 딱 정렬이 되는 css 속성값은 없을까요?
과제 소개
1주차 CSS 박스 모델 이해하기
CSS 레이아웃 설계에 있어 가장 기본이 되는 박스 모델에 대해 학습하게 됩니다. 해당 회차 과제를 통해 레이아웃 설계의 가장 기본이 되는 핵심 개념들을 학습하게 될 것입니다.
2주차 Float 속성을 이용한 레이아웃 짜기 (디자인 리소스 제공, 난이도별 과제 선택 가능)
본격적인 레이아웃 설계를 학습하게 됩니다. Float 속성은 IE10이하 구형 브라우저에서 동작하는 속성입니다. 최신 CSS 스택은 아니지만 운영 된지 오래된 소스 에서는 심심치 않게 사용된 속성으로 오래된 운영 소스를 수정하기 위해서는 알고 있어야 하는 필수 개념 입니다. 해당 회차 과제를 통해 구형 브라우저에서는 어떤 CSS 속성값을 사용하여 레이아웃을 설계해야하는지 학습하게 될 것입니다.
3주차 Flex 속성을 이용한 레이아웃 짜기 (디자인 리소스 제공, 난이도별 과제 선택 가능)
Flex는 IE10 이상 혹은 크롬 브라우저에서 문제없이 동작하는 CSS 속성 값입니다. Float 속성값의 단점들을 보안하여 나온 만큼 레이아웃 설계에 있어 보다 더 편리한 방법으로 설계 할 수 있게 도와줍니다. 최신 기술 스택을 사용하여 레이아웃 설계하는 방법에 대해 학습하게 될 것입니다.
4주차 Grid 속성을 이용한 레이아웃 짜기 (디자인 리소스 제공, 난이도별 과제 선택 가능)
Grid속성은 Flex과 같이 모던 브라우저에서 동작하는 CSS 기술 스택입니다. Flex속성 보다 더 편리하게 레이아웃을 설계 할 수 있도록 도와줍니다. Grid를 마지막으로 다양한 CSS 속성값을 이용해 레이아웃을 설계하는 법을 마스터하게 될 것입니다.
알려드릴게요!
CSS 레이아웃 설계에 가장 기본이 되는 박스 모델 부터 시작하여 핵심 개념인 Float, Flex, Grid에 대해 학습합니다. 기초가 제대로 되어있지 않다면 초급 이상의 실력은 나올 수 없습니다. 제가 제시하는 과제는 기초 개념부터 차근차근 여러분의 실력을 향상 시킬 수 있는 코스 입니다. 같은 디자인의 UI를 Float, Flex, Grid를 사용해 반복적으로 설계해 보는 학습을 할 것입니다. 같은 모양의 레이아웃을 다양하게 설계해 보며 레이아웃 설계에 대해 보다 더 깊이 있는 이해를 돕고자합니다.
현업자 수준의 직무 이해도를 얻게됩니다.
⋅ 직무담당자가 실제로 하는 일
⋅ 직무담당자로 일하는 장, 단점과 요구 역량
⋅ 주차 별 프로젝트 소개 및 선정 이유
[내용] 박스 모델에 대해 개념을 정리하고 display 핵심 속성값 이해하기
1) 박스 모델 개념 정리하기
2) display: block, inline-block, inliin에 대해 개념잡기
[내용] Float로 레이아웃 설계하기
1) Float를 이용해 IE 10이하의 구형 브라우저에서 레이아웃 설계하기
2) Float 해제하기
[내용] Flex로 레이아웃 설계하기
1) Flex 속성 개념 잡기
2) IE 10이상의 모던 브라우저에서 레이아웃 설계하기
[내용] 제공 된 디자인 리소스를 보고 Grid로 레이아웃 설계하기
1) Grid속성 개념 잡기
2) 최신 스택에 맞게 레이아웃 설계하기
업무 요청서로 전달됩니다.
교과 외 활동 항목에 직무부트캠프 수료 경험을 활용할 수 있습니다.
채용지원 마감일과 캠프 종료일 차이로 수료증 활용이 어려운 경우, 수료예정증명서를 발급해드립니다.
* 3주차 이상 경과된 경우에 한하여 고객센터를 통해 신청 가능
저와 5주간 함께 수행한 업무는 직무경험을 증명할 결과물이 됩니다.
*아래는 수강생들이 5주간 만든 실제 포트폴리오입니다.
이런 점이 좋습니다.
자소서와 면접 준비
업무 프로세스 이해
직무 적합도 판단
더 편안하고 자유롭게 소통할 수 있습니다.
더 뛰어난 학습 효과를 얻을 수 있습니다.
더 솔직한 이야기를 들을 수 있습니다.
직무를 깊게 경험해 보실래요?
완전히 해결됩니다!
- 정가
- 300,000원
- 얼리버드 40% 할인
- - 120,000원
- 후기 이벤트 원고료
- - 20,000원
- 최대 할인 적용가
- 32,000원 /1주
- 12개월 무이자 할부
- 3,076원 /1주
정부 지원금 사용 가능
신청자가 본인의 의사로 캠프참여를 포기한 경우
코멘토가 캠프진행을 할 수 없게 된 경우
캠프 시작전 취소(D-1일까지): 결제금액 전액 환불
1주차 시작일 ~ 2주차 시작일 D-1 : 결제금액의 2/3 환불
2주차 시작일 ~ 3주차 시작일 D-1: 결제금액의 1/2 환불
3주차 시작일 ~ 캠프 종료일: 환불 불가
1차 VOD강의 수강전 취소: 결제금액 전액 환불
1차 VOD 수강후 ~ 1차 과제 제출 전: 결제 금액의 2/3 환불
1차 과제 피드백 제공 후 ~ 2차 과제 제출 전: 결제금액의 1/2 환불
2차 과제 피드백 제공 후 ~ : 환불 불가
90일 만료 후 : 환불 불가
캠프 시작전 취소(D-2일까지): 쿠폰 재사용 가능
1주차 시작일 D-1 ~ 캠프 종료일: 쿠폰 재사용 불가
수강 취소 및 환불 의사를 표시하지 아니하고 무단결석 시는 교습시간으로 인지하며, 환불 요구시점 기준으로 반환합니다.
과제를 미제출하여 다음 번 캠프에 강제 참여하지 못하는 경우에는 해당차수 교습시간은 경과한 것으로 간주합니다.
캠프 참여율 80% 이상시 (세션 참여 3회 + 업무 제출 4회 중 총 6회 이상), 교육 수료증이 발급됩니다.
주차 별 업무를 기한 내 제출하지 않은 분들은 개별 업무 피드백을 받을 수 없습니다.
직무부트캠프는 현직자 리드멘토와 스터디메이트가 함께 만들어가는 프로그램입니다.
프로그램 분위기를 흐리거나 불성실하게 행동하는 분이 있을 시 참여 제재 조치를 받을 수 있습니다.
업무는 모두 개인업무로 진행되며, 업무 수행과 학업 및 취업준비의 병행이 가능합니다.(1주 평균 2~3시간 소요)
최소 인원 모집 미달 시 캠프 일정이 조정될 수 있습니다.