직무부트캠프 배너 배경 이미지
14차 앵콜

반응형 웹 제작으로 배우는 UI개발 실무

현직자와 함께하는 웹개발직무 5주 인턴

직접 경험하는 것보다 잘 이해할 수 있는 방법은 없습니다.

‘직무부트캠프: 5주 인턴’에 참여하면 어려운 인턴 지원 프로세스 없이
5주간 현직자와 제대로 웹개발 직무 경험 을 만들 수 있습니다.

엄지손가락을 치켜 든 아이콘 멘티님도 할 수 있어요.
  • 현직자의 진짜 실무를 멘토의 도움을 받아 수행합니다.

  • 업무에 대한 1:1 피드백과 코칭이 매주 제공됩니다.

  • 5주간 3회의 세션을 가지게 되며, 학업/현업과 병행 가능합니다.

웹개발 10년차 이상 현직자 UI개발자 멘토입니다. 저와 함께 5주 동안 웹개발 실무를 체험하시겠어요?

안녕하세요, 저는 UI개발자로 18년 째 일하고 있는 멘토입니다.


전 멀티미디어과를 졸업하면서 영상촬영/편집, 웹/편집디자인, 음향, 3D, 웹개발 까지 다양한 분야를 접해봤습니다. 그중에 저에게 제일 잘 맞는 일은 웹개발이었고 그 중에서도 퍼블리싱 관련 일이었습니다.


UI개발일을 하다보니 제가 학교에서 배웠던 다양한 분야의 지식이 정말 많은 도움이 되었습니다. UI개발자는 개발만 잘한다고 되는 것이 아니라 디자이너, 기획자, 서버개발자 같은 동료들의 중간에서 다양한 협업을 하면서 일을 해야 하는 포지션입니다. 아주 쉬운 예로 포토샵 하나만 생각해봐도 디자이너가 준 psd만 가지고 작업을 하는 작업자와 psd의 잘못된 부분을 알고 대응해가면서 할 수 있는 작업자는 일의 진행속도나 작업 후 수정 작업 분량에서 많은 차이가 생기게 됩니다.


UI개발자 분들 중에는 끊임없이 FT개발자 되기 위해 노력하시는 분들도 있습니다. react를 배워야 하고 vue를 배워야하고, 서버개발을 배우려고 노력합니다. 하지만 Frontend 프레임워크를 배우려고 하기 전에 html에 쓰인 태그가 올바르게 쓰였는지, 문서의 구조가 올바른지, 하드웨어에 무리를 주는 코드는 아닌지, 접근성은 지켜졌는지, 사용성을 해치지는 않는지 등과 같은 기본적인 것들을 알고 다음 스텝으로 넘어가셔야만 개발자라는 직군에서 오래 일할 수 있습니다.


저와의 캠프를 통해서 코드리뷰나 실시간 라이브 코딩 해보면서 여러분들은 코드를 점검하고 보완하실 수 있습니다.


그래서 결과적으로는 짧은 시간에 성장할 수 있는 시간, 기본을 탄탄하게 다지는 시간, 자신의 코드에 자신감을 가지게 되는 시간이 될 것입니다.


*캠프 수강생 인터뷰 영상 : https://www.youtube.com/watch?v=wC8CQbwcpy4

직무부트캠프에서 쌓은 직무경험은 취업에 도움이 됩니다.

“직무부트캠프에서 했던 경험과 배웠던 직무 전문 단어를 면접에서 활용 하였더니 면접관들이 흥미를 보였고, 결국 최종 합격했어요.” - 수료생 남00님
수료증을 토대로 이력서에 직무 관련 경험으로 작성했고 임원 면접시 무슨 경험인지 질문이 들어와 직무 관련한 관심이 많다는 것으로 어필 했고, 좋은 평가를 받을 수 있었어요.” - 수료생 강00님

멘토 사진
멘토 연차 정보
10년차 이상 현직자
멘토 닉네임
UI개발자
인증 멘토
인증 멘토

현 18년 차 프리랜서 프론트앤드 개발자

- 국내 탑 웹에이전시, 게임회사, 개발 전문회사, 포털, 스타트업 등 다양한 웹 제작 분야에서 근무

