본문 바로가기
Project/축구모임 홈페이지개발

[축구모임 홈페이지개발] 04/15 개발일지 Nodejs / 공지사항 탭 기능 추가, 마이페이지 기능 계획

by 한33 2024. 4. 15.

 

우선 다음과 같이 공지사항 상단에 지난 번 얘기했었던 날짜를 넣어줬다.

언제가 최근 업데이트인지 날짜를 알릴 필요는 있어보였다.

 

 

이전 버튼을 만들어서 공지사항으로 돌아갈 수 있도록 버튼을 추가했고, 위과 같이 업데이트 내용을 알리고자 했다.

 


 

디자인팀과 마이페이지 기능을 구현하고 개인 스탯 기능을 추가할 계획을 짰다.

 

 

우측 상단에 기존에 만들어놓은 저 버튼을 로그인이 되어있을 시에 누르면 마이페이지로 이동시켜야한다.

 

마이페이지를 구현하는데에 조사를 해보니, 동적 라우팅, 정적 라우팅 두 방법을 통해서

 

구현할 수 있었다.

 

정적 라우팅으로 구현을 하면 www.goalpostagain.com/mypage  이런 식으로 하나의 정적인 라우트에서 우리가 마이페이지를 구현하게 될 것이고, 거기에 로그인한 사람의 데이터를 싹 가져와서 그에 맞게 화면이 띄워진다.

 

동적 라우팅으로 구현을 하면 www.goalpostagain.com/daegyu   이런 식이 될텐데

 

정적 라우팅의 장단점:

장점:

  1. 간편함: 정적 라우팅은 경로가 고정되어 있으므로 구현하기가 간단합니다.
  2. 성능: 라우팅 매칭이 미리 정의되어 있기 때문에 처리 속도가 빠릅니다.
  3. 캐싱: 정적 파일들은 캐싱하여 반복적인 요청에 대한 성능을 향상시킬 수 있습니다.

단점:

  1. 유연성 부족: 경로가 고정되어 있기 때문에 동적인 요구사항을 처리하기 어려울 수 있습니다.
  2. 다양한 요청 처리의 한계: 모든 요청에 대해 사전에 라우팅을 정의해야 하므로 동적인 요청에 대한 대응이 어려울 수 있습니다.

 

 

동적 라우팅의 장단점:

장점:

  1. 유연성: 동적 라우팅은 매개변수를 사용하여 경로를 동적으로 생성할 수 있으므로 다양한 요청을 처리할 수 있습니다.
  2. 스케일링: 동적 라우팅은 더 많은 유형의 요청을 다룰 수 있습니다.
  3. 모듈화: 동적 라우팅을 사용하면 라우트가 동적으로 생성되므로 코드의 모듈화와 재사용성을 높일 수 있습니다.

단점:

  1. 복잡성: 동적 라우팅은 구현하기가 정적 라우팅보다 더 복잡할 수 있습니다.
  2. 성능 저하 가능성: 동적 라우팅은 요청 시 경로를 매칭해야 하므로 처리 속도가 느릴 수 있습니다.
  3. 오타와 오류 위험: 동적 라우팅은 사용자가 잘못된 경로를 입력할 경우에 대한 처리를 추가로 구현해야 합니다.

위와 같은 장단점이 각각 존재했다.

 

일단 나는 이번 프로젝트에서 높은 성능은 요구하지 않았고 유연한, 다양한 시도를 해보자는 목적으로

 

동적 라우팅 방법을 선택하기로 했다.