[Chapter 1] 웹개발 미니 프로젝트(W1) - 매일점심 마무리

마감 기한에 맞추기 위해서 모달, 댓글, 카테고리 기능을 과감하게뺐다.

CSS로 웹사이트에 통일감을 주고 프로젝트 마무리!

CSS도 쉽게 봤는데 생각보다 div들이 내맘대로 움직여주지않았다.

CSS의 position 관련해서 보충 공부를 해야겠다고 생각했다.

 

프로젝트 필수 요건

이번 프로젝트의 필수 요건은 API와의 통신에 jinja 템플릿 언어를 사용하는 것, AWT방식을 이용하여 로그인 기능을 만드는 것이였다. 해당 기능들을 써가면서 jinja 템플릿 언어 사용과 AWT 인증 방식의 장점을 정리해보았다.

jinja 템플릿 언어의 장점

1. html코드에서 고정적인 템플릿 만들어두고 ,템플릿 소스를 끼워넣는방식 이므로 로딩속도가 빠르다
2. 클라이언트사이드 렌더링의 경우 크롬에서 react로 만든 웹앱의 소스들의 경우 내용이 비어있기 때문에 검색엔진 크롤러가 데이터를 제대로 수집하지 못한다
그러나 서버사이드렌더링을 이용하면 검색엔진 최적화(SEO)가 가능하다

JWT 인증방식의 장점

JWT 의 주요한 이점은 사용자 인증에 필요한 모든 정보는 토큰 자체에 포함하기 때문에 별도의 인증 저장소가 필요 없습니다. 쿠키를 전달하지 않아도 되므로 쿠키를 사용함으로써 발생하는 취약점이 사라집니다. 또한 URL 파라미터와 헤더로 사용할 수 있고 트래픽에 대한 부담이 낮습니다.

 

 

프로젝트 결과물(매일점심)

 

1_dailylunch.zip

9.13MB

 

프로젝트를 진행하면서 아쉬웠던 점

초반에 API 정리를 하고 시작한다고 시작했는데 아는게 많이 없다보니까 대충 짜고 바로 개발에 들어갔다. 막상 진행하다보니까 api 하나에 이 기능 저 기능 합쳐지고 url도 섞여버렸는데 제출 후 다른 조 결과물들 보니까 api가 기능별로 깔끔하게 나눠져있었다. 실제로 api가 섞여버려서 데이터 불러오는게 복잡해져서 구현 실패한 기능도 있어서 우리도 저렇게 했으면 기능 구현 하나라도 더했겠다 싶었다.

그 부분에 관해서 회고 피드백때 조원들도 많이 물어봤고, 본격 개발 시작하기 전에 기획 단계에서의 꿀팁을 많이 얻을 수 있었다. 가장 기억에 남는것은 데이터 구조를 그려보는 것이였다.

다음 프로젝트에는 이번 프로젝트에서 아쉬웠던 점을 조금이라도 보완하면서 더 좋은 결과물을 만들고 싶다.