- 금융권, 대기업 글로벌 사이트, 플래그쉽 제품 프로모션 사이트, 기업 사이트, 포털 등등 100여 개의 웹사이트 제작 경험

- 대형 웹사이트 설계, 반응형, 적응형, 모션, 접근성 까지 웹UI개발에 필요한 모든 유형의 웹사이트 제작 경험

반응형 웹 제작으로 배우는 UI개발 실무 주제로 5주 동안 실무자가 될 수 있게 도와드리겠습니다.

웹개발 3년차 실무자인 멘티님은 팀장님에게 아래와 같은 업무를 부여받게 됩니다.
직무부트캠프 과제 예시 멘토님 프로필
클라이언트님
웹개발팀
담당자
홍길동
중요도
높음
마감일
2024. 12. 22

이번에 오픈한 사이트가 피씨에서 큰 모니터로 볼때는 괜찮았는데 노트북에서 보니까 화면 크기를 줄이면 메뉴 레이아웃이 틀어지네요.


리뉴얼한 웹사이트를 웹 접근성 인증을 받아야 한다는 우리 사이트는 부적격 판정을 받았다고 합니다. 컨설팅 업체에서는 처음부터 작업이 잘못되어서 수정할 부분이 너무 많다고 하는데 어떻게 된 건가요?


우리 사이트 접속의 50%는 인터넷익스플로러로 합니다. 그런데 크롬에서는 괜찮은 사이트가 인터넷익스플로어에서는 깨지네요. 빨리 수정해주세요.

아이폰에서는 잘 동작하는데 갤럭시에서는 동작을 안해요. 그리고 네이버 브라우져랑 크롬이랑 다르게 동작되는 문제도 있습니다.

과제 소개

5주간의 과제를 통해서 여러분 다음과 같은 과정을 배우게 됩니다.


  1. 디자인 분석을 통해 웹표준에 맞는 문서의 구조를 만듭니다.
  2. 디자이너의 의도를 파악해서 웹페이지에 디자인을 적용시킵니다.
  3. 데스크탑과 모바일 환경에 맞춰 접근성과 사용성을 확보합니다.


과제는 온라인 코드 에디터를 통해 제출하여 코드 리뷰를 진행하고 경우에 따라 라이브 코딩을 통해 피드백을 진행합니다.


과제를 통해 얻을 수 있는 것

웹의 기본인 HTML, CSS, JAVASCRIPT를 사용하는데 있어서 접근성과 사용성에 대한 개념을 더하면 결과물이 어떻게 바뀌는 지에 대해 알고 UI개발자가 구체적으로 어느 범위까지 고려해야 하는 지에 대해 알게 됩니다.


사전 준비

- html, css, javascript 의 기본 코드 작성 가능해야 함

- 포토샵의 기본적인 사용이 가능해야 함

상세한 스케쥴을 설명드리겠습니다.

3회의 강의와 4회의 업무를 통해 현업자 수준의 직무 이해도를 얻게됩니다.

캠프 시작일
1주차

1월 26일(목) 21:00~23:00
세션
현직자 직무 에센스 강의 및 Q&A
- 직무 입문 방법
- 직무담당자가 실제로 하는 일
- 직무담당자로 일하는 장, 단점과 요구 역량
- 주차 별 프로젝트 소개 및 선정 이유
1월 31일(화) 23:59까지
1차 업무
디자인 요건 분석


UI개발에서 가장 중요한 것은 디자인을 분석하는 것입니다. 어떤 요소를 어떤 태그를 사용해서 어떤 구조로 문서를 작성할지에 대한 고민은 개발을 시작할때 첫번째 과정이며 가장 중요한 과정입니다.


1. PSD 파일이 제공됩니다.(모바일용, pc용)

2. PSD 파일을 분석해서 HTML 파일에 문서의 구조를 작성합니다.

3. 이때 문서의 구조는 웹표준을 준수해서 작성합니다.

4. css 는 작성하지 않고 순수하게 html만 작성합니다

2주차

2월 3일(금) 23:59까지
피드백
리드멘토 개별 리뷰 및 1차 업무 피드백
2월 7일(화) 23:59까지
2차 업무
css를 사용한 디자인 작업 - 모바일


