20231026 TIL

오늘의 목표

• 3강 복습
• 2강 정리
• modal 만들기 

오늘의 개발, 새롭게 알게된 것

<modal>

예성님의 코드가 조금 수정됐는데 수정된 코드가 이해하기 시워져서 이젠 정말 해낼 수 있을 것 같다고 느꼈다. 궁금했던 부분도 해결되었다. 

 

지금 내가 시도하고 있던 방식은 

모달이 하나만 열릴 건데 그 열릴 애의 기준은 카드에 타이틀과 같은 애만 hidden이 풀리는 거야. 였는데 => 기준을 어디에 써야할 지 모르겠고 아무대나 쓰다보니 먹히지 않았다. 그래서 검사해서 확인해 봤더니  클릭이벤트가 실행될때 hidden이 사라져서 모달이 보이게 되는건데 그게 첫모달만 사라졋다. 그래서 전체 모달에 반복될수 있게 해야한다 생각했지만.. 아직 다른 카드들이 버튼으로 인정되있지도 않은 것을.. 

 

그래서 방법을 바꿨다. 모달 하나가 아니라 모달스를 hidden해주고 나타나는 모달에 들어가는 내용에 

 

modal들을 전부 오픈시키기  => 전체 모달이 열리긴 하지만 그중에서 조건에 맞는 것만 나오게 하기! 

 

클릭이벤트를 조금 더 손대고 전체적으로 모달을 모달스로 바꾸고 가시 시작해봐야겠다. 빨리 완결을 냈으면 좋겠는데.. 이벤 팀프로젝트때 모달만 구현해도 성공한 거다! 

 

<데이터 타입>

 

전에 강의를 들었을 때 표에 넣는 것은 이해가 됐고 할 수 있었지만 그냥 복사로 넘어가는 순간 이해가 되지 않았었다. 그래서 오늘은 노트를 필기하며 천천히 들었고 또 복수 부분에서 이해가 가지 않았지만 앞에서 했던 것처럼 표에 적어내려가 보니 이해가 갔다. 

=> https://hyewonjung-coding.tistory.com/25

필기한 것! 

오늘의 목표 도달

• 3강 복습 => ing
• 2강 정리 
• modal 만들기 => ing  하지만 어제보다 조금 더 깨달았다.

오늘의 평가 및 느낀점

항상 말햇듯 코드를 짤 때 오타는 없는지 위치에 실수 한 게 없는 지 잘 살펴보아야한다. 계속 모달이 모달스로 안 묶여져서 이상하다고 생각했는데 오늘 확인해보니 해당 html에 </div> 하나가 부족해서 가장 상단의 <div>가 적용되지 않고 있었다. 고쳐줬더니 정상적으로 묶이고 원하는 전체 모달 보기도 얻었다. 물론 닫기가 작동하지 않지만..

 

내일 목표

• 3강 복습 완료하기 (호이스팅 과 디스 바인딩)
• modal 완성 시키기