‘직무부트캠프: 5주 인턴’에 참여하면
어려운 인턴 지원 프로세스 없이
5주간 현직자와 제대로
웹개발 직무 경험
을 만들 수 있습니다.
멘티님도 할 수 있어요.
현직자의 진짜 실무를 멘토의 도움을 받아 수행합니다.
업무에 대한 1:1 피드백과 코칭이 매주 제공됩니다.
5주간 3회의 세션을 가지게 되며, 학업/현업과 병행 가능합니다.
프론트 개발을 해보니 힘든 점이 많았습니다.
그중에서 가장 힘든 점은
정보는 많지만 제대로 된 정보가 없어서 내가 공부를 제대로 하는 건지 확신이 없었고 현업에서 내가 배운 개념들이 어떻게 사용될지 항상 고민이었습니다.
멘티님들도 한 번쯤 해보신 고민일 것 같습니다.
강의에 열정만 가지고 오시면 됩니다.
저와 같이 캠프 참여하면서 직무 경험도 쌓고 질문에 대한 답을 찾아봅시다.
직무부트캠프에서 쌓은 직무경험은 취업에 도움이 됩니다.
현) 핀테크 프론트엔지니어
전) 광고대행 개발팀
전) IT 소프트웨어 R&D
[차시 별 과제 소개]
실제 프론트엔드 개발팀에 입사한 신입사원이 진행하는 OJT 과정을 진행하게 됩니다.
5주동안 이 과정을 통해, 실무에서 자주 사용되는 개념들과 구현 방법을 충분히 익히고, 결과물을 문서화 하는 과정까지 진행이 됩니다.
즉, 실제 현업의 개발과정을 A to Z까지 경험해본다고 생각하시면 됩니다.
[차시 별 과제에 대한 상세 설명]
1차. 업무를 하기 위해 개발 환경설정
→ 개발 툴 설치 및 환경설정 & HTML과 CSS의 기본구조
→ 본 수업은 실제 수많은 라이브러리나 플랫폼을 배우는 대신 프론트엔드 개발자라면 해당 업무를 파악하기 위해 꼭 필요한 HTML/CSS/JS에 집중합니다.
심오한 코딩 대신 최소한의 문법을 배우고 실제 이 부분이 어떻게 사용될 수 있는지 가이드 합니다.
2차. 웹사이트 화면 구성
→ 실제 웹 화면을 어떻게 구성하는지 알아보는 시간입니다. 협업이 가능하게 레이아웃을 구성하려면 어떻게 해야 하는지 알아봅니다.
3차. 사용자와 커뮤니케이션을 할 수 있는 웹 페이지
→ 화면만 띄우는 것이 아닌, 사용자에 따라 반응할 수 있는 웹 페이지를 만들어 보는 시간입니다. 단순한 구현을 의미하는 것이 아닙니다.
다수의 인원이 프로젝트를 진행합니다. 현업에서는 해당 부분을 개발할 때 어떻게 효율적인 코드를 작성하는지, 그 방법이 왜 효율적인지 알아보는 시간입니다.
4차. 신입 사원 프로젝트
→ 간단한 웹페이지를 만들면서 프로젝트를 진행합니다. 실제 현업에서 프로젝트를 진행하며 겪는 부분을 통해 현장 감각을 익히고, 어떻게 해결해야 하는지 스스로 익힐 수 있는 시간입니다.
[과제를 통해 얻어갈 수 있는 것]
첫째 : 전체적인 개발 프로세스를 익힐 수 있습니다. 요구서에 있는 FR을 토대로 설계를 해보고 이를 구현해 봅니다. 구현이 완료가 된 이후에는 본인의 구현사항이 충분히 전달될 수 있도록 문서화 과정까지 진행합니다.
둘째 : 실무에서 구현하는 개발 코드들은 심오한 개념이나, 최신 기술들을 사용하는 경우는 굉장히 드뭅니다. 왜냐하면 주어진 개발 환경이 있고 기존에 동작하던 코드들과 잘 맞아야 하기 때문입니다. 보조 과제를 통해 현업에서 꼭 알아야 하거나 자주 사용되는 개념들을 충분히 익히고, 이를 활용할 수 있는 프로젝트를 진행하면서 본인의 것으로 만들 수 있습니다.
셋째 : 현업에서 가장 중요한 역량인 커뮤니케이션을 할 수 있는 기회가 많습니다. 본인이 진행했던 과제를 정리하고 발표하는 시간이 있습니다. 이를 통해 짧은 시간 내에 결과물을 효율적으로 설명하고 공유하기 위한 고민들을 충분히 할 수 있고 피드백을 받을 수 있습니다.
[과제 선정 이유]
이 과제를 선정한 이유를 알려드릴게요.
입사를 하면 가장 먼저 해야 할 일이 개발 환경 구축입니다. 생각 보다 많은 시간이 소요되고, 이를 구축해 가는 과정에서 현직자 분들에게 어떤 첫 인상을 주는지 결정 될 수 있습니다.
이를 대비하기 위해 충분히 환경 구축을 해보는 시간을 갖습니다.
이런 5주간의 과정을 통해 프론트앤드 개발이 어떤 과정으로 진행되는지 대략적으로 파악이 가능하고, 프로젝트를 진행하고 발표하면서 현업에서 필요한 역량이 어떤 것인지 스스로 인지 할 수 있게 됩니다.
이를 기반으로 자소서를 작성할 때도 회사가 요구하는 인재상에 본인의 어떤 부분이 부합되는지 명확하게 제시할 수 있게 되며, 입사 후에도 개발 커리어 향상을 위해 무엇을 공부하고 어떤 방식으로 일을 해야 할지에 대한 명확한 답을 찾을 수 있을 것입니다.
저는 항상 준비가 되어있습니다.
여러분들과 적극적으로 의사소통 하고 싶고, 함께 고민하고 싶습니다.
저와 함께 5주간 직무부트캠프를 진행하며, 많은 것들을 얻어가셨으면 좋겠습니다.
3회의 강의와 4회의 업무를 통해 현업자 수준의 직무 이해도를 얻게됩니다.
회사에 오신걸 환영 합니다.
일을 할 준비를 해봅시다. 두 가지를 진행해주시면 됩니다.
1.회사 업무를 진행할 수 있게, 개발 환경 구축을 진행해주세요.
프로젝트를 진행하려면, 버전 관리 툴이 있어야겠죠. 저희 회사는 github를 사용합니다.
본인만의 Repository를 만들어 보시고, 간단한 자기소개 페이지를 만들어서 공유해주세요.
2.프로젝트를 할 때 사용하실 IDE(통합 개발 환경) 툴을 설치해주세요, 기본적으로는 InteliJ를 사용할 것이지만, 본인에게 맞는 것으로 하시면 됩니다.
*참고자료 : https://youtu.be/lelVripbt2M
[과제 결과물]
본인이 생성한 Repository 주소 (구현한 자기소개서가 업로드 되어있어야 합니다.)
개발 환경 구축은 완료가 되신 것 같네요.
일을 하나씩 배워볼까요? 페이지에서 가장 중요한 것은 레이아웃 입니다.
레이아웃을 어떻게 구성하느냐에 따라서, 개발 흐름이 결정되고, 코드의 품질에도 영향을 미칩니다.
이번에는 선택과제를 드릴게요, 아래에서 맘에 드는 것을 골라서 웹 화면을 구성해주세요.
1.지뢰찾기 게임 시작 화면
2.자판기
3.계산기
현업에서는 요구사항을 명확히 아시는 게 중요해요, 기능을 구현하는 게 아니라 화면만 구성하면 된다는 걸 명심해 주세요.
예를 들어 지뢰찾기 같은 경우에 버튼을 클릭했을 때 이벤트는 없어도 됩니다.
결과물은 항상 git에 올리시는 거 잊지 마시고요. 처음 맡기는 정식 과제이니 기대하겠습니다.
아래 과제는 필수가 아닙니다. 개념을 명확히 공부하고 싶으신 분은 추가로 해주시면 됩니다.
1. display 속성에 대해서 조사해주세요. 조사할 때 block과 inline의 차이점에 대해서도 조사하고, 코드로 그 예를 확인해주세요.
2. HTML의 Layout의 종류를 설명하고, 각각에 대해 코드로 예시를 들어주세요.
* 참고 링크 제공 예정
3. html의 박스 모델이라는 개념을 조사해주세요. 조사할 때 아래의 내용이 포함되어야 합니다.
3-1) 박스의 개요
* Contents
* Padding
* Border
* Margin
3-2) border
3-3) margin
위의 개념을 설명할 수 있는 예제 코드를 html 파일로 작성해주세요.
* 참고 링크 제공 예정
4. HTML에서 사용하는 class와 id의 차이점에 대해 조사해주세요
* class의 개념을 설명할 때는 최소한 CSS의 selector 5개를 설명하고, 그에 대한 예시도 들어주세요.
* 참고 링크 제공 예정
5. 자기소개하는 간단한 HTML 파일을 만들어주세요. 만들 때 CSS는 따로 파일을 만들어서 작성해주세요.
* table은 반드시 하나 이상 포함해주세요.
* div는 3개 이상 포함해주세요, 그리고 이들을 제어하는 selector도 포함돼 있어야 합니다.
* 레이아웃 중 하나를 명시적으로 사용해주세요.
[과제 결과물]
1. 개념 조사는 msoffice 형식을 활용해주시면 됩니다.
2. 코드는 github에 올리고 링크를 주시면 됩니다. github가 어려운 분은 구현한 프로젝트를 그대로 압축해서 업로드하면 됩니다.
어느정도 업무에 익숙해지신것 같으니 실제 이벤트가 있는 웹페이지를 만들어봅시다.
시계를 만들어봅시다.
FR1) 화면에 배터리가 표시되며, 처음에 동작시키면 100%이고, 1초에 1%씩 감소합니다.
FR2) 배터리가 0%가 되면, 시계화면에서 시간이 표시되지 않고 검은색으로 변합니다.
FR3) 시/분/초를 설정하고 추가를 누르면 알람이 추가됩니다. 알람 현황에도 업데이트 됩니다. 최대 3개 알람까지 가능합니다.
FR4) 본인만의 추가기능을 1개 추가합니다. 깃허브에 코드를 올리시고 공유해주시면 됩니다.
아래 과제는 필수가 아닙니다. 개념을 명확히 공부하고 싶으신 분은 추가로 해주시면 됩니다.
1. HTML의 form과 action에 대해 조사해 주세요. 조사할 때 아래 개념을 포함해주세요.
* method
* GET / POST
* parameter (name, value)
*참고 링크 제공 예정
2. 자바스크립트에 대해 조사해주세요. 아래에 대한 내용이 반드시 포함돼야 합니다.
* DOM Manipulation
* EventListener (이 부분은 onClick이랑 비교해주세요)
* Event loop
* getelementByID
* getElementsByClassName
* queryselector vs queryselectorall
* Node의 속성
*참고 링크 제공 예정
3. JavaScript의 문법을 충분히 익혀주세요.
3-1) 예제 코드가 있으니 한 번씩 수행해주세요. 변수 같은 걸 조금씩 바꿔보셔도 좋습니다.
*참고 링크 제공 예정
3-2) 아래 키워드는 중요한 개념입니다. 따로 조사해주세요. 예시 코드도 포함해주세요
* var와 let의 차이
* const
* ES5의 Array 관련 메소드 (최소 4개 이상)
* rest parameter
* Arrow function
* 1급 객체
* Object의 개념
4. 간단한 산술연산을 할 수 있는 계산기를 만들어주세요. 여러 번의 연산이 될 필요 없이 숫자 2개와 연산자를 한 번만 받아 계산되면 충분합니다.
* 만약 페이지에 이벤트가 있다면 가능한 이벤트들에 대해 화면과 같이 설명되어야 합니다.
* 프로그램을 만들 때는 코드 이외에도 구현한 함수를 각각 설명하고, 프로그램 자체의 동작에 대해 포괄적으로 설명하는 문서를 작성해주세요.
만약 구현하지 못한 부분이 있으면 해당 부분도 내용에 포함해주세요.
[과제 결과물]
1. 개념조사는 msoffice 형식을 활용해주시면 됩니다.
2. 코드는 github에 올리고 링크를 주시면 됩니다. github가 어려운 분은 구현한 프로젝트를 그대로 압축해서 업로드하면 됩니다.
최종 프로젝트를 진행해봅시다. 마지막 OJT과제인 만큼 힘내서 끝까지 완수합시다. 이번 프로젝트는 최종프로젝트 이므로 팀장님께 보고를 할 예정입니다. 본인의 프로젝트를 충분히 설명할 수 있는 문서까지 같이 만들어주세요.
1. 아래 기능이 들어간 to do list를 만들어주세요.
FR1) 일정을 추가 할 수 있어야 합니다.
FR2) 일정을 삭제 할 수 있어야 합니다.
* 만약 페이지에 이벤트가 있다면 가능한 이벤트들에 대해 화면과 같이 설명되어야 합니다.
* 프로그램을 만들 때는 코드 이외에도 구현한 함수를 각각 설명하고, 프로그램 자체의 동작에 대해 포괄적으로 설명하는 문서를 작성해주세요. 만약 구현하지 못한 부분이 있다면 해당 부분도 내용에 포함해주세요.
2. 회원가입 기능을 간단히 구현해주세요.
FR1) DB를 구현할 필요는 없고, 회원가입 후 배열에 정보를 저장하면 됩니다.
FR2) 아이디 중복 체크가 되어야 합니다.
FR3) 비밀번호에 본인만의 규칙을 만들어주세요. 비밀번호 입력 시, 조건에 맞는지 체크하는 기능이 있어야 합니다.
* 만약 페이지에 이벤트가 있다면 가능한 이벤트에 대해 화면과 같이 설명돼야 합니다.
* 프로그램을 만들 때는 코드 이외에도 구현한 함수를 각각 설명하고, 프로그램 자체의 동작에 대해 포괄적으로 설명하는 문서를 작성해주세요. 만약 구현하지 못한 부분이 있다면 해당 부분도 내용에 포함해주세요.
[과제 결과물]
1. 개념조사는 msoffice 형식을 활용해주시면 됩니다.
2. 코드는 github에 올리고 링크를 주시면 됩니다. github가 어려운 분은 구현한 프로젝트를 그대로 압축해서 업로드하면 됩니다.
검증 가능한 직무경험을 이력서에 추가하세요.
교과 외 활동 항목에 직무부트캠프 수료 경험을 활용할 수 있습니다.
캠프를 수료하면 직무경험을 증명할 수 있는 수료증이 제공됩니다.
서류와 면접에 직접적으로 활용 가능한 직무 경험으로 취업 성공 확률을 높일 수 있습니다.
직무가 요구하는 역량 및 수준을 확인하여, 취업 준비 전반의 계획을 수립할 수 있습니다.
입사 전, 직무 경험을 통해 나와 잘맞는지 확인하여 실패 비용을 현저히 줄일 수 있습니다.
온라인 진행으로 멘토와 멘티가 더 편안하고 자유롭게 소통할 수 있습니다.
내성적인 분도 적극적으로 소통할 수 있어 더 뛰어난 학습 효과를 얻을 수 있습니다.
얼굴과 개인 정보가 드러나지 않아 현업의 더 솔직한 이야기를 들을 수 있습니다.
직무부트캠프를 왜 들어야 하나요?
직접 경험하는 것이 직무를 이해하는 가장 좋은 방법이기 때문입니다.
직무부트캠프는 누구나 원할 때 원하는 직무를 직무를 경험할 수 있도록 만들었습니다. 현직자 멘토님들이 실제로 회사에서 하고 있는 일을 5주간 체험하면서 직무 이해는 물론 입증가능한 직무경험을 쌓을 수 있습니다.
코멘토 직무부트캠프는 300종 이상의 산업과 직무의 전 분야를 제약없이 경험할 수 있는 유일한 수단입니다.
직무부트캠프 수강 대상의 레벨이 어떻게 되나요?
직무부트캠프는 나이, 학벌과 관계 없이 사회경험이 없거나, 2년 이하의 경력을 가진 분들을 대상으로 설계되었습니다. 업무 수행 과정에서 어려운 부분은 수준에 맞게 따라올 수 있도록 멘토님에게 지원받을 수 있습니다.
궁금한 것이 있으면 아무 때나 물어볼 수 있나요?
캠프 기간 동안 채팅방을 통해서 수강생분들은 언제든지 멘토님과 대화할 수 있습니다. 다만 실제 회사에 재직 중인 현직자 분들이시기 때문에, 실시간 답변은 제한될 수 있습니다. 질문은 캠프나 취업에 대한 일반적인 내용은 어떤 것이든 가능하지만, 기업의 규정상 답하기 어려운 비밀이 포함된 질문이나 자기소개서 첨삭 등 캠프 범위 밖의 질문은 할 수 없습니다.
자기소개서 같은 것도 첨삭 받을 수 있어야 하는 거 아닌가요?
직무부트캠프는 직무 이해를 하고, 2-3년차 실무자의 업무를 체험에 집중이 되어있어서 해당 부분을 기대하실 수는 없습니다. 다만, 직무에 대한 이해를 잘 하시게 되면 자기소개서 작성 등에도 도움받으실 수 있습니다. 또, 자기소개서 첨삭은 코멘토의 자기소개서 첨삭 서비스를 받으시면 별도로 도움 받으실 수 있으며 이용권과 관계없이 매일 500자까지 3개의 자기소개서 멘토링을 요청할 수 있습니다.
수강신청을 위해서 바로 결제를 해야 하나요?
직무부트캠프는 먼저 결제하시는 분들에게 추가 할인을 제공하는 얼리버드 정책을 운영 중입니다. 수강 시작 이틀 전까지는 언제든지 취소할 수 있으며 수수료 없이 100% 환불 됩니다.
혹시 할부로 결제할 수 있나요?
PC에서 결제하시는 경우 신용카드로 결제하시면 12개월 무이자 할부를 제공해 드립니다. 표준 얼리버드 기준 18만원 캠프를 12개월 무이자 할부로 결제하면, 월 15,000원의 비용으로 캠프에 참여할 수 있습니다.
정부지원금을 통해 캠프에 참여할 수 있나요?
직무부트캠프는 수료증을 통해 취업활동 증빙을 제공합니다. 구직활동에 자유롭게 사용할 수 있는 국민취업제도 구직촉진수당 (구 청년구직활동지원금 클린카드)이나 지방정부의 청년수당 등으로 참여할 수 있습니다. 다만 내일배움카드는 사용이 불가능합니다.
캠프 참여율 80% 이상시 (세션 참여 3회 + 업무 제출 4회 중 총 6회 이상), 교육 수료증이 발급됩니다.
주차 별 업무를 기한 내 제출하지 않은 분들은 개별 업무 피드백을 받을 수 없습니다.
직무부트캠프는 현직자 리드멘토와 스터디메이트가 함께 만들어가는 프로그램입니다.
프로그램 분위기를 흐리거나 불성실하게 행동하는 분이 있을 시 참여 제재 조치를 받을 수 있습니다.
업무는 모두 개인 업무로 진행되며, 업무 수행과 학업 및 취업준비의 병행이 가능합니다.( 1주 평균 2~3시간 소요)
최소 인원 모집 미달 시 캠프 일정이 조정될 수 있습니다.
오프라인 수업의 경우, 불가항력적인 이유(천재지변, 전염병 발생, 지진 등)로 오프라인 세션이 불가능할 경우에는 안전을 위해 온라인 수업으로 대체하여 진행될 수 있습니다.