작업한 html 파일에 css로 디자인을 입히는 작업을 합니다. 모바일 사이즈에 맞도록 먼저 작업합니다.


1. 모바일 psd를 먼저 작업합니다.

2. 화면 사이즈는 320px~812px까지 모바일로 대응합니다.

3주차

2월 9일(목) 21:00~23:00
세션
업무 발표 및 리드멘토 2차 업무 피드백
*참여자가 2명 이하인 경우, 3/5주차 캠프 시간은 1시간으로 조정 운영됩니다.
2월 14일(화) 23:59까지
3차 업무
css를 사용한 디자인 작업 - 피씨


작업한 html 파일에 css로 디자인을 입히는 작업을 합니다. 반응형 페이지를 만들어서 pc와 모바일 모두 대응하도록 작업합니다.


1. 반응형 웹페이지로 작성합니다.

2. 화면 사이즈는 812px 까지는 모바일로 813px 부터는 pc 사이트로 인식하도록 작업합니다.

4주차

2월 17일(금) 23:59까지
피드백
리드멘토 개별 리뷰 및 3차 업무 피드백
2월 21일(화) 23:59까지
4차 업무
javascript로 기능 추가하기 - 웹접근성과 사용성


자바스크립트로 웹페이지에 기능을 추가합니다. 기능 추가 과정에서 웹접근성과 사용성을 준수하는지 점검하고 코드를 수정해봅니다. 웹접근성은 웹표준을 지켜서 문서를 작성했다면 70%는 준수하는 문서를 만들 수 있습니다. 웹과 pc 환경에서 고려해야 하는 사용성은 무엇이 있을지 알아봅니다.


1. 자바스크립트로 필요한 기능을 추가합니다.

2. 웹접근성 측면에서 올바르게 작동하는지 확인합니다.

3. 사용성 측면에서 기능을 어떻게 개선할지 고민해봅니다.

5주차

2월 23일(목) 21:00~23:00
세션
업무 발표 및 리드멘토 4차 업무 피드백
*참여자가 2명 이하인 경우, 3/5주차 캠프 시간은 1시간으로 조정 운영됩니다.

캠프는 5주간 아래와 같이 진행됩니다.

2-3년차 실무자의 업무를 다룹니다.

매주 현업의 문제와 문제 해결에 필요한 정보가 업무 요청서로 전달됩니다.
업무 요청서
직무부트캠프 과제 안내서 샘플 - 1주차 과제 안내 직무부트캠프 과제 안내서 샘플 - 프로젝트 과제 선정 이유

성공적인 완수를 도와드립니다.

1:1 업무 피드백이 제공되며, 어려운 점은 언제든 답변 드립니다.

직무경험을 증명할 자료를 받아가세요.

이력서 활용

검증 가능한 직무경험을 이력서에 추가하세요.
교과 외 활동 항목에 직무부트캠프 수료 경험을 활용할 수 있습니다.

직무부트캠프 수료증 샘플
수료증 발급

캠프를 수료하면 직무경험을 증명할 수 있는 수료증이 제공됩니다.

웹개발 직무부트캠프
코인턴
반응형 웹 제작으로 배우는 UI개발 실무
2020년 8월 4일 ~ 2020년 8월 5일
2020년 8월 5일
채용지원 마감일과 캠프 종료일 차이로 수료증 활용이 어려운 경우, 수료예정증명서를 발급해드립니다.
* 3주차 이상 경과된 경우에 한하여 고객센터를 통해 신청 가능
포트폴리오 활용
저와 5주간 함께 수행한 업무는 직무경험을 증명할 결과물이 됩니다.
*아래는 수강생들이 5주간 만든 실제 포트폴리오입니다.
직무부트캠프 과제를 활용한 포트폴리오 예시1 직무부트캠프 과제를 활용한 포트폴리오 예시2
직무부트캠프 과제를 활용한 포트폴리오 예시3 직무부트캠프 과제를 활용한 포트폴리오 예시4

5주 뒤에는 성공확률이 높아집니다.

