포트폴리오를 위한 vanillaJS로 SPA를 구현하는 프로젝트가 일단락 됬다.
프로젝트 진행간 에로사항및 회고를 하고자 글을 쓰게 됬다
구현 사항
- 라우터
- 상태관리 (redux)
프로젝트 시작 아이디어
A회사 면접을보면서 vanillaJS 로 다양한 것들을 구현하라는 실습 과제를 받았다.
기존에 사용하던 라이브러리나 이것저것을 구현하라 라고 요청을 받았고 기간내에 완벽하게 풀이를 하지 못하였다.
실습 과제를 제출하고 면접기회가 생겨 A회사 개발 팀장님께 여쭤보았다나 : "왜? vanillaJS 로 실습문제를 내셨을까요? " A회사 팀장님 : "기본적인 JS 를 얼마나 이해하고 있는지, 기존에 쓰이던 기능을 얼마나 이해하고 쓰고 있는지... 지원자의 구현능력을 평가 하고 싶었습니다 "위와 같은 답을 얻었고 해당회사 면접은 탈락하는 고배를 마셨다😭
("구현 능력" 에서 당락이 나지 않았을까싶다..)
다시 이런 좋은기회를 놓지지 않기위해 기존의 SPA 프레임워크에서 사용하는
큰틀을 기능들을 vanillaJS로 구현하기로 마음먹었다
그도그럴것이 프론트 생태계는 요즘(내생각) 크게 React , Vue , Angular 3파전이 아닐까 싶다. 결국 이것들은 SPA 로 묶여있는 프레임워크(라이브러리)들이고 대체불가능한 개발자가 되기위해 SPA 본질을 이해할 필요가 있었다.
결국 이것들의 뼈대는 JS로 구현되있었고 이런계기로 프로젝트를 시작하게 되었다.
프로젝트 목표
- JS 클래스 이해/구현
- webpack/babel 을 이용한 환경설정 이해/구현
- Router 이해/구현
- 상태관리 개념/원리 이해/구현
1 .실무개발이나 평소개발에서 주로 함수형을 썻다. 이전에 JAVA를 사용하기도해서 클래스 형태의 코드 작성법을 모르진않지만, es6에서 도입된 클래스 구현방식 학습필요와 함수형개발에 물든 현재의 상태로서는 클래스 구현능력이 매우필요했다
2 .기존에 프로젝트 환경설정하는데 익숙치않고 약간의 부담(?)이있었다 webpack을 이용해 빌드방식, 프로젝트 환경설정 하는방법을 다시 정리하기로 마음 먹었다
프로젝트 회고
- 환경설정에대한 자신감
- class 형 씹어먹기
- 남의코드를 많이보자 (주기적으로)
- 디자인패턴 분석 주기적
- 프로젝트는 나를 성장시키고 실무프로젝트의 질을 향상시킨다
medium 으로 이전했습니다