20221111 TIL

오늘의 한 일

• Javascript CRUD 기초 강의 시청
• 도커 실무 실습

 

JS CRUD 기초

 

• querySeletor / querySeletorAll
• getElement
• toggleClass
• onclick
• onclick this
• Create Input
• create element

 

추천 프로젝트 프론트엔드 부분을 진행하면서 앵간하면 써봤던 함수들이라 이걸 더 일찍 강의에 추가했다면 진행하기 훨씬 수월하지 않았을까 싶다..

 

강의를 보면서 문득 리뷰 부분에서 웹툰의 id를 받아 클릭시 웹툰 디테일 페이지로 이동하는걸 구현하려다 실패했던게 떠올라서 방법을 떠올려봤는데

 

webtoon 항목에 id, title 둘 다 받아오기

 

스플릿으로 id, title 구분

 

이렇게 해서 setatrribute 속성에 (onclick, webtoondetail(webtoon.id))  (webtoon.id = b[0]) 으로 하면 되는거 아닌가? 했는데

막상 attribute 속성을 부여해서 클릭해보니까 원하는 웹툰 id로 향하는게 아니라 [object%20 htmlulistelement]가 뜬다.. 뭔가 추가작업이 필요한것같은데.. 심오하다 심오해

 

외않되??

 

 

*** 성공!!!

 

webtoon_id가 아니라 value로 지정해봄

 

 

캬~~

this.id는 똑같은 방식으로 작동하면서 webtoon_id는 왜 작동 안하나 고민하다가 값을 value로 줘봤더니 해결 완료! 

 

 

 

 

 

 

 

도커 실무 실습

 

 

 

일단 강의를 보면서 도커 연동, 컨테이너 생성, volume확인, 이미지 빌드 실습

 

아직 장고 프로젝트를 배포하려면 도커를 쓰는데에 조금 더 익숙해져야 할 것 같다.

 

 

 

 

 

 

참조 : django와 postgresql 연동하기

 

https://velog.io/@chaeri93/Django-Django%EC%99%80-Postgresql-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

[Django] Django와 Postgresql 연동하기