inflearn logo
강의

Course
Instructor

Getting Started with Next.js (feat. Map Service Development)

Loading Naver Maps using next/script

스타일링 명시도 질문 (@layer)

Resolved

315

dkfmwpsxm

73 asked

2

 

@layer base {
  #__next {
    display: contents;
  }
}

#__next를 레이어 두어 스타일링 명시도를 낮춘 것에 대한 이유가 궁금합니다.

혹시 next.js 내부에서 (프레임워크 내부에서) id : __next 를 스타일링하면 내가 작성한 코드보다 우선시 되도록 하기 위함인가요??

seo next.js vercel csr ssg ssr

Answer 1

3

vroomfan

안녕하세요ㅎㅎ

우선순위보다는 가독성을 염두에 두고 작성한 코드였습니다.
보통 global css에서는 html, body, css reset 등을 다루는 경우가 대부분인데, Next.js 에서는 __next 라는 id를 가진 element도 추가로 다뤄야했습니다. 따라서 '#__next'는 따로 layer를 만들어 시각적으로 구분지어서, 일반적인 global css와 다른 점을 드러내고자 했습니다.

감사합니다 :)

0

dkfmwpsxm

강사님 채고임니다

API 라우터를 사용해야 하는 경우에 대해

1

165

1

키보드 어떤 거 사용하시나요

1

363

1

next.js 멀티플 런타임 관련해서 질문 올립니다..

1

372

2

아주 기초적인 질문입니다.

1

340

1

서버사이드 렌더링을 할 때, 서버는 어디에 있는 건가요?

1

1188

2

수업을 듣다가 SSR에 관하여..

1

557

2

interface 와 type

1

388

1

엘리맨트들의 자식관계가 어떻게 이렇게 되나 궁금합니다.

1

398

1

onLoad함수 (script태그의 onLoad X)

1

434

1

dynamic에 대한 질문

1

459

1

SSR vs SSG

1

486

2

NoSSR 관련한 질문입니다:)

1

381

1

a tag 질문 !

1

334

2

8분 20초 배포 관련

1

330

2

안녕하세요! 구글 서치 콘솔에 등록하는 도중 다음 오류가 뜹니다

0

2710

2

emotion styles 파일이 빌드시 경고로 뜹니다.

1

445

1

naver map 이 출력되지 않습니다.

1

492

1

페이지에 site맵 존재시 next Link는 csr 처럼 싹가져오게 되나요?

1

274

2

Failed to load resource: the server responded with a status of 404 ()

1

1043

2

VSCode 익스텐션 궁금합니다.

1

360

1

상태관리 질문 있습니다!

1

456

1

swr에 대한 질문입니다. (용어 관련)

1

384

1

swr 질문입니다!

1

342

1

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

1

689

2