[Westagram] 인스타그램 클론코딩 마치며

1. 프로젝트 기간

2021.02.22 ~ 2021.02/26 (2주) - HTML,CSS, Javascript 로 클론 진행
2021.03.02 ~ 2021.03.12 - 2차 리액트 전환

2. 적용기술

• HTML, CSS
• JavaScript
• React
• SASS
• Git

3. 주요기능

• 로그인/메인 페이지 레이아웃
• 회원가입/로그인 기능 서버 연동
• id, pw 입력 시 유효성 확인 후 로그인 버튼 활성화
• 메인 페이지 Mock Data 활용 피드 및 댓글 정보 세팅
• 댓글 내용 입력 후 Enter press, 혹은 게시 버튼 클릭 시 댓글 추가 기능
• 문자 입력 시 게시 버튼 활성화 기능
• 메인 페이지 컴포넌트 분리
• 피드 좋아요, 북마크 , 댓글 좋아요 기능

4. 프로젝트 후기

HTML,CSS로 처음 인스타그램을 클로닝 할때는 큰 어려움 없이 레이아웃을 짜고,JS를 입히면서 동적인 페이지가 구현되자 그 다음 리액트란 뭘하는 건가 싶었다.

이후 만들어놓은 페이지를 하나하나 리액트로 변환하면서 초반에는 분명 리액트가 관리가 편하다하였는데 왜 복잡한가 싶었지만, 어느덧 쓰다보니 아! 리액트가 이래서 쓰는구나! 컴포넌트 매력에 빠져버렸다.

또한 혼자 git을 사용하다가 팀원들과 함께 공통 레포지토리에 소스를 올리고, 공통 파일을 관리해보면서 이제 git 충돌도 이제 떨지않고(?) 차근히 해결할수 있다.

마지막으로 서로 코드리뷰를 통해 아낌없는 조언을 준 팀원들 모두 감사하고 우리 모두 남은 프로젝트도 파이팅 합시다!