[항해99] 항해99 입학시험 후기

2024 . 01 . 30 . 

 

시험이 어려웠다는 후기를 여럿 봐서, 2회독을 끝내며 1-5주차 까지 노트에 요점정리를 했다. (손으로 써야 공부가 되는 타입ㅠㅠ)

매니저님이 절대 무리하지 말라고 했는데, 당일 오전 5시에 잠들어버린 바보같은 나..

덕분에 예민한 몸은 위염+장염을 얻었다.,

 

입학시험문제

웹 개발 종합반에서 만들었던 멜로디쉐어 페이지에 카드 삭제 버튼을 만들고, 누르면 카드 삭제가 동작하도록 하는 것이였다.

기존

입학시험 완성

 

문제 해결 방법

- 기존에 사용했던 부트스트랩을 이용해서 삭제 버튼을 만들어 주기

- POST 로 method 설정해주고 이 폼이 서버로 전송될 때 "/music/delete/4/"로 요청이 전송되도록 함

- btn-danger 버튼의 색상을 빨간색으로 해주고, "d-flex", justify-content-center, align-items-center"로 가운데 정렬을 해줌

 

-   song_id를 사용해 데이터베이스에서 해당하는 음악 항목을 조회 -> 만약 데이터베이스에 해당 항목이 없다면 404 에러를 보여줌

- db.session.delete(song) : 조회한 음악 항목을 데이터베이스에서 삭제함

- db.session.commit(): 변경된 내용을 데이터베이스에 반영하기 위해 세션을 커밋함

- return redirect(url_for('music')) : 삭제 완료 후, 사용자를 다시 음악 목록 페이지로 보내 업데이트된 음악 목록 표시

->  URL에 대한 POST 요청을 처리 후 해당 음악 항목을 삭제하고, 삭제 후에는 음악 목록 페이지로 리다이렉트한다.

 

문제점

코드는 1시간정도 걸린 것 같은데, 원래 저 삭제 버튼이 블럭에 가득 차 있는게 예시였다.

아무리 배치를 바꾸고 길이를 늘려도 안됐다.

위에 전에 사용했던 코드를 사용했다고 했는데, 이 것 때문에 변경이 안되는 것 같았다.

멘토링 시간에 질문해서 답을 얻으면 다시 수정해야겠다.