기타/TIL ・ WIL

[TIL day5]

Lethargin 2023. 5. 19. 19:29

https://www.notion.so/Day5-242dadde80e74046a2c0b5caddaa7768?pvs=4 

 

Day5

[오류]

www.notion.so

 

Day5

[오류]

[프로젝트 회고]

  • 아쉬웠던 점
    • 좀더 예쁘게 화면을 짜보면 어땠을까? (2,3조 : 네비게이션바, 모달창, 스크롤바 기능, 스크롤 내려도 네비게이션바 고정되도록, 타이핑 효과(글자 사라지도록), 5조: 슬라이딩효과, 4조: top버튼 누를시 스크롤바 내려가게, 다크모드, 7조: 옆으로 넘기는 애니메이션 기능, rotate기능, 10조: 실시간음원순위+실시간 끌어오기)
    • BE쪽? (5조 : 비밀번호-int형, string형 모두 가능하도록 하면 어땠을지?
  • 튜터 피드백
    • 메인 화면을 슬라이드 기능으로 구현 → 케라젤? → UI를 볼때, 유저가 어떤 액션이 일어날 것이라고 예측하기 어려우므로 → 네비게이션바로 대체하면 좋았을 듯
    • 좋아요 기능 → 아주 기초가 되는 기능. → react로 들어가면 : 좋아요를 아주 많이 눌렀을 때 어떻게 할 것인가?
    • CRUD 모두 구현 → 기본 기능에 충실
    • 로그인 alert창 뜨게 하는거 → FE 입장에서 중요
    • 왜 /api/…? → 단순 routing인지, 값 요청인지
    • js에서 HTTP 상태 코드 배울 예정
    <다른조>
    • FE/BE 상관없이 validation check는 매우 중요
    • js로 api 구현 시도해보는 것도 중요
    • 5조: 수정할 때는 PUT이나 PATCH를 씀, Objectid 대신 random함수로 구현해보았다?, 메인페이지에 직접 data를 넣으면 비용이 많이 나오므로, 필요없는 정보는 static으로 처리해주는 것이 좋음, react시에는 fetch대신 다른거를 씀)
    • 7조: 내부 api 외에 외부 api도 활용할 줄 알아야 함, 부트스트랩도 이용 → JSON구조 어떻게 분석해볼지 고민해보자, 개발문서 잘 작성해주는 것도 중요
    • 8조: 실제로는 로그인을 해서 남긴 글은 숨김처리 → 내가 쓴 글만 나중에 수정될 수 있도록 함
    • 9조: 데이터 갱신이 되면 페이지가 리로드되는 ux적인 문제 → react에서는 component기반으로 개발해서 해결 가능, 무한 스크롤 기술은 반드시 구현해봐야 함
    • 10조: 공공 api도 나중에는 이용해볼것임, 개인별로 페이지를 구성해서 git협업시 수월
  • <우리조>
  • 잘했던 점
    • 무겸님이 계셔서 → 수정, 삭제 기능을 구현할 수 있었던 점

공부할거

Back

https://developer.mozilla.org/ko/docs/Web/HTTP/Status

https://velog.io/@kkimbj18/url과-uri의-차이-Feat.-REST-API

Postman 깔기

Front

https://develop247.tistory.com/58

-모달창 기능 : 오날엔

-prepend - 맨 상단부터 뜨게

-페이지네이션 기능, 링크기능⭐️

-grid 기능

-AWS 배포


1. 한 주의 흐름

  1. 한 일
  • 프로젝트 명: 24/7 올타임 레전드 [말하는감자] 팀 소개 프로젝트
  • 필수 작업: 방명록에서의 CRUD 구현, 팀 소개 페이지에서의 응원하기 기능 구현
  1. 느낀점
  • 재영 - 팀장으로서 팀원분들의 수고를 덜어드려야 했지만, 욕심에 비해 부족한 실력으로 도움받는 입장이 되어 죄송스러웠다.. 실력과 협업능력을 겸비한 팀원분들 덕분에 프로젝트를 마무리 할 수 있었지만, 어떤 부분에서 부족한지 깨닫고 가는 일주일이였다. 다음에는 더 능력자가 되어서 올게요~.~
  • 무겸 - 프론트쪽에 신경을 많이 못쓴것 같다. ui/ux적인 측면과 css/html을 공부해서 프론트쪽에 대한 지식과 실력을 올려야겠다. 시행착오의 과정에서 커뮤니케이션의 중요성을 또 한번 느꼈다.
  • 안진 - 두번째 프로젝트라 뭣모르고 진행한 감이 있긴 하지만, 잘 이끌어주시고 잘 협업해주셔서 많은 것을 배울 수 있었다. 다만 중간에 몸 컨디션이 조금 좋지 않았어서 좀더 적극적으로 참여하지 못한 점이 죄송하고 스스로도 아쉬웠다.
  • 송주 - 실력적으로 많이 부족해서 가끔 자책할 때도 있었지만 팀원분들이 옆에서이끌어 주셔서 끝까지 할 수 있었습니다! 팀원들의 열정, 에너지와 많은 지식 얻고 갑니다.
  • 다연 -

2. Keep

[태도적인 부분]

  • 서로 질문하고, 격려하고, 적극적으로 피드백 하려고 한 것
  • 안돼도 끝까지 하려고 시도한 것
  • restful하게 API 명세서 작성한 부분
  • 잘 몰라도 git을 최대한 활용해서 협업하려 한 부분

[개인적으로 쓰도록 하겠습니다]

  • CRUD를 모두 깔끔하게 구현해본 부분
  • 멤버별 응원하기 (좋아요) 기능을 깔끔하게 구현해본 부분
  • 방명록 코멘트 등록했을 때, 수정했을 때, 삭제했을 때 / 멤버별 모두 alert창이 뜨도록 구현해본 부분
  • 비밀번호 validation check한 부분 (중요한 부분이라고 피드백 받음)

3. Problem

  1. 문제
  • git hub 연동하는 방법 미숙, 파일 충돌 문제
  • 프로젝트 초반에 기획 시, 클래스명 통일이 조금 부족했던 부분
  • 멤버별로 그날 일정을 명확히 명시하지 않은 것
  1. 해결방안
  • 팀원간 커뮤니케이션 원활히 하기
  • 그날그날 TIL로 복습, 모르는 것 적극적으로 질문하며 해결하는 자세 갖추어서 경험 쌓기

4. Try

  • 계획을 체계적으로 짜기
  • 파트분배를 좀더 세분화하기
  • 중간 피드백 시간을 가지기 → 팀원간 코드 리뷰 더 많이 해보기
  • 적극적으로 커뮤니케이션 하기
  • 주말에도 시간 내서 공부하기