티웨이항공 사이트 리액트로 구현해보기 (1)
2022. 10. 7. 16:33ㆍRecord/프로젝트
개요
알고리즘 스터디에서 만난 5명의 팀원과 함께 2주 단위로 프로젝트를 진행해보고 있다. 지난 쇼핑몰 클론 코딩은 HTML, CSS, JavaScript를 통해 같은 사이트를 보고 따로 구현을 진행하였다. 이번 프로젝트에서는 리액트를 이용해보기로 하였다.
프로젝트 기간
2022.09.06 ~ 2022.09.20
기술 스택
- React
- Styled Components
협업 도구
- Zenhub : 이슈를 관리하기 위해 사용하였습니다.
- Slack : 프로젝트에 대해 빠르게 소통하고, 정보를 채널별로 관리하기 위해 사용하였습니다.
- Notion : 회의 내용을 기록하고 공유하기 위해 사용하였습니다.
- Git & Github : branch를 통한 버전 관리와 소스코드 공유를 위해 사용하였습니다.
역할
우리 팀 Corun의 특징은 2주마다 프로젝트 리더가 바뀐다는 것이다. 이번 프로젝트 리더는 놀랍게도 나... 리더는 초기 세팅과 진행 방향을 잡는다. 리액트에 익숙하지 않은 것은 물론, 리더로 나선 본격적인 첫 협업이어서 많이 어려웠다. 노션에 정리해놓은 프로젝트 도중 마주친 문제들은 다음과 같다. 아직 배포는 어렵지만, 협업에 대해 많이 배웠다.
- 코드 작성 규칙
- 프로젝트 폴더 관리 규칙
- Git flow 전략
- 리액트 초기세팅
- Readme 작성 - 뱃지, 아이콘..
- 웹 폰트
- 색 변수 공유하기
- 절대 경로
- 배포
이후에 내가 구현한 기능에 대해 자세하게 올리도록 하겠다
참고 자료
- 티웨이 항공 : https://www.twayair.com/app/main
- NoSleepPlace 팀 프로젝트 회고 : https://intrepidgeeks.com/tutorial/nosleeppoce-team-project-review