전체 글 썸네일형 리스트형 [React] Controlled Component vs. Uncontrolled Component 리액트의 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.. 더보기 [JAVA] 프로젝트 build 시 log 인식 못하는 에러 lombok error: cannot find symbol log 해결 | 오류 현상프로젝트를 실행하려고 하는데 아래와 같은 오류가 발생했다.IDE : intelliJ error: cannot find symbol log.info("a : {}", a); ^ symbol: variable log location: class A @Slf4j 어노테이션이 있는데도 log 변수를 찾지 못하고 있던 것이다. 몇가지 상황을 테스트해보면서 어떤 부분에서 인식을 못하고 있는지 확인해보자. Lombok이 프로젝트에 제대로 설정되었는지 확인프로젝트에서 Lombok이 제대로 설정되지 않은 경우, @Slf4j가 log 객체를 .. 더보기 JSON schema for the TypeScript compiler's configuration file 해결 | 오류 현상monggodb 설치시 해당 오류로 인해 실행이 안되는 오류 발생 mongodb 설치하였는데 실행시 오류가 발생하여 살펴보니,tsconfig.json 파일에서 JSON schema for the TypeScript compiler's configuration file 오류가 발생하고 있었습니다. 문제 보기 (⌥F | 해결방법 npm i webpack 위 명령어를 통해 웹팩 설치시 해당 오류 해결 더보기 [AWS] Route 53 으로 도메인 구매하기 1. AWS 로그인 -> Route53접속 2. 도메인 - 등록된 도메인 메뉴 선택 3. 도메인 등록 버튼 선택 4. 원하는 도메인 입력 후 금액 확인 chaezzing.com 으로하면 연 14달러 라고하네요 ? 19000원 가량 하구요 구매는 다른 사이트에서 하셔도 됩니다. 우선 이렇게 진행해보겠습니다!5. 결제 요금 옵션 확인하기자동으로 도메인을 갱신할건지 여부를 선택할 수있고, 아래와 같이 이용기간을 등록할 수도 있습니다. 6. 연락처 정보 입력하기빈칸을 채워 입력해주시고 우편번호도 꼭 입력해주세요. 7. 입력정보 확인 8. 요청내용 확인 연락처 정보에 입력했던 이메일 주소로 아마 관련한 내용이 전달되고도메인 등록이 진행됩니다. 9. 도메인 등록 성공 일정 시간이 지난 후 대시보드 확인해보면 호스.. 더보기 역할 기반 엑세스제어(RBAC)란? 사용자에 따른 권한을 다르게 부여하고 접근할 수 있는 기능을 달리 하기 위하여 어떻게 해야할지 알아보다가 새로운 용어를 마주하였다. 아래 내용은 chat GPT 에게 궁금한 점을 물어보고 정리해서 업로드한 것이다. 역할 기반 엑세스 제어(RBAC) 란? RBAC (Role-Based Access Control)는 개별 사용자의 역할에 따라 리소스에 대한 접근을 제어하기 위해 컴퓨터 시스템에서 사용되는 방법을 말한다. RBAC 에서는 권한이 역할과 연결되고 사용자는 적절한 역할에 할당된다. 이를 통해 관리자는 개별 사용자 계정이 아닌 역할을 기반으로 리소스에 대한 액세스 권한을 부여하거나 취소할 수 있으므로 보안관리가 단순화된다. RBAC 의 주요 구성요소 1. 역할 조직 내의 특정 직무 또는 책임과 관련.. 더보기 [Next.js] create-npx-app 설치 후 실행 오류 Couldn't find a 'pages' directory. Please create one under the project root | 😱 오류내용 프로젝트 생성 후 실행 확인을 위해 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' 폴더를 만들고 다시 실행해본다. 일단 다음단계로 넘어가니 패스.. 이부분은 버전 문제도 있는것 같아서 따로 다시 해결 방법을 연계해서 올리도록 하겠다 더보기 [Next.js] create-npx-app 설치 후 오류 Parsing error: Cannot find module 'next/babel' 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.. 더보기 뷰 인스턴스 라이프 사이클 [뷰 인스턴스 라이프 사이클] 라이프 사이클 ✈︎ 애플리케이션이 가지는 생명주기 🌀 뷰 인스턴스 라이프 사이클 라이프 사이클 (Life Cycle) 속성 : 인스턴스의 상태에 따라 호출할 수 있는 속성 라이프 사이클 훅 (Life Cycle Hook) : 각 라이프 사이클 속성에서 실행되는 커스텀 로직 | 뷰 생명 주기 표 뷰에서 제공하는 라이프 사이클 표이다. 하나씩 살펴보도록 하자. | 뷰 라이프 사이클 다이어그램 라이프 사이클은 크게 4가지로 나눌 수 있다. 1) 인스턴스 생성 2) 인스턴스 적용 3) 인스턴스 갱신 4) 인스턴스 소멸 1. beforeCreate 인스턴스 생성 후 가장 처음으로 실행되는 라이프 사이클 vue 인스턴스가 아직 정의되기 전으로 아직 접근할 수 없는 상태 2. crea.. 더보기 이전 1 2 3 4 ··· 13 다음