목록TIL(Today I Learned) (53)
천진난만 코딩 스토리
1) 수정기능 (CRUD) 수정기능을 구현하기가 쉽지 않았다... 기록하기 버튼을 누르면 기록폼이 나타나고 작성하면 업로드가 되게 하였다. 업로드된 도서 카드 밑의 삭제 버튼을 누르면 삭제가 되게 하였고 수정 버튼을 누르면 수정폼이 나타나게 하는 것까지는 구현을 했다. 하지만 수정폼에 기존의 데이터를 어떻게 불러와서 보여지도록 하는지 감이 잡히지 않았다... 그래서 update_one의 기능을 다 찾아보고 하나씩 적용시켜 보았지만 내가 원하는 결과물을 얻을 수 없었다... 수많은 오류를 마주하며 시행착오 끝에 수정객체에 대한 API를 만들어야 하고 GET으로 불러오게 하고 수정완료 버튼 클릭 시 update_one을 할 수 있도록 해야 한다는 것을 알게 되었다. 같은 key값에 수정되는 새로운 값을 업데..
강의 내용에는 없던 삭제 기능을 구현해보기로 했다. CRUD 중에서 CR은 구현이 이미 되어있었지만 UD는 아직 되어있지 않았다. 다른 강의에서 보았던 새로운 id를 데이터베이스에 저장하고 그 id를 불러와서 변경시켜 삭제가 되도록 만들었다. 이 과정에서 delete_one을 알게 되었다. delete_one을 하면 간단히 삭제되는 것을 보고 신기했다. 이 delete_one를 적용하는 과정에서 id를 불러올때 수정 기능을 구현하기 위해서 db.book.delete_one({'$set': {'del': 1}}) 이라고 작성을 하였는데 이때 $은 del이라는 id를 변경시킬때 사용하는 것이므로 지금은 id를 불러와서 삭제시키는 것이기 때문에 $을 적용시키면 안된다는 것을 알게 되었다.
강의를 보다가 문득 이미 봤던 강의니까 강의 내용을 토대로 만든 코드를 보며 웹을 만들어보면 좋을 것 같다는 생각을 하여 오늘은 프론트쪽을 해보았다. 코드를 보며 기존에 그냥 넘어갔던 부분에 의문을 품고 조작해보며 새로 알게 된 속성을 공식문서에서 찾아보았다. background-size: cover; 이미지의 비율을 유지하면서 컨테이너를 채울 수 있는 가장 작은 크기 (즉, 이미지의 높이와 너비가 컨테이너를 완전히 덮음 )로 조정하여 빈 공간을 남기지 않는다. 배경의 비율이 요소와 다른 경우 이미지가 세로 또는 가로로 잘린다는 것도 알게 되었다. background-image: linear-gradient; linear-gradient(방향 또는 각도, 색상 그리고_정지점1, 색상_그리고_정지점2, ...