직무부트캠프를 통해 얻은 자신감과 직무 경험은 차별적인 경쟁력이 됩니다.
직무부트캠프 카카오톡 오픈채팅방 예시 - 1 직무부트캠프 카카오톡 오픈채팅방 예시 - 2 직무부트캠프 카카오톡 오픈채팅방 예시 - 3 직무부트캠프 카카오톡 오픈채팅방 예시 - 4
직무 경험부터 취업 준비까지
수료 후에도, 끝까지 지원해드려요.

직무부트캠프에 참여하면
이런 점이 좋습니다.

실무자 관점에서
자소서와 면접 준비

서류와 면접에 직접적으로 활용 가능한 직무 경험으로 취업 성공 확률을 높일 수 있습니다.

실무자 관점에서 <br/>자소서와 면접 준비

실무 용어와
업무 프로세스 이해

직무가 요구하는 역량 및 수준을 확인하여, 취업 준비 전반의 계획을 수립할 수 있습니다.

실무 용어와<br/> 업무 프로세스 이해

내 적성과
직무 적합도 판단

입사 전, 직무 경험을 통해 나와 잘맞는지 확인하여 실패 비용을 현저히 줄일 수 있습니다.

내 적성과 <br/>직무 적합도 판단

직무부트캠프는 왜 만들어졌나요?

온라인은 더 특별합니다.

직무부트캠프 온라인 수업 화면
소통은 편안하게

온라인 진행으로 멘토와 멘티가 더 편안하고 자유롭게 소통할 수 있습니다.

말풍선 아이콘
누구나 적극적으로

내성적인 분도 적극적으로 소통할 수 있어 더 뛰어난 학습 효과를 얻을 수 있습니다.

스피커 아이콘
익명으로 솔직하게

얼굴과 개인 정보가 드러나지 않아 현업의 더 솔직한 이야기를 들을 수 있습니다.

손 아이콘

저와 함께 웹개발 직무를 깊게 경험해 보실래요?

직무부트캠프 오프라인 수업 모습 - 1
직무부트캠프 오프라인 수업 모습 - 2
직무부트캠프 오프라인 수업 모습 - 3
직무부트캠프 오프라인 수업 모습 - 4

5주 뒤,
직무 고민이 완전히 해결됩니다!

지금 가장 저렴하게 참여할 수 있어요.

수강료 할인 및 지원 정책
돈이 꿈의 허들이 되지 않도록 지원 정책을 소개합니다.
할인 혜택
올인원패키지 무료로 사용하기 >
선물 아이콘
지원 정책
활용 가능한 청년지원금 보기 >
무제한 수강료 환급 이벤트!
친구 초대하고, 친구와 함께 3만원 혜택을 받아 보세요.
추천 이벤트 일러스트

수강생 후기

후기수
93
별점
4.8 /5
  • 3주차

    - 매우 추천해요!

    다른 강의에서는 알려주지 않는 부분이나 배경 지식, 기초에 관한 내용을 알려주시기 때문에 큰 깨달음을 얻었습니다. 작성한 코드도 상세하게 리뷰해주십니다.

    김**|2023.02.10

  • 4주차

    - 매우 추천해요!

    어려운 상황에 자세히 피드백 해주시고 격려도 해주셔서 좋았습니다!

    이**|2022.01.26

  • 3주차

    - 매우 추천해요!

    코드 리뷰를 자세하게 해주셔서 좋았습니다!
    제가 아직 모든걸 배운지 한달정도밖에 안되서 너무 어려운데 그래도 친절하게 어려운게 당연하다고 얘기해주셔서 감사합니다!

    유**|2022.01.18

  • 2주차

    - 매우 추천해요!

    제가 부족한 부분들을 하나하나 자세히 피드백 해주셔서 좋았습니다!
    잘 모르는 태그 부분이나 잘못된 것들을 잘 집어 얘기해주셔서 부족한 부분이 무엇인지 알게 되었습니다.

    안**|2022.01.12

  • 1주차

    - 매우 추천해요!

    제가 비전공자에 처음이라 어떻게 취업을 준비해 나갈지도 너무 고민이었는데 대답을 잘해주셔서 도움이 되었습니다! 그리고 이 과정을 제가 잘 해내면 저에게 도움이 많이 될거 같아서 기대되어요!

    정**|2022.01.03

추천 캠프

