#오늘 배운 것
모달을 이용한 프로필 변경 창 제작
부트스트랩을 이용하여 html태그에 data-bs-toggle="modal" data-bs-target="#staticBackdrop"을 첨부
오류1 :이후 프로필html을 따로 작업하여 프로필 수정버튼을 누를 때마다 모달창이 나오게 생성 진행을 하려 했지만
Uncaught TypeError: Illegal invocation 오류발생..
참고
모달(modal) 사용하여 로그인창 만들기 (tistory.com)
모달(modal) 사용하여 로그인창 만들기
우선 기본적으로 modal 창이란 이런식으로 주변을 어두운 배경으로 만들면서 새로운 레이어가 나와서 주목시켜 확인할 수 있게 해준다. 또한 흔히 알듯이, 어두운 부분을 클릭하면 자동으로 화면
zinisang.tistory.com
다만 이 경우는 spring boot를 사용한 모달이기 때문에 팀플에 적합하나 일단을 보류하기로 했다.
이후 Ajax를 통해 html.url을 불러와 적용하는 방법을 택했으나 이 방법 또한 오류 출력.
해결방법? : index.html에 프로필 수정을 팬명록의 addboc처럼 따로 하나를 만들어 nav창에 어디서나 펼쳐볼 수 있도록 작업한다. > 팀원분께서 작업을 진행하심.
오류2: 내 리스트 불러오기에서 새로 작업시 리스트가 불러와지지 않는 현상 발생.
해결 : const save_review 의 try 다음에 getReviewList(); 를 생성
4시간 가량 모달관련 오류만 찾다보니 적을 내용이 적음..
내일 목표 :
게시글에 좋아요 기능 추가.
내 게시글 불러오기 CSS를 카드형태로 제작
'[내일배움캠프] > TIL' 카테고리의 다른 글
| 22.11.25)팀플 마무리 작업한 20일차 (0) | 2022.11.25 |
|---|---|
| 22.11.24)좋아요와 게시글CSS를 작업한 19일차 (1) | 2022.11.24 |
| 22.11.22)팀플과 Firebase 추가 삭제를 진행한 17일차 (1) | 2022.11.22 |
| 22.11.21)Firebase와 팀플을 진행한 16일차 (1) | 2022.11.21 |
| 22.11.18)팀플과 프로세스를 배운 15일차 (1) | 2022.11.18 |