4/22(금) 오늘의 개발일기

Today Learn

Url Query

url?key=value하고 체이닝을 이어갈때 당연히 ? 인줄 알았는데 '&'였다.
사실 쿼리를 1개만쓰고 2개이상을 써보질 않아서 감으로 해서 나온 대참사였다. &로 체이닝을하고 new URLSearchParams를 쓰니 편안하게 잘 불러와졌다.

React-hook-form

setError

SetError 메소드를 써서 에러메시지를 지워줄수있다.

setError('register',{message:"공백 => 그래야 없어지니까"}) 이렇게 해줬다.

Reat-hook-form은 강력하니 충분히 매력적인 라이브러리다.

Css => 스크롤 기능은 살리고. 스크롤바는 없애는 방법

body{
	-ms-overflow-style: none;
}
::-webkit-scrollbar {
	display: none;
}

//특정부분 스크롤바 없애기

특정부분{
 -ms-overflow-style: none; 
 }
 특정부분::-webkit-scrollbar{
 display:none;
 }

shadow DOM을 몇번 만지작거려봐서. -webkit과 -ms등 차이가 있는걸 이미 알고있다. 여러 플랫폼과 운영체제를 고려해서 둘다 써준거 같았다.
출처 :  https://wooaoe.tistory.com/49 

Framer-motion : whileHover로 svg path의 stork색 바꾸기.

제목은 이런데 실패했다. stroke색을 제외한 다른 css적인 요소는 전부 적용된다..
이유를모르겠다.
그래서 styled-components부분에 직접적으로 의사클래스를 넣고 transition을 줘서 애니메이션을 부여했다.
=> 이유를 검색해봐도 안나온다.. 어쩌면 나의 검색실력이 부족할지도 모르겠다.

후기

드디어 넷플릭스 클로닝을 끝냈다. 욕심을 부려서 남들보다 좀 걸리긴했지만. 원하는만큼의 90%는 나와줘서 만족스럽다.
매번 토이프로젝트를 하면서 느끼지만 초반에 페이징을 나누고, 어떤걸 컴포넌트화 해서 사용할지 '반드시'생각해보고 프로젝트를 진행하면 나중에 대참사를 조금이나마 줄일수있다.. 꼭!

해방