| 오류 현상 맥북이랑 윈도우에서 돌아가면서 개발을 하고 있다. 재택근무때는 MAC, 사무실에서는 WIN 을 사용중이다.개발환경과 운영환경의 포트를 분리하기 위해서 package.json에 아래와 같이 추가했었다. "scripts": { "start": "NODE_ENV=production PORT=8080 node ./web.js", "dev": "NODE_ENV=development PORT=3000 nodemon ./web.js", } npm install을 하고 실행을 했는데 아래와 같은 오류가 떴다. | 해결방법윈도우에서 NODE_ENV를 실행하려고 할 경우에는 win-node-env 를 설치해야한다고 한다.참고로 Windows 외의 다른 OS에는 설치되지 않는다. npm in..
리액트의 Controlled Component와 Uncontrolled Component의 차이점에 대해서 설명해주세요.1. Controlled Component란?Controlled Component(제어 컴포넌트)는 React의 상태(state)를 직접 관리하는 방식의 컴포넌트입니다.사용자의 입력 값이 컴포넌트의 state에 의해 제어되며, 값이 변경될 때마다 onChange 이벤트 핸들러를 통해 state를 업데이트합니다.예제 코드import { useState } from "react";function ControlledInput() { const [value, setValue] = useState(""); return ( type="text" value={value..
| 오류 현상프로젝트를 실행하려고 하는데 아래와 같은 오류가 발생했다.IDE : intelliJ error: cannot find symbol log.info("a : {}", a); ^ symbol: variable log location: class A @Slf4j 어노테이션이 있는데도 log 변수를 찾지 못하고 있던 것이다. 몇가지 상황을 테스트해보면서 어떤 부분에서 인식을 못하고 있는지 확인해보자. Lombok이 프로젝트에 제대로 설정되었는지 확인프로젝트에서 Lombok이 제대로 설정되지 않은 경우, @Slf4j가 log 객체를 ..
| 오류 현상monggodb 설치시 해당 오류로 인해 실행이 안되는 오류 발생 mongodb 설치하였는데 실행시 오류가 발생하여 살펴보니,tsconfig.json 파일에서 JSON schema for the TypeScript compiler's configuration file 오류가 발생하고 있었습니다. 문제 보기 (⌥F | 해결방법 npm i webpack 위 명령어를 통해 웹팩 설치시 해당 오류 해결
1. AWS 로그인 -> Route53접속 2. 도메인 - 등록된 도메인 메뉴 선택 3. 도메인 등록 버튼 선택 4. 원하는 도메인 입력 후 금액 확인 chaezzing.com 으로하면 연 14달러 라고하네요 ? 19000원 가량 하구요 구매는 다른 사이트에서 하셔도 됩니다. 우선 이렇게 진행해보겠습니다!5. 결제 요금 옵션 확인하기자동으로 도메인을 갱신할건지 여부를 선택할 수있고, 아래와 같이 이용기간을 등록할 수도 있습니다. 6. 연락처 정보 입력하기빈칸을 채워 입력해주시고 우편번호도 꼭 입력해주세요. 7. 입력정보 확인 8. 요청내용 확인 연락처 정보에 입력했던 이메일 주소로 아마 관련한 내용이 전달되고도메인 등록이 진행됩니다. 9. 도메인 등록 성공 일정 시간이 지난 후 대시보드 확인해보면 호스..
사용자에 따른 권한을 다르게 부여하고 접근할 수 있는 기능을 달리 하기 위하여 어떻게 해야할지 알아보다가 새로운 용어를 마주하였다. 아래 내용은 chat GPT 에게 궁금한 점을 물어보고 정리해서 업로드한 것이다. 역할 기반 엑세스 제어(RBAC) 란? RBAC (Role-Based Access Control)는 개별 사용자의 역할에 따라 리소스에 대한 접근을 제어하기 위해 컴퓨터 시스템에서 사용되는 방법을 말한다. RBAC 에서는 권한이 역할과 연결되고 사용자는 적절한 역할에 할당된다. 이를 통해 관리자는 개별 사용자 계정이 아닌 역할을 기반으로 리소스에 대한 액세스 권한을 부여하거나 취소할 수 있으므로 보안관리가 단순화된다. RBAC 의 주요 구성요소 1. 역할 조직 내의 특정 직무 또는 책임과 관련..
| 😱 오류내용 프로젝트 생성 후 실행 확인을 위해 npm run dev 를 했더니 또 오류가 발생했다. Error: > Couldn't find a 'pages' directory. Please create one under the project root | 💫 해결방안 Error: > Couldn't find a 'pages' directory. Please create one under the project root 일단 시키는 대로 'pages' 폴더를 만들고 다시 실행해본다. 일단 다음단계로 넘어가니 패스.. 이부분은 버전 문제도 있는것 같아서 따로 다시 해결 방법을 연계해서 올리도록 하겠다
npx create-next-app@latest 로 프로젝트를 설치하고 가장 먼저 마주한 것. ERROR ... | 😱 오류내용 설치 후 확인해보니 첫 줄 부터 빨간 줄이 쳐져있었다. Parsing error: Cannot find module 'next/babel' | 💫 해결방안 1. 프로젝트에 .babelrc 파일을 만들어 아래와 같이 작성한다. { "presets": ["next/babel"], "plugins": [] } 2. .eslintrc.json 파일을 아래 코드로 수정해준다. { "extends": ["next/babel", "next/core-web-vitals"] } [기존] [수정] 더이상 해당 오류가 발생하지 않는 것을 확인하였다. Parsing error: Cannot find..