자주 묻는 질문

  • Q.

    직무부트캠프를 왜 들어야 하나요?

    직접 경험하는 것이 직무를 이해하는 가장 좋은 방법이기 때문입니다.

    직무부트캠프는 누구나 원할 때 원하는 직무를 직무를 경험할 수 있도록 만들었습니다. 현직자 멘토님들이 실제로 회사에서 하고 있는 일을 5주간 체험하면서 직무 이해는 물론 입증가능한 직무경험을 쌓을 수 있습니다.

    코멘토 직무부트캠프는 300종 이상의 산업과 직무의 전 분야를 제약없이 경험할 수 있는 유일한 수단입니다.

  • Q.

    직무부트캠프 수강 대상의 레벨이 어떻게 되나요?

    직무부트캠프는 나이, 학벌과 관계 없이 사회경험이 없거나, 2년 이하의 경력을 가진 분들을 대상으로 설계되었습니다. 업무 수행 과정에서 어려운 부분은 수준에 맞게 따라올 수 있도록 멘토님에게 지원받을 수 있습니다.

  • Q.

    궁금한 것이 있으면 아무 때나 물어볼 수 있나요?

    캠프 기간 동안 채팅방을 통해서 수강생분들은 언제든지 멘토님과 대화할 수 있습니다. 다만 실제 회사에 재직 중인 현직자 분들이시기 때문에, 실시간 답변은 제한될 수 있습니다. 질문은 캠프나 취업에 대한 일반적인 내용은 어떤 것이든 가능하지만, 기업의 규정상 답하기 어려운 비밀이 포함된 질문이나 자기소개서 첨삭 등 캠프 범위 밖의 질문은 할 수 없습니다.

  • Q.

    자기소개서 같은 것도 첨삭 받을 수 있어야 하는 거 아닌가요?

    직무부트캠프는 직무 이해를 하고, 2-3년차 실무자의 업무를 체험에 집중이 되어있어서 해당 부분을 기대하실 수는 없습니다. 다만, 직무에 대한 이해를 잘 하시게 되면 자기소개서 작성 등에도 도움받으실 수 있습니다. 또, 자기소개서 첨삭은 코멘토의 자기소개서 첨삭 서비스를 받으시면 별도로 도움 받으실 수 있으며 이용권과 관계없이 매일 500자까지 3개의 자기소개서 멘토링을 요청할 수 있습니다.

  • Q.

    수강신청을 위해서 바로 결제를 해야 하나요?

    직무부트캠프는 먼저 결제하시는 분들에게 추가 할인을 제공하는 얼리버드 정책을 운영 중입니다. 수강 시작 이틀 전까지는 언제든지 취소할 수 있으며 수수료 없이 100% 환불 됩니다.

  • Q.

    혹시 할부로 결제할 수 있나요?

    PC에서 결제하시는 경우 신용카드로 결제하시면 12개월 무이자 할부를 제공해 드립니다. 표준 얼리버드 기준 18만원 캠프를 12개월 무이자 할부로 결제하면, 월 15,000원의 비용으로 캠프에 참여할 수 있습니다.

  • Q.

    정부지원금을 통해 캠프에 참여할 수 있나요?

    직무부트캠프는 수료증을 통해 취업활동 증빙을 제공합니다. 구직활동에 자유롭게 사용할 수 있는 국민취업제도 구직촉진수당 (구 청년구직활동지원금 클린카드)이나 지방정부의 청년수당 등으로 참여할 수 있습니다. 다만 내일배움카드는 사용이 불가능합니다.

환불규정

코멘토는 아래와 같은 경우에 환불을 해드리고 있습니다.

  • 신청자가 본인의 의사로 캠프참여를 포기한 경우

  • 코멘토가 캠프진행을 할 수 없게 된 경우

직무부트캠프 환불규정

  • 캠프 시작전 취소(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시간 소요)

  • 최소 인원 모집 미달 시 캠프 일정이 조정될 수 있습니다.

  • 오프라인 수업의 경우, 불가항력적인 이유(천재지변, 전염병 발생, 지진 등)로 오프라인 세션이 불가능할 경우에는 안전을 위해 온라인 수업으로 대체하여 진행될 수 있습니다.