본문 바로가기
  • 어서오세요.
  • 안녕하세요~

분류 전체보기84

intellyj git clon후 폴더가 안보일때. 파일 => 프로젝트 구조 => 프로젝트설정 => 모듈에 보면  폴더가 표시되어 야할 곳에 폴더가 없음.+콘텐츠 루트 추가하여 루트를 다시 잡아줌 정상적으로 보인다. 2024. 6. 27.
grid-col 사용할때는 width 조절을 같은 className에서 해야함 {planList.map((planItem) => { return () })} 상위 부모에서 아무리 와이드를 건드려도 꿈쩍도 하지 않는다. 지금 max-w-[1200px] 가 상위 어디에 넣어도 적용이 되지 않는다. 여기 라인에 같이 넣으니 적용이 되었다..휴..이거가지고 3시간 헤맷다.. 2024. 6. 27.
height:100%에 대하여 YouTube 빔캠프 VEAMCAMP채널_ CSS 갈증해소 프로젝트 OACSS 시리즈의 강좌를 보며 정리한 글입니다.생각처럼 동작하지 않는 height: 100%화면을 가득 채우고 싶은 요소에 height:100%를 주면 화면에 가득 채워질까?문제를 살펴보기 앞서, 먼저 height와 width값의 기본값을 알아야 한다.height와 width속성의 default값height와 width속성에 특정 단위로 값을 따로 설정하지 않는다면 두 속성의 값은 default값인 auto로 지정된다..pig { width: auto; height: auto;}auto값은 브라우저가 그 크기를 계산해준다.display가 block일 때block요소일 경우 width: auto;는 width: 100%;와 같이 해석.. 2024. 6. 26.
Next.js 외부 이미지 가져올때 설정 next.config.js 에 /** @type {import('next').NextConfig} */const nextConfig = { images: { domains: ['www.sample.com'], },}export default nextConfig; 설정을 하고 import Image from 'next/image'function MyComponent() { return ( )}export default MyComponent; 으로 표시한다. 2024. 6. 26.