본문 바로가기

전체 글66

[React Error] error - Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. 문제 상황 styled component로 열심히 emotion 태그를 만들었는데 갑자기 아래와 같은 에러가 발생하면서 실행이 되지 않았다. # 터미널의 에러문구 error - Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. # 브라우저 상 에러문구 Server Error Error: input is a void element tag and must neither have `children` nor use `dangerouslySetInnerHTML`. This error happened while generating the page. Any console logs wi.. 2022. 1. 14.
[TIL] Next.js - Routing 라우팅이란? 간단히 말해서 '페이지 이동' 하는 것을 말합니다. 라우팅 라우팅 IT용어사전 망에서, 각 메시지에서 목적지까지 갈 수 있는 여러 경로 중 한 가지 경로를 설정해 주는 과정. [네이버 지식백과] 라우팅 [routing, 經路定-] (IT용어사전, 한국정보통신기술협회) Next.js에서 라우팅 사용하기! useRouter()로 push해서 페이지 이동을 할 수 있습니다. const router = useRouter() 라우터를 만들어 준뒤 router.push("이동할 페이지") push 안에 이동할 페이지 경로를 넣어주면 됩니다. 라우팅 종류 정적라우팅 관리자(인간)가 경로를 선택해야 하는 것. 정적 라우팅으로 코딩하면 http://localhost:3000/05-04-static-route.. 2022. 1. 14.
[React Error] Module not found: Can't resolve 문제 상황 UI 과제를 하다 에러를 만났다. 브라우저에서의 에러문구는 다음과 같다. ./pages/boards/new/index.js:1:0 Module not found: Can't resolve '../../../../styles/boardEmotion' > 1 | import { 2 | Wrapper, 3 | Create, 4 | Register, https://nextjs.org/docs/messages/module-not-found 경로를 읽어오지 못하고 있다. 해결 방법 1. 경로를 맞게 설정해줬는지 확인 '../../../../styles/boardEmotion' 가 아니라 '../../../styles/boardEmotion' 였다..ㅎㅎ 그러나 나의 경우 아래 해결법도 필요했다. 2. n.. 2022. 1. 12.
[CLI] 기본 명령어 CLI 명령 줄 인터페이스(영어: Command-line interface, CLI, 커맨드 라인 인터페이스) 또는 명령어 인터페이스는 가상 터미널 또는 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식을 뜻한다. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다. - 폴더 만들기 $ mkdir [폴더명] - 폴더 내부 조회 $ ls -경로 이동 $ cd [이동하고자 하는 폴더명] - 상위 폴더로 이동 $ cd ../ - 현재 폴더 위치 $ pwd - 복사 붙여 넣기 $ cp -r [복사 대상 이름] [본사본 이름] - 숨긴 파일까지 조회 $ ls -ar - 폴더와 그 하위 내용 삭제 $ rm -rf aaa Reference.. 2022. 1. 11.