상세 컨텐츠

본문 제목

[Node.js] NBC Movie Review 2

projects/node.js

by 서울의볼 2024. 1. 16. 19:56

본문

이번 팀프로젝트는 수많은 변수로 인해 기대 했던 퀄리티와 상당히 동떨어진 부분이 없지 않음

나는 기본 뼈대가 되는 Main page와 Review를 맡아서 html과 script코드를 구현하였는데

main page는 개인프로젝트에서 이미 작업을 한 부분이라 자세히 다루진 않겠음

 

Review관련하여 내가 구현한 기능은 아래와 같음:

  • UX를 고려하여 작성하기 버튼을 누르면 별도의 모달창이 팝업되어 해당 창 안에 작성이 가능토록 구현하였음
  • 유효성 검사는 if 함수를 사용하여 1) 필드값이 전부 입력이 되었는지 2) 비밀번호는 4자리 이상 입력했는지 3) 평점은 1에서 5점 사이에 부여되었는지 4) 글자수는 500자 이상이 넘어가지 않도록 만들었음
  • 필드값 및 비밀번호는 type이 문자열도 있고 숫자도 있어 로컬스토리지에 저장 시 JSON형태로 저장 및 파싱이 가능하도록 만들었고 해당 사항은 개발자 도구에서도 확인 가능
  • 수정 시 비밀번호 값이 기존에 입력한 값과 같을 때 수정이 가능하도록 하였고, 앞서 언급한 유효성 검사도 동일하게 수행하도록 구현함
  • 삭제 역시 같은 수정과 같이 비밀번호 입력시 splice를 활용하여 해당 인덱스의 리뷰를 삭제하도록 만듦
  • 추가 구현사항으론, 각 리뷰가 언제 작성되었는지 확인이 가능하도록 리뷰가 생성되며 timestamp를 추가하여 작성시간을 확인할 수 있음
  • 또, 리뷰에 플래그를 만들어 수정시 (편집됨)표시가 나타나도록 해두었음

개발을 하며 특별히 어렵다고 느낀 파트는 없었음

오히려 이번 기회에 각자 작업하는 브랜치를 생성하여 PR을 하며 병합을 진행하는 과정에서 크고 작은 에러가 많았음

git은 내가 기존에 생각한 것과 좀 다른 부분이 있어 일요일엔 git관련 강의 영상만 계속 봐야했음

결과적으로 팀에서 git을 통해 합치는 과정에 내가 이미 겪어 학습한 내용이 꽤 유용하게 쓰였음

 

예를 들어, 브랜치라하믄 로컬과 원격이 별개의 개념으로 있다는 것과, checkout 혹은 switch를 통해 로컬의 특정 브랜치를 가리킨 후 작업을 하고나서 원격으로 push를 해야하는 점 등 여러 혼재되어 있던 개념이 어느정도 실습 적용을 통해 정립이 잘된 느낌임

 

발표 자료

아쉬움은 많았지만 더 큰 도약을 위한 발판이라 생각하기로 함

'projects > node.js' 카테고리의 다른 글

[Node.js] sparamin 1 - 공사중  (2) 2024.01.31
[Node.js] Spart Store 2  (4) 2024.01.23
[Node.js] Spart Store 1  (1) 2024.01.23
[Node.js] - NBC Movie Review 1  (1) 2024.01.11
2024.01.08 - 개인프로젝트 1차 제출完  (2) 2024.01.08

관련글 더보기