- React를 이용하여 팀별로 기업과제를 수행하며 Best-practice를 도출하고 이론 수업을 진행하는 교육 프로그램입니다. - 총 3개의 기업과제를 진행하였습니다. - 1주차 과제 (투두리스트) - 회고록 : https://velog.io/@liketiger/wanted-memoir-1 - 2주차 과제 (추천 검색어) - 회고록 : https://velog.io/@liketiger/wanted-memoir-2 - 4주차 과제 (추천 검색어 + 무한스크롤) - 회고록 : https://velog.io/@liketiger/wanted-memoir-4 - 멘토 강의를 통해 여러 이론 수업을 들었습니다. - 협업을 위한 의견 조율과 컨벤션 통일 - 관심사 분리와 의존성 - React 렌더링 최적화 - 소프트웨어 테스트 - 호이스팅, 클로저 및 스코프의 내부 동작 원리 - 이론 수업을 들으며 React와 JS 및 전반적인 FE 관련 지식을 함양할 수 있었고 기업과제 협업을 통해 팀원들 사이의 의견 조율 및 구현 능력을 기를 수 있었습니다.

- Loakin: LostArk Kindergarten (로스트아크 유치원 - 로아킨) - 로스트아크 레이드 스케쥴 관리 및 캐릭터 상세 열람 웹 애플리케이션. - 로스트아크라는 온라인 MMORPG 게임을 플레이하는 친구 및 지인들의 요청으로 제작. - 실제 소규모 유저를 대상으로 서비스 예정 - 스케쥴 페이지의 달력에 레이드 일정 표시 - 특정 날짜 클릭 시 해당 날짜에 있는 레이드와 참여 캐릭터 확인, 등록, 수정 및 삭제 가능 (CRUD) - 게임사 API를 통해 불러온 각 멤버별 캐릭터를 선택 가능

- 본 코스 참여 전에 사전 선별 및 교육을 목적으로 진행하여 여러 과제를 통해 평가하는 교육 프로그램입니다. - 요구사항 명세서를 기반으로 Node.js 환경에서 class 문법을 이용해 과제를 수행하였습니다. - 요구사항 명세서를 기반으로 기능 구현 목록을 작성하고 기능 구현 목록을 기반으로 함수를 구현하며 함수를 기반으로 테스트 코드 작성하는 과정을 진행하였습니다. - 클린코드 및 commit convention에 대해 학습하였습니다. - 진행 과제 목록 - 1주차 과제 (코딩테스트) - 회고록 : https://velog.io/@liketiger/wooteco-memoir-1 - 2주차 과제 (숫자 야구 게임) - 회고록 : https://velog.io/@liketiger/wooteco-memoir-2 - 3주차 과제 (로또 추첨기) - 회고록 : https://velog.io/@liketiger/wooteco-memoir-3 - 4주차 과제 (다리 건너기 게임) - 회고록 : https://velog.io/@liketiger/wooteco-memoir-4 - 여러 과제를 수행하며 기능 구현 능력 및 클린 코드와 관련해 고민하는 습관과 지식을 쌓을 수 있었습니 다.

- 온라인 강의로 웹 교육을 진행하며 추가로 선별 인원에게 오프라인 교육 기회를 제공하는 부트캠프입니다. - 과제 및 코딩테스트를 통해 10인의 우수 수강생중 한 명으로 선발되어 오프라인 교육을 수강하였습니다.(커넥투) - 성적 우수 장학생 인터뷰: https://zero-base.co.kr/event/media_connectto_FE_review_2 - 매일 아침 10시 ~ 저녁 10시까지 12간씩 오프라인 강의실에서 수업 및 학습을 진행하였습니다. - HTML/CSS 교육에서 반응형, 웹 접근성, SEO를 고려한 마크업에 대한 교육을 받았습니다. - 진행한 프로젝트에서 시멘틱 태그, Sprite Image, Skeleton UI 등을 도입하여 높은 lighthouse 점수를 받을 수 있었습니다. - 모던 자바스크립트 deep dive 책의 저자 이웅모 강사님께 직접 JavaScript 교육 수업을 받았습니다. - 모던 자바스크립트 deep dive 교재를 정독하며 러버덕을 진행하였습니다. - 페어 프로그래밍을 통해 여러 기능 구현 과제를 수행하였습니다. - 페어 프로그래밍 회고록: https://velog.io/@liketiger/Memoir-of-my-first-pair-programming - React와 유사한 SPA 라이브러리를 Vanilla JS로 제작하여 diffing 알고리즘과 Router를 구현하였습니다. - 접근성, SEO, 반응형과 같은 마크업 지식과 깊이 있는 JS 지식을 함양할 수 있었고 같은 기능을 하는 코드라도 이유 없이 선택하는 것이 아닌 명확한 이유를 가지고 고민을 한 후 선택하는 방법을 익혔습니다.

- 리디 웹툰 클론 코딩 프로젝트 - 'COTAKU TOON' 프로젝트는 (코딩 + 오타쿠 = 코타쿠) 라는 뜻으로 리디 웹툰에 알맞게 지은 팀명이자 프로젝트명 - 웹툰 이라는 장르는 전 세계에서 한국이 최초로 시행한 만화 서비스 형태이고 일본, 미국, 동남아 등으로 널리 퍼지고 있음 - 국내외로 급 부상중인 이런 웹툰 시장중 좋은 네임 밸류를 가진 기업의 FE 부분을 클론 코딩하며 성장하고자 해당 페이지를 선정 - 로그인, 회원가입 기능 - 캐러셀 구현 - 성인인증 여부에 따라 성인 컨텐츠 표시 기능 - 최근 조회 목록 기능