[TIL] 2023-04-26 DAY28

---

NFT 페이지 제작

GIT 주소 : https://github.com/dowoo303/nft_page (finish commit)
https://github.com/dowoo303/0419_timer (스톱워치)

---

오늘 배운것들

1. DAY27에 이어서 NFT 페이지 작성 속행
2. 아기사자 수업에서 타임워치 만들어보기

각종 팁

1. 크롬 새로고침 키에서 마우스 오른쪽 누르면 캐시삭제 및 강력 새로고침 가능 ..!
2. bg-opacity-50 -> 배경색상 투명도
3. react-router-dom에서는 useParams를 사용하여 페이지간 주소를 통신한다.
4. 숫자 앞자리 0 추가하는법 -> padStart(2,"0:)를 사용한다. (단, toString() 뒤에 붙어야 동작함)
5. useState: 상태관리
6. 배열저장: const [lapTime, setLapTime] = useState([]); -> 스프레드 문법 사용가능

회고

1. 요즘 정신없어서 그냥 뇌 비우고 클론코딩 하는데 그러지말자
   -> 생각하면서 코딩하기+주석남길 수 있으면 남기기
2. 코딩은 항상 나 혼자 만들어봐야 내 실력이 된다는 걸 명심하자.
3. Part3 가면 이번 Part2에서 했던 것 최대한 기억하며 계속 해보려고 노력하자.

NFT 페이지 제작

순서

어제 DAY27에 이어서 시작


1. 컴포넌트 Nfts.jsx 마무리


2. 컴포넌트 NftCard.jsx생성
-> Nfts.jsx를 부모로 삼고, NFT 10개씩 표현


3. 마지막 detail.jsx 페이지 생성
-> 하나 특이한점으로는 페이지간 통신인 Params를 이용하여 NFT 번호를 구분한다.

결과