직무부트캠프 배너
13차 앵콜
반응형 웹 제작으로 배우는 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주 동안 실무자가 될 수 있게 도와드리겠습니다.
웹개발 인턴이 되어 2~3년 차 실무자가 실제로 수행하는 업무를 부여받게 됩니다.
클라이언트
웹개발
담당자
홍길동
중요도
높음
마감일
2025.12.08

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


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


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

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

과제 소개

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


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


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


과제를 통해 얻을 수 있는 것

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


사전 준비

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

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

이런 분들에게 추천해요!
- html 태그와 css 속성을 알고 계셔야 합니다.
- 포토샵에서 이미지 저장하는 법, 레이어 구분 정도의 지식이 필요합니다.
- 미디어쿼리에 대한 약간의 지식이 필요합니다.
이 업무를 선정한 이유
알려드릴게요!

구직자들의 오해

처음 웹개발을 시작할 때 배우는 것이 html,css입니다. 그만큼 진입 장벽이 낮습니다. 어떤 개발자는 이 두 가지 언어는 개발이 아니라고 말하는 사람들도 있습니다. 하지만, 이 두 개 언어는 웹개발의 기초입니다. 기초 작업에 따라서 웹사이트가 빨라지기도 하고 더 많은 사용자에게 정보를 제공할 수도 있습니다. 특히 javascript는 단순히 기능 추가만을 위해서 쓰이는 것이 아니라 접근성이나 사용성 측면에서도 많은 고려를 하며 사용해야 합니다.


직무가 실제로 하는 일과 가장 중요한 역량

UI개발자는 단순히 코드를 작성하는 일 뿐만 아니라 개발의 편의성, 접근성, 사용자 환경을 고려해서 웹페이지를 작성해야 합니다.


어떤 브라우저를 사용하는지, 화면 사이즈는 어떤지, 몸이 불편한 사용자는 아닌지, 사용자의 인터넷 환경이 느릴 경우는 어떤지, 서버 개발자가 어떻게 코드를 작성하도록 할지, 개발 코드가 붙으면서 어떤 이슈가 생길 수 있는지.


웹페이지 하나를 작성하는데 고려되야 할 사항은 이렇게나 많습니다. 그래서 UI개발자는 많은 생각을 하고 꼼꼼해야 하며 여러 작업자와의 협업이 아주 중요한 직업입니다.


해당 과제가 UI개발 직무의 실제 일과 가장 중요한 역량을 체험하기에 좋은 이유

처음 웹개발을 시작할 때는 html, css, js가 쉽다고 생각합니다. 그래서 초급 UI개발자는 아주 많지만 연차가 올라갈 수록 고급 UI개발자의 숫자는 급격하게 줄어듭니다. 실무에서 일하다 보면 UI개발자가 단순히 웹페이지를 작성하는 일이 아니라 접근성이나 사용성 측면에서 고려해야 하는 것들 너무 많기 때문입니다.


이 과제들을 수행하면서 실제 프로젝트에서 웹페이지 하나를 만들기 위해서 얼마나 다양한 사항들이 고려되어야 하는지 알아보고 수행하면서 진짜 UI개발자의 직무를 경험하게 됩니다.

상세한 스케줄을 설명드리겠습니다.
3회의 강의와 4회의 업무를 통해
현업자 수준의 직무 이해도를 얻게됩니다.
캠프 시작일
1주차
온라인 세션
5월 25일(월) 12:00~14:00
현직자 직무 에센스 강의 및 Q&A
⋅ 직무 입문 방법
⋅ 직무담당자가 실제로 하는 일
⋅ 직무담당자로 일하는 장, 단점과 요구 역량
⋅ 주차 별 프로젝트 소개 및 선정 이유
4월 9일(목) 15:00까지
업무
디자인 요건 분석

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


  • PSD 파일이 제공됩니다.(모바일용, 피씨용)
  • PSD 파일을 분석해서 HTML 파일에 문서의 구조를 작성합니다.
  • 이때 문서의 구조는 웹표준을 준수해서 작성합니다.
  • 코드는 repl.it에서 작성하고 github로 push 합니다.
  • css 는 작성하지 않고 순수하게 html만 작성합니다
2주차
서면 피드백
6월 1일(월) 15:00까지
리드멘토 개별 리뷰 및 1차 업무 피드백
4월 9일(목) 15:00까지
업무
css를 사용한 디자인 작업 - 모바일

[내용] 작업한 html 파일에 css로 디자인을 입히는 작업을 합니다.

모바일 사이즈에 맞도록 먼저 작업합니다.


  • 모바일 psd를 먼저 작업합니다.
  • 화면 싸이즈는 320px~812px까지 모바일로 대응합니다.

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

[내용] 작업한 html 파일에 css로 디자인을 입히는 작업을 합니다.

반응형 페이지를 만들어서 피씨와 모바일 모두 대응하도록 작업합니다.


  • 반응형 웹페이지로 작성합니다.
  • 화면 싸이즈는 812px 까지는 모바일로 813px 부터는 피씨 사이트로 인식하도록 작업합니다.
4주차
서면 피드백
6월 15일(월) 15:00까지
리드멘토 개별 리뷰 및 3차 업무 피드백
4월 9일(목) 15:00까지
업무
javascript로 기능 추가하기 - 웹접근성과 사용성

