객체 구조 분해 할당으로 파라미터 다루기 (JavaScript Destructuring Assignment) ({a, b, ...others})구조 분해 할당이란?JavaScript에서 함수를 호출할 때 객체를 파라미터로 넘기면, 특정 값만 따로 변수로 받고 나머지는 그대로 유지하는 방법이 있는데이런 기법을 객체 구조 분해 할당(Object Destructuring Assignment) 이라고 합니다. 함수를 호출할 때 { key: value } 형태의 객체를 넘겨줄 경우, 함수 내부에서 필요한 값만 골라서 사용할 수 있도록 해주는 문법인데이렇게 하면 불필요한 코드 작성을 줄이고 가독성을 높일 수 있어 사용합니다. 기본 사용법(1) - 각 객체 모두 등록다음처럼 함수를 정의할 때, 객체에서 특정 키만 추..

'이름이 지정되지 않았습니다'실행 오류 java. io. FileNotFoundException: /Users/{사용자명}/.SmartTomcat/프로젝트명/conf/server. xml (No such file or directory)너무나 고생한 톰캣 에러삽질 최강 에러 별거없다conf파일이 자꾸 새로고침 되는 현상FileNotFoundException: /Users/{사용자명}/.SmartTomcat/프로젝트명/conf/server.xml이름그래도 server.xml을 찾지못해서 발생한 에러입니다.톰캣 설정도 딱히 건드린 것도 없었고 저 FileNotFoundException 발생 위치에가보니(프로젝트명)├── conf │   └── Catalina │   └── localhost└── te..

[React] Invaild host Header 오류 발생React 로컬 실행 Errornpm run start Invaild host Header로컬 실행 시 기본 세팅이 로컬에서의 접속은 허용하지만 외부에서의 접속을 허용하지 않아서 발생하였습니다.해결방법아래 경로에 진입하여 disableFirewall 에 따른 분기값을 수정해줍니다. node_modules/react-scripts/config/webpackDevServer.config.js//before (주석부분은 삭제하였습니다)const disableFirewall = !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true'; return { allowedHosts: disableFir..

[Node] 편리한 Node 버젼관리 NVM 설치하기 & 명령어NVM 이란?Node Version Manager말 그대로 Node의 버젼을 관리해주는 관리도구입니다. 여러 프로젝트를 진행하고하면 프로젝트마다 라이브러리, 프레임워크들의 버젼들이 달라 호환 문제가 생길 수 있는데NVM을 이용하여 버젼들을 관리하면 필요한 노드 버젼들에 대한 스위칭을 편하게 진행할 수 있습니다.  NVM 설치하기window에서의 설치아래 링크에서 WIndows용 NVM파일을 다운로드하여 nvm-setup.zip을 설치하여줍니다.https://github.com/coreybutler/nvm-windows/releases Mac OS에서의 설치Homebrew를 통하여 설치하는데, Homebrew가 없다면 아래 링크를 통하여 설치해..

Mac OS 에서 톰캣 Tomcat 설치하기 [M3]비고1비고2톰캣 설치 방법아파치 톰캣 사이트에서 다운로드가 가능합니다.https://tomcat.apache.org/index.html 톰캣 버전 선택좌측 Download 영역에서 버젼을 선택하여 이동합니다. (저는 Tomcat 10)   톰캣 다운로드tomcat 10을 눌러 나온 화면에서 하단 Binary Distributions의 tar.gz 확장자를 선택하여 다운로드 & 압축해제를 진행해줍니다. 경로 이동 및 설정압축해제된 파일을 본인이 원하는 폴더경로로 이동시킨다음폴더 '우클릭' 을 하여 '정보 가져오기'를 클릭하여 해당 경로를 복사해줍니다. ex ) /Users/macbook/Documents/Dev/apache-tomcat-10.1.30  톰..

이미지설명일일보고 생성간 공휴일 개천절 이미지 적용을 위해 chatGPT를 이용하여 생성하였습니다.다른 분들도 필요하실까 싶어 공유드립니다. 이미지는 자유롭게 사용하셔도 좋으나 출처를 남겨주시면 감사합니다. 이미지 출처이 게시글에 사용된 이미지는 OpenAI의 DALL-E를 통해 생성된 이미지입니다.DALL-E는 AI 기술을 활용해 사용자가 제시한 설명에 따라 이미지를 생성하며, 이 이미지는 저작권 문제가 없는 자유로운 사용이 가능합니다.출처: OpenAI DALL-E 이미지 생성 도구개천절 이미지 포스터