프론트엔드

• DOM의 정의와 구조 학습
• Vanila JavaScript를 활용한 DOM 조작
• Vanila JavaScript & DOM을 활용한 Instagram 클론 코딩

백엔드

• 앞으로 배우게 될 Backend 개발에 필요한 핵심 개념을 로드맵을 통해 체계적으로 정리
• Node.js가 제공하는 기본 모듈만을 활용한 API 구현
• MySQL를 기반으로 SQL 학습

프론트엔드

• JavaScript ES6 이후 문법에 대한 학습
• 프론트엔드 라이브러리 React 학습
• Create React App을 활용한 React 프로젝트 구성
• CSS 전처리기(Sass)를 활용한 스타일링 학습
• React Router를 활용한 SPA 환경에서 Routing 구현
• React의 Hooks 정의와 활용방법 학습
• Vanila JavaScript로 구현한 Instagram을 React로 전환하면서 React 활용 역량 증진

백엔드

• Express와 TypeORM을 활용하여 Instagram의 핵심 기능 구현
• bcrypt를 활용하여 사용자 정보 암호화
• 다양한 방식의 Error Handling 학습
• Layered Pattern을 통해 효율적인 아키텍쳐 구상

2차 프로젝트

• 1차 프로젝트 경험을 기반으로 한층 더 깊은 수준의 프로젝트를 경험합니다. 단순히 동작하는 것을 넘어서 하나의 기능도 제대로 만드는 것을 목표로 합니다.
• 코드의 재사용성을 고려한 컴포넌트 구조 설계
• 코드의 확장성을 고려한 어플리케이션 구조 설계
• 서비스의 안전한 동작을 위한 테스트 코드 작성
• 코드 버전 관리(Git) 심화 내용(Git Rebase) 적용
• 현업 개발자의 코드 리뷰를 통한 지속적인 코드 개선

프론트엔드

CSS in JS(Styled-Components)를 활용한 스타일링 학습 코드의 재사용성을 고려한 컴포넌트 구조 설계 Custom Hook을 이용한 관심사의 분리 학습 Redux를 이용한 전역 상태관리에 대한 학습 외부 서비스 연동을 통한 OAuth2.0(소셜 로그인) 구현 지도, 주소 검색 라이브러리 등 외부 API 적용

백엔드

대표적인 클라우드 서비스인 AWS(Amazon Web Services)를 통해 서버를 구축하고 운영하는 방식 학습 및 프로젝트 결과물 배포 개발한 API 시스템이 올바르게 동작하는지 확인할 수 있도록 테스트 코드를 작성 대표적인 컨테이너 가상화 오픈소스인 Docker를 사용하여 효율적인 어플리케이션 개발 및 운영 프로젝트에 부하 분산 기술인 Load Balancing 적용하여 안전하게 서버 운영 Database 성능을 최적화하는 방식 적용 CI/CD를 도입하여 개발 프로세스를 자동화

• 2-6명이 한 팀으로 구성되며 협업 기업으로 출근하여 프로젝트에 참여합니다.
• 개발자로서 스스로에 대한 깊이 있는 이해와 함께 올바른 커리어 기준을 세워가는 단계입니다.
• 디자이너, 기획자 등 다양한 직군의 사람들과 협업하는 경험을 쌓을 수 있습니다.
• 한 달간의 프로젝트 과정을 거쳐 채용으로 이어질 수 있습니다.
• 기업 협업 프로젝트는 기업의 사정에 따라 진행이 어려울 수 있습니다.
• 기업 협업에 참여하지 않게 되는 경우, 개인 프로젝트 및 본격적인 취업 준비를 시행합니다.