[내용] 자바스크립트로 웹페이지에 기능을 추가합니다.

기능 추가 과정에서 웹접근성과 사용성을 준수하는지 점검하고 코드를 수정해봅니다.

웹접근성은 웹표준을 지켜서 문서를 작성했다면 70%는 준수하는 문서를 만들수 있습니다.

웹과 피씨 환경에서 고려해야 하는 사용성은 무엇이 있을지 알아봅니다.


  • 자바스크립트로 필요한 기능을 추가합니다.
  • 웹접근성 측면에서 올바르게 작동하는지 확인합니다.
  • 사용성 측면에서 기능을 어떻게 개선할지 고민해봅니다.

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

위의 스케줄 안내를 보고
주차별 진행 일정을 잘 이해할 수 있었나요?

여러분의 소중한 피드백은 실제로 기능 개선에 반영되고 있어요.

캠프는 5주간 아래와 같이 진행됩니다.
2-3년차 실무자의 업무를 다룹니다.
매주 현업의 문제와 문제 해결에 필요한 정보가
업무 요청서로 전달됩니다.
업무 요청서
직무부트캠프 과제 안내서 샘플 - 1주차 과제 안내직무부트캠프 과제 안내서 샘플 - 프로젝트 과제 선정 이유
성공적인 완수를 도와드립니다.
1:1 업무 피드백이 제공되며, 어려운 점은 언제든 답변 드립니다.
클래스룸 1:1 피드백
멘토에게 1:1로 제출한 과제의 피드백을 받을 수 있습니다.
실시간 채팅방 운영
멘토, 다른 멘티와 실시간으로 소통할 수 있습니다.
직무경험을 증명할 자료를 받아가세요.
이력서 활용
검증 가능한 직무경험을 이력서에 추가하세요.
교과 외 활동 항목에 캠프 수료 경험을 활용할 수 있습니다.
수료증 발급
직무경험을 증명할 수 있는 수료증이 제공됩니다.
웹개발 직무부트캠프
코인턴
반응형 웹 제작으로 배우는 UI개발 실무
2020년 05월 25일 ~ 2020년 06월 22일
2020.06.22

채용지원 마감일과 캠프 종료일 차이로 수료증 활용이 어려운 경우, 수료예정증명서를 발급해드립니다.
* 3주차 이상 경과된 경우에 한하여 고객센터를 통해 신청 가능

포트폴리오 활용

저와 5주간 함께 수행한 업무는 직무경험을 증명할 결과물이 됩니다.

*아래는 수강생들이 5주간 만든 실제 포트폴리오입니다.

직무부트캠프 과제를 활용한 포트폴리오 예시0직무부트캠프 과제를 활용한 포트폴리오 예시1직무부트캠프 과제를 활용한 포트폴리오 예시2직무부트캠프 과제를 활용한 포트폴리오 예시3
직무부트캠프에 참여하면
이런 점이 좋습니다.
실무자 관점에서
자소서와 면접 준비
서류와 면접에 직접적으로 활용 가능한 직무 경험으로 취업 성공 확률을 높일 수 있습니다.
실무자 관점에서 자소서와 면접 준비
실무 용어와
업무 프로세스 이해
직무가 요구하는 역량 및 수준을 확인하여, 취업 준비 전반의 계획을 수립할 수 있습니다.
실무 용어와 업무 프로세스 이해
내 적성과
직무 적합도 판단
입사 전, 직무 경험을 통해 나와 잘맞는지 확인하여 실패 비용을 현저히 줄일 수 있습니다.
내 적성과 직무 적합도 판단
직무부트캠프는 왜 만들어졌나요?
온라인은 더 특별합니다.
직무부트캠프 온라인 수업 화면
소통은 편안하게
온라인 진행으로 멘토와 멘티가
더 편안하고 자유롭게 소통할 수 있습니다.
누구나 적극적으로
내성적인 분도 적극적으로 소통할 수 있어
더 뛰어난 학습 효과를 얻을 수 있습니다.
익명으로 솔직하게
얼굴과 개인 정보가 드러나지 않아 현업의
더 솔직한 이야기를 들을 수 있습니다.
저와 함께 웹개발
직무를 깊게 경험해 보실래요?
직무부트캠프 오프라인 수업 모습 - 1
직무부트캠프 오프라인 수업 모습 - 2
직무부트캠프 오프라인 수업 모습 - 3
직무부트캠프 오프라인 수업 모습 - 4
5주 뒤, 직무 고민이
완전히 해결됩니다!
지금 가장 저렴하게 참여할 수 있어요.
정가
300,000
얼리버드 40% 할인
- 120,000
후기 이벤트 원고료
- 20,000

최대 할인 적용가
32,000 /1주
12개월 무이자 할부
3,076 /1주
*캠프 시작 전까지 100% 환불 가능
수강료 할인 및 지원 정책
돈이 꿈의 허들이 되지 않도록 지원 정책을 소개합니다.
1.
올인원패키지 무료로 사용하기
2.
국민취업제도 구직촉진수당 등정부 지원금 사용 가능
추천 캠프
자주 묻는 질문
환불규정
코멘토는 아래와 같은 경우에 환불을 해드리고 있습니다.
  • 신청자가 본인의 의사로 캠프참여를 포기한 경우

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


직무부트캠프 환불규정
  • 캠프 시작전 취소(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시간 소요)

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