1217 6699 devLog (4th day)

오늘한 것

• 마이페이지 > 회원정보 수정 페이지 구현
• 마이페이지 > 회원정보 수정 페이지 라우터 연결
• 마이페이지 > 내가쓴 댓글, 내 명언,내 게시물, 좋아요 상세페이지 구현
• 컴포넌트 파일에 넣어서 정리
• css모듈 사용법으로 전부 다 변경

막혔던 것

라우팅할때 Link안의 className을 써야 css가 Link안의 텍스트에 적용이되는데, className을 안쓰고 왜 link밑줄이 안없어지지...? 생각했다.

<div className={style.saying}>
 <Link to='/mypage/mypost' className={style.saying}>
   나의 게시물</Link>
</div> 

새로 배운 것

100vh와 100%의 차이

vh / vw는 현재 실행중인 스크린 크기에 따라 반응한다(스크롤바 포함o)
반면 %는 부모 요소에 반응한다(스크롤바 포함x)

모달창 외부 클릭 감지

VScode 안에서 rgb색상 고르기 가능

blue라고 입력하고 hover하면 푸른색상의 rgb값을 얻어낼 수 있다

z-index가 안먹는 경우가 있다

position을 안주면 z-index가 안먹는다

cssmodule을 이용해서 css 작성법 변경

className에 -(하이픈)을 쓰면 오류가 생긴다. _(underbar)를 이용하자

참고

모달창 외부클릭 감지
z-index가 안먹는 경우
css module 작성법