FE (31) 썸네일형 리스트형 functions are not valid as a react child const SomeView = () => { return (..) } ReactDOM.render(SomeView , domContainer); (X) ReactDOM.render(, domContainer); (O) useEffect dynamic depth const func = () => { const array = []; if (조건1) { array.push(state1) array.push(state2) } if (조건2) { array.push(state3) array.push(state4) } return array; } useEffect(() => { array.forEach((k) => { k.method(); }) }, [func]); state가 바뀔때마다 depth 안의 func 도 매번 실행된다 NextJS meta (SEO) 태그가 중복되어 생기는 현상 개발자도구 말고 페이지 우클릭 > 페이지 소스보기 해서 렌더링이 잘 되고 있는지부터 확인해야한다. meta 태그가 들어가있으면 렌더링이잘 되고 있는거 ㅇㅇ 안 들어가 있으면 1. Next/Head 를 쓰고 있는지 확인하고 2. app.jsx 혹은 각 페이지 파일에서 return false / return NULL 같은 렌더링을 방해하는 요소가 있는지 확인 3. 있으면 지워 짜증나게하지마 https://github.com/minseolee/minSEO swiper 에서 뭐 아무튼 width 나 margin이 애매할때 slidesPerView = 'auto' swiper slide 가 세로로 정렬될 때 .swiper-wrapper { display: -webkit-inline-box } css 부모 패딩 무시 부모 padding: 24px 이라고 하면 자식 width: calc(100% + 24*2); margin: 24px 0 24px -24px; 출처 : 내 옆자리 잘생기신 분 display flex 두 줄 이상일 때 첫번째 줄로 정렬 01 후엫엫에엫에엥ㅇ div에 display: flex; align-items: flex-start; 주면 됨 ㅇㅇ 이전 1 2 3 4 다음
