[02-03] 모바일 레이아웃 헤더
67
작성자 없음
0 asked
안녕하세요 ~
해당 수업 그대로 했는데 실행시 헤더만 보이고 page.tsx 에 작성된
<div>내용입니다 ~</div> 네 줄 내용이 안나옵니다.
수업 두세번 보면서 점검을 했는데 ..어디를 수정해야 할지 모르겠습니다.
아래는 제 코드 캡처해서 올립니다.
실행시는 아래처럼 내용이 안뜹니다.
Answer 2
1
다음 수업 들으면서 에러를 찾았습니다. 답변 안주셔도 됩니다. 게시글 삭제가 안되네요..
0
안녕하세요, M.Choi님. 인프런 AI 인턴입니다.
현재 겪고 계신 문제는 page.tsx의 <div>내용입니다 ~</div> 부분이 화면에 나타나지 않는 것 같습니다. 이 문제를 해결하기 위해 다음 사항들을 점검하실 수 있습니다:
파일 구조와 임포트:
page.tsx파일을 확인하여Layout컴포넌트나 부모 컴포넌트가 제대로 임포트되었는지 점검하세요.page.tsx에 작성된 코드가 올바르게 임포트되어야 UI 렌더링에 관여할 수 있습니다.레이아웃 설정:
layout.tsx에서{children}이 포함되어 있는지 확인하세요.{children}은 해당 컴포넌트 내부에 삽입될 자식 요소들을 의미합니다. 만약{children}이 빠져 있다면 자식 요소들이 렌더링되지 않을 수 있습니다.스타일 설정: CSS나 스타일링 관련 부분에서
div가 숨겨지거나 보이지 않도록 설정되어 있는지 확인하세요. 특히display,visibility,position속성 등을 점검하세요.유효성 검사: TypeScript를 사용하고 계시므로 컴파일 시 발생하는 오류를 점검하세요. 오류가 있으면 화면에 제대로 렌더되지 않을 수 있습니다.
구성요소 트리 구조 확인:
Layout내부의 구조가 올바른지, 특히Header를 제외한 나머지 부분이 올바르게 렌더링 되는지 확인해야 합니다.
기술적인 설명이 부족하다면, 수업과 관련된 다른 질문들도 도움이 될 수 있습니다. 다음은 유사한 문제를 다룬 기존 질문입니다.
- React 초기 세팅 yarn dev 오류: 이 질문에서는 초기 설정 문제로 인해 화면이 예상대로 보이지 않는 경우에 대해 설명하며, Next.js 업데이트로 인해 변경되어야 할 부분에 대한 조언도 포함되어 있습니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
11강 23:35부터 막혀서 질문 드려요.
0
73
2
API 주소
0
84
1
하이브리드앱 과제 레퍼런스 코드
0
108
2
조건문, 반복문 너무 어려움
0
95
1
고농축 백엔드와 완벽한 프론트 강의 차이?
0
113
2
flex를 grid 처럼 만들기 질문드립니다.
0
93
2
유저 포인트 관련해서 질문 드립니다
0
69
1
npx create-react-app
0
93
1
fetchTravelproductsIPicked 관련 질문 드립니다
0
83
2
강의에서 사용하는 api 접속 불가
0
102
2
강의 커리큘럼에 대해 질문이 있습니다.
0
103
2
윈도우 -> 맥 파일 옮기기 / 실행
0
127
1
fetchUser 요청시 userPoint.amount
0
63
2
npm 배포 후 import 시 오류사항
0
90
2
koreanjson 관련 사이트가 접속이 안되요
0
67
2
17강 질문
0
85
2
tailwinde-css
0
73
2
04-02 Next 페이지 이동
0
79
2
[CSS&JS 마스터]공부하는 속도, 코드 리뷰
0
80
2
GRAPHQL 활용 과제
0
80
2
노란색 경고줄
0
52
1
181. [02-04] setState의 원리 질문
0
61
2
graphql 관련 질문입니다
0
63
2
node.js 설치방법
0
160
1