내일배움캠프 TIL(211116): 팀 소개 미니프로젝트 메인 화면 구현

Jiumn·2022년 11월 16일
0
post-thumbnail

(TMI) 분명히 9시 전에 벨로그를 작성했는데 출간하기 후 모든 내용이 날아가서 분노하며 다시 쓰는 TIL....

오늘의 작업

  • 각자 작업한 팀원 소개 페이지(모달창) html 코드를 리뷰하고, 전날 작업한 메인 페이지에 모으기로 했다.
  • 팀원별 방명록 저장 및 불러오기 기능까지 구현되면 처음에 계획한 기능들의 대략적으로 완성되어서, 추가 기능까지 아이데이션하기로 했다.

오늘 발생한 이슈 & 해결 방법

  • bootstrap 모달창 스크롤이 생기지 않는 이슈
    -> css 코드를 이용해서 해결

  • API 문서 작성에도 컨벤션이 있다.
    참고: https://blog.pumpkin-raccoon.com/115

  • 방명록 작성하고 버튼을 아무리 눌러도 무반응이었다 (...)
    -> localhost:5000 서버를 열어서 확인해야 하는데 로컬에서 열어보니 열릴 리가 있나... 오늘도 왕초보는 광광 웁니다...

  • 각자 작업한 css를 합치는데 속성 이름이 중복되는 경우가 있었다.
    -> 이런 경우를 대비하기 위해 개발자들 간에 규칙을 정한다고 하여, 우리는 각자의 속성 이름마다 번호를 추가하기로 했다.

  • 팀원별 방명록을 저장하고 각자의 페이지에서 불러와야 하는데, html 파일을 합치고 나니 구현 방법이 고민됐다.
    -> 우선 각자의 API url 명을 다 다르게 지정해서 각자의 DB에 저장하고 각자의 페이지에 불러오는 식으로 해보려고 한다. (아직은 진행 중...)


To-do list

  • 깃과 깃허브 사용법 공부하기
  • 웹종반 4, 5주차 복습
  • 방명록 수정, 삭제 기능 자바스크립트로 구현하는 방법 서치
  • 팀원별 방명록 API 모아서 각자 페이지에서 나타나도록 구현하기
profile
Back-End Wep Developer. 꾸준함이 능력이다. Node.js, React.js를 주로 다룹니다.

0개의 댓글