inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

컴포넌트 이해하기

CSS 적용 이후 메인영역이 상단으로 올라오지 않습니다.

355

naje

작성한 질문수 2

1

컴포넌트 이해하기 편 7분2초경에 CSS적용이후 메인 영역 컨텐츠가 상단으로 올라오는 모습인데 동일한 css로 적용해도 아래쪽에 머물러 있네요. CSS는 깃에 올라온 소스 그대로 붙여봐도 동일하게 아래에 머물러 있습니다.

vuejs

답변 1

0

짐코딩

안녕하세요.

메인 컨텐츠 (main)의 가로 사이즈를 조절해 보시는 것을 권장드립니다.
(브라우저에 따라 기본 스타일이 다를 수 있기 때문입니다.)

.main {
...
width: calc(100vw - 160px); <-- 해당 부분 조절
...
}

 

1

naje

강의 진행대로 크롬으로 진행했습니다.

다만 저 부분을 100vw 대신 100%로 하면 적용이 되는데 왜 저렇게 하면 안되는지 너무 궁금해서 질문드렸습니다.

props로 함수를 전달했을 때의 질문입니다!

0

640

1

eslint 세팅 질문 드립니다.

0

1720

2

컴포넌트 이벤트 전파 관련 질문입니다

0

503

1

app-level의 provide한 값을 새로고침시 정상적으로 inject하지 못함.

1

531

1

this.$refs에 값이 들어가는 시점이 언제인가요?

0

836

1

npm run dev 설치중

0

626

2

reactive vs ref... 굳이 reactive를 사용하는 이유가 뭔가요?

1

1950

1

dummy api axios 호출시 cors 에러

0

539

1

19:17 emit 관련 질문

0

570

1

reactive로 선언한 반응형 객체 자체를 바꿨는데 watch 콜백함수가 실행이 안되요

0

573

1

자식 컴포넌트에 input 태그, checkbox 같은 form 태그가 없으면 v-model 안 쓰는건가요?

0

582

1

template내 자바스크립트 표현식 평가 시점은 언제인가요?

0

352

1

App.vue 물결 표시 제거 방법

0

378

1

v-if 질문입니다!

0

565

1

ref vs reactive vs shallowRef

0

654

1

script 태그는 컴포넌트를 처음 가져올때 한번만 실행된다는 게 잘 이해가 안됩니다

1

671

1

이벤트 핸들러로 왜 일반 함수로는 작동이 안 되나요? + console.log도 인식이 안되요

0

348

1

Vue3 Composition API - computed

0

461

1

setup 함수내 문자열 관련 질문입니다.

0

350

2

v-on:click ="" 질문입니다

0

352

1

v-on:click="" 질문입니다

0

239

1

v-for에서 style을 사용하려 할 때

0

377

1

reactive와 computed 차이 질문

0

1113

1

emits사용 이유

1

454

1