질문과 에러

Question

궁금한 점이 꼭 page 내에 ".app.js" 라고 이름을 명시한 파일에 공통 레이아웃 부분을 다뤄야 하는거죠 ? 추가적으로 AppLayout.js 와 .app.js와는 어떤 차이가 있나요 ? ㅜㅜ 저는.. ant-Design 적용 후에 이런식으로.. 뜨는데.. (설명할 방법이 없어서 영상으로 띄웁니다..) 무엇이 문제인지 모르겠습니다 ..ㅜㅜ text 형식으로 출력되는게 아니라 계속 깜빡거립니다.. 크롬에서도 사파리 에서도 똑같이 뜨네요 ㅜㅜ

송지훈 · Answer

좀 더 자세한 코드를 보여주셔야 정확한 답변이 가능하지 싶어요. 아래 코드 보고 비교해보실래영? // AppLayout.js 부분 import React , { useState } from 'react' ; import PropTypes from 'prop-types' ; import Link from 'next/link' ; import { Menu , Input , Row , Col } from 'antd' ; import UserProfile from './UserProfile' ; import LoginForm from './LoginForm' ; import styled from 'styled-components' ; const SearchInput = styled ( Input . Search ) ` vertical-align : middle ; ` ; const AppLayout = ({ children }) => { const [ isLoggedIn , setIsLoggedIn ] = useState ( false ); return ( <> < Menu mode = "horizontal" > < Menu.Item > < Link href = "/" > < a > 노드버드 < Menu.Item > < Link href = "/profile" > < a > 프로필 < Menu.Item > < SearchInput enterButton /> < Menu.Item > < Link href = "/signup" > < a > 회원가입 //_app.js 부분 import React from 'react' ; import PropTypes from 'prop-types' ; import Head from 'next/head' ; import 'antd/dist/antd.css' ; const Nodebird = ({ Component }) => { return ( <> < Head > < meta charSet = "utf-8" /> < title > NodeBird < Component /> ); }; Nodebird . propTypes = { Component : PropTypes . elementType . isRequired , }; export default Nodebird ;

song · Answer

계속 깜빡여서 설정 문제 인줄 알았는데 코드 배치 문제였습니다 ㅜㅜ

song · Answer

엇 감사해요! App.js 부분이 문제였던 거 같아요 지훈님 코드에서 복붙하고 하니까 저런 상황이 안오네요! 코드 비교하면서 어디 잘못했는지 차근차근 살펴보겠습니다 :) 시간 내주셔서 감사해요~

song · Answer

네네 import 'antd/dist/antd.css' ; 를 적용안하면 디자인이 아예 안뜨고 적용하면 뜨는데 저런 형식으로 나오더라구요 ㅜㅜ 저 또한 윗 분 댓에 공감합니당 ㅎㅎ

송지훈 · Answer

AppLayout.js는 컴포넌트로서 쓰고싶은 곳에서 쓸 수 있지만요 _app.js는 create-react-app의 app.js라고 생각하시면 되요 _app.js에 적용된 모든 노드들은 모든 페이지에 적용 됩니다. 하지만 AppLayout.js는 가져다가 쓰는 곳에만 적용이 되죠 그리고 _app.js에 import "antd/dist/antd.css"; 적용 하셧나요? 혹시 저의 말이 틀렸다면 죄송합니당 ㅎㅎ. 아 그리고 제로초님 블로그 에서 공부를 하다가 보니까 익명으로 제로초님에게 글의 요를 파악 못하고 기분 나쁘게 말을 하는사람들이 있더라고요. 제가 9월 부터 이력서 넣을 생각인데 만약 취업을 하게 된다면 정말 좋은 컨텐츠로 좋은 강의들을 제공해주신 제로초님 덕이 너무너무 큽니다. 취업 하면 후기  올리겠습니다. 제가 하려는 말은 제로초님 앞으로도 좋은 컨텐츠 많이 많이 해주시고  제로초님 덕분에 좋은 방향으로 성장하는 많은 사람들이 있고  제로초님에게 고마워하는 사람들이 많이 있다는 걸 알아주셨으면 좋겠어요. 감사합니다!! 응원하겠습니다.