05:00마크업 상에서 아래 쪽에 위치하면 위로 올라갑니다.
*negative margin과 상관없는 이야기
05:51negative margin은 시작점이 더 빨라지거나 끝나는 지점이 더 빨라지는 개념
*margin-left, margin-top에 negative margin은 시작점이 빨라지는 것
*margin-right, margin-bottom에 negative margin은 끝나는 지점이 더 빨라지는 것
06:47카드가 겹쳐있는 디자인은 negative margin이 적합(position: absolute로는 까다로운 문제 존재)
*position: absolute를 사용하기에 앞서 negative margin으로 해결할 수 있는지 고민해봅니다.
08:08header의 margin-bottom에 negative margin 적용하니 본문 글이 header 위로 올라오는 모습
*끝나는 지점이 빨라졌기 때문에 이런 현상 발생
왕초보를 위한 React Router v5 핵심 요약(feat. 풍부한 예시 코드, 꼼꼼한 설명)
Video
⏱ 핵심 스탬프14개
00:00
react-router-v6 공식 문서 링크: https://reactrouter.com/docs/en/v6
사용하는 용어 정리:
pathname은 localhost:3000/products에서 /products를 의미
01:02
~02:15
해당 강의에 사용된 코드를 저장하는 법과 프로젝트 파일을 여는 법을 설명합니다.
*해당 학습노트용 코드는 lesson-1 branch 지정 후 다운로드 받으셔야합니다.
*Visual Studio Code를 설치해놓으셔야 합니다.
링크: https://github.com/iamshaunjp/React-Router-Version-6