본문 바로가기
TIL/기타

20220927~20220929

by VANAV 2022. 9. 29.

20220927

매주 코드리뷰 목요일

이번에 목요일까지 구현할 기능 & 리뷰받을 것 [이 중 2개 이상 달성할 것]

  • dog page(페이징 처리 가능하면 ㄱㄱ)
  • cat page Breed나 Categories 불러와서 화면에 띄워보기
  • cat page 상세 페이지 ✅
    • modal 창으로 구현할 예정
  • others1, others2 에 뭐 넣을지 정리(검색..? kakao map api?(https://brunch.co.kr/@aykim13/46))

따로 공부할 것

  • TS 기본 문법
    • youtube 강의 1회독

 

오늘 참고한 글

CSS relative / absolute 상세, img hover 할 때 img wrap box div를 만들어야 하는 이유

https://moonformeli.tistory.com/10

 

CSS효과 - 이미지 마우스오버(hover) 효과 넣어주기

※ 해당 포스트는 http://100dayscss.com/의 13번 글의 설명을 위해 작성자가 다시 재구성한 포스팅입니다. ※ 무단 스크랩은 허용하지 않습니다. ※ 이번에는 이미지에 대한 마우스오버 효과를 만들

moonformeli.tistory.com

 

작업할 때 참고할 페이지

cat api 개발자 지원 페이지

https://docs.thecatapi.com/example-by-category

 

Search By Category - Home

Example Source Code: VueJS

docs.thecatapi.com

 

React state를 활용한 Modal

https://curryyou.tistory.com/493

 

[React] 모달창(Modal) 초간단 구현 방법(리덕스, 라이브러리 X)

# 리액트 모달창 구현 방법 - redux나 별도 라이브러리 없이 아주 쉽게 모달창을 구현하는 방법 1. state 로 Modal 노출 여부를 관리한다. - useState 훅으로 모달창 노출 여부를 관리해준다. 2. Modal 창이

curryyou.tistory.com

 

벨로퍼트와 함께하는 모던 리액트

https://react.vlpt.us/styling/02-css-module.html

 

2. CSS Module · GitBook

02. CSS Module 이번에는 CSS Module 이라는 기술에 대해서 알아봅시다. 리액트 프로젝트에서 컴포넌트를 스타일링 할 때 CSS Module 이라는 기술을 사용하면, CSS 클래스가 중첩되는 것을 완벽히 방지할

react.vlpt.us

 

 

20220929

하루동안 공부한 것

  • cat api 구조 정리(파악)
  • recoil atoms, setState 다시 공부(구조 파악하면서 헷갈림)
    • https://sangjuntech.tistory.com/27
    • recoil 을 사용해서 다크모드/화이트모드 있는 투두리스트를 작성하셨다. atoms 이해에 큰 도움을 준 좋은 글.
  • getter,setter 공부(recoil selector 내부에 있는 get과 헷갈려서)
  • react Hooks / useState / useEffect 공부
    • https://sangumi.tistory.com/43
    • 내가 이전에 공부하면서 정리했던 자료로 복습했다. 다시 읽으니 그때보다 이해가 잘됨!!

axios(이해 못함)랑 TS(공부 아직 못함)를 추가적으로 공부할 필요가 있을듯

'TIL > 기타' 카테고리의 다른 글

20221007 열람한 글  (0) 2022.10.07
20220930  (1) 2022.09.30
20220923 읽고 공부한 것  (1) 2022.09.23
20220921  (0) 2022.09.21
node.js / npm / gitignore / nodemon / Babel / Eslint & Prettier / Jest / parcel  (0) 2022.01.11

댓글