내일배움캠프 TIL

내일 배움 캠프 23_05_19 TIL

짱구도난말려 2023. 5. 19. 23:50

오늘은 일주일간의 짧은 미니 프로젝트 발표일이였는데 팀원들의 노력 덕분에 100퍼센트 완벽한 결과물은 아니였지만 

결과물이 잘 나와서 다행이였고 

만든 웹페이지 화면
팀원중 한분께서 슬라이드 효과를 넣어주셨다

 

팀원들끼리 서로 메세지를 남기는 부분 간단한 (CRUD) 가 모두들어가있다

위에서 완벽하지 않았다고 한 부분이 수정버튼을 누르면 나오는 모달창에서 원래 있던 값을 보여주고 싶었는데

시간이 부족해서 (물론 실력이 없어서 시간이 부족했던 것이지만) 발표 때까지는 완성시키지 못해서 너무 아쉬웠고

그것보다 더 아쉬웠던점은 결과물을 발표할 때 대표로 발표를 할 기회를 얻었지만 너무 벌벌이슈 때문에 열심히 작업한

결과물을 다 못보여주고 설명 또한 부족한 부분이 너무 많았기에 너무나도 아쉬운 발표가되었고

같이 열심히 노력했던 팀원들에게 이 글에서 다시 한번 미안하다고 말하고싶다.

 

이제 프로젝트가 다 끝난 후  남는 시간에 수정 버튼누를시 원래 있던 값 디스플레이 하는걸 고치려했는데

이제 생겼었던 문제로는 forEach(()) => {} 문으로 값을 가져오는데 수정을 원하는 메세지 카드의 값만이 아닌

모든 값을 다 가져와서 디스플레이가 되어서 수정버튼을 누르면 메세지 카드의 수 만큼 데이터가 나와서

제대로 표시하지 못하는 문제가 발생했었는데 튜터님의 도움덕에 filter(()) => {} 함수를 사용해서

id값을 기준으로 데이터를 뽑아오는데 성공해서 기한에 못 맞췄지만 이제 완벽히 구현하는데 성공을 하였다.

이번에 프로젝트를 진행하면서 또 다시 한번 진짜 부족함을 많이 느끼게되었고 이와 동시에

더 열심히 해야겠다는 생각도 할 수 있었다.

 

또한 Rest API 에 대해서 좀 피드백을 들을 수 있었는데 

Rest API에 대해서 찾아본 내용을 좀 정리하자면

1. URI는 동사보다는 명사를, 대문자보다는 소문자를 사용하여야 한다.

Bad Example http://yugil.com/Running/
Good Example  http://yugil.com/run/  

2. 마지막에 슬래시 (/)를 포함하지 않는다.

Bad Example http://yugil.com/test/  
Good Example  http://yugil.com/test

 

3. 언더바 대신 하이폰을 사용한다.

Bad Example http://yugil.com/test_blog
Good Example  http://yugil.com/test-blog  

 

4. 파일확장자는 URI에 포함하지 않는다.

Bad Example http://yugil.com/photo.jpg  
Good Example  http://yugil.com/photo  

 

5. 행위를 포함하지 않는다.

Bad Example http://yugil.com/delete-post/1  
Good Example  http://yugil.com/post/1  

아직 REST API에 대해서 더 공부가 필요해서 여기까지만 정리를 해보았고

혹시 더 자세하고 좋은 자료를 보고싶으시다면 아래 출처에 가보시면 잘 정리되어있으니 

방문해보시면 좋을것 같습니다

자료 출처 : https://gmlwjd9405.github.io/2018/09/21/rest-and-restful.html

 

[Network] REST란? REST API란? RESTful이란? - Heee's Development Blog

Step by step goes a long way.

gmlwjd9405.github.io

그래도 첫 프로젝트가 무사히 성공해서 정말 다행이였고 이제 첫 주가 지났는데

다음 주도 지치지 않고 남은 4개월 동안 열심히 노력해서 지금은 진짜 스스로가 너무 부족하다 느껴지지만

4개월뒤에는 최소한 아 그래도 할 줄은아네 라는 소리를 들을 정도로 발전하고싶다!