TIL #210405

📚 TIL

---

코드숨 개인 프로젝트 3주차 DAY 15, 노마드코더 CSS, 코드잇 알고리즘

🐿 개인 프로젝트 진행하기

 

오늘은 선택페이지의 페이지 번호를 구현하고요

선택페이지, 결과페이지, 상세페이지에 사진을 추가했어요

 

 

원래 선택페이지에 진행바를 추가하려고 했는데요

먼저 빨리 기능들을 완성한 뒤에 발전시키는 것으로 계획을 수정했어요

그래서 id를 받아서 몇번째 페이지인지 보이도록 했어요!

 

 

다음으로 할 것은 선택페이지에 사진 추가하기!

원래 choiceData에 image src 주소를 넣어서 넘겨주려고 했는데

사진을 받아오지 못하더라고요 ㅠㅠㅠ

 

 

그래서 url-loader랑 file-loader를 설치하고

webpack config에 file-loader rule을 추가해줬어요

 

 

이미지 파일은 assets 폴더에 images에 넣어주고

images.js에 파일을 import해서 객체로 묶어줬어요

 

 

그리고 ChoiceContainer에서 질문id랑 선택id를 받아서

choicesImages key값으로 만들어 src에 넣어줬답니다!

 

 

와 나온다~~

이거 해결하는데 5시간은 걸린듯해요 히히

이제 귀찮으니 모자이크는 없다!

 

 

앞의 시행착오를 거치고 결과페이지와 상세페이지는 금방 구현했어요!

사진 찾고 정리하는 시간이 더 오래걸렸어요 ㅋㅋ

 

 

---

 

🐿 노마드코더 CSS 강의 듣기

 

오늘은 CSS 클론코딩 강의를 들었어요

그리드를 자유자재로 활용하는 방법을 배우고

그리드로 표를 그리는 방법, display: none으로 꾸미는 법을 배웠어요

 

 

 

헤헤 다들었다 뿌듯~~

이제 실전만 남았네요... 그리드... 만들어봐야지!!

 

 

수료증이 4개가 됐어요!

바닐라 JS랑 CSS 마스터 챌린지는 4월 19일부터 열리는데

둘 다 참여하려고요 ㅎㅎㅎ

 

 

 

---

 

🐿 코드잇 알고리즘의 정석 강의 듣기

 

이제 개인프로젝트가 어느정도 진행돼서

알고리즘 공부를 시작하려고요!

오랜만에 코드잇 강의를 들었어요

동영상은 아니고 글로 작성된 강의였어요

책으로 바로 시작해도 되는데 오랜만에 코드잇으로 공부하려고요 재밌어요!

 

 

---

 

😁 오늘 한 일

---

 

📕 공부하기

- 오늘은 노마드코더 CSS 강의 다듣고 개인프로젝트에 집중했어요!

- 사진넣는게 쉬울줄 알았는데 리액트에서는 바로 안들어가서 좀 오래걸렸어요

- 그래도 성공해서 다행이에요!!

- 밥먹으러 가면서 보라매공원 산책 ㅎㅎ

 

 

🥩 삼겹살 먹기

- 오늘은 냉동삼겹살을 먹었어요 ㅎㅎㅎ

- 반찬이 엄청잘나와서 좋았어요 소스도 많고 된장찌개도 맛있고

- 여기 별점이 4.9점이던데 그럴만했어요!!