display란?요소가 화면에 보이는 방식을 지정하는 속성 (가시 속성 중 하나)요소가 block으로 처리될지, inline box로 처리될지를 결정한다. (block, inline) 요소의 하위 요소들에 대한 레이아웃을 설정한다. (flex, grid, flow layout) display-outside 속성에 사용 가능한 키워드noneblockinlineinline-blockdisplay-outside 키워드 별 특징none요소가 화면에서 보이지 않는다.아예 렌더링조차 되지 않기 때문에 보이지 않는 것이다.이는 visibility: hidden의 경우와 차이를 보인다.block개요요소가 블록처럼 차곡차곡 쌓아 올려지는 형식이다.특징block인 요소는 부모 요소만큼의 너비를 가진다.width, heig..

https://velog.io/@win9612/Storybook스토리북이란

https://velog.io/@win9612/React-Hooks-useEffect%EC%99%80-useLayoutEffect-%EA%B7%B8%EB%A6%AC%EA%B3%A0-useInsertionEffect

https://velog.io/@win9612/React-Hooks-useState%EB%9E%80

https://velog.io/@win9612/Next.js-13-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1%ED%95%98%EA%B8%B0

https://velog.io/@win9612/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%B9%84%EA%B5%90-%EC%97%B0%EC%82%B0%EC%9E%90-%EC%99%80-%EB%8A%94-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%8B%A4%EB%A5%BC%EA%B9%8C