Docker로 Elasticsearch 로컬에 설치하기 – 검색 솔루션 빠르게 구축하는 법회사에서 검색 기능이 필요한데, 제대로 된 솔루션 없이 단순 문자열 검색만 하고 있다면 Elasticsearch 도입을 고려해볼 수 있습니다. 이번 포스팅에서는 Docker를 활용해 로컬 환경에 Elasticsearch를 설치하고 기본 실행까지 해보는 방법을 알려드릴게요.1. Elasticsearch 설치를 위한 준비사항Elasticsearch는 Java 기반이라 원래 설치가 조금 까다롭지만, Docker 환경에서는 매우 간단하게 설치할 수 있어요.우선 다음 준비물이 필요합니다.Docker가 설치되어 있고 실행 가능한 환경Elasticsearch 포트(기본값 9200)가 열려 있어야 합니다.2. Docker로 Ela..
Web
VSCode에서 NestJS 디버깅을 위한 launch.json 설정법NestJS 프로젝트를 위한 VSCode 디버깅 설정 (launch.json)다음은 NestJS 프로젝트를 Visual Studio Code(VSCode)에서 효과적으로 디버깅하기 위한 launch.json 파일의 예제 설정입니다. PNPM 패키지 매니저를 사용하는 환경에서도 사용할 수 있습니다.launch.json 코드 예제{ "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "Debug Nest Framework", "runtimeExecutable": "pnpm", "run..
[해결 방법] Delete ␍ prettier/prettier 에러 - VS Code + ESLint + Prettier 세팅 시프론트엔드 개발을 하다 보면 Prettier와 ESLint를 함께 사용하는 프로젝트에서 아래와 같은 에러를 만날 수 있습니다.Delete `␍` prettier/prettier특히 Windows 환경에서 코드를 작성할 때 자주 발생하는 문제인데요, 이번 포스팅에서는 이 에러의 원인과 해결 방법을 정리해보겠습니다.❓ prettier/prettier Delete ␍ 에러 원인이 에러는 줄바꿈(Line Ending) 방식의 차이 때문에 발생합니다.운영체제에 따라 기본 줄바꿈 방식이 다르기 때문인데요:Windows: CRLF (\r\n)macOS / Linux: LF (\n)Prett..
NestJS는 Node.js 기반의 TypeScript 지원 백엔드 프레임워크로, 구조적이고 확장성 있는 서버 애플리케이션을 만들 수 있게 해줍니다. 이 글에서는 NestJS로 API 서버를 시작할 때 생성되는 핵심 파일들을 하나씩 살펴보며, 각각의 역할과 코드 구조를 자세히 설명합니다.📁 NestJS 기본 파일 구조NestJS를 생성하면 기본적으로 다음과 같은 파일들이 포함됩니다:app.module.tsapp.controller.tsapp.service.tsapp.controller.spec.ts이번 글에서는 이 네 파일의 구조와 기능을 코드 중심으로 살펴봅니다.✅ app.module.ts - 앱의 루트 모듈import { Module } from '@nestjs/common';import { App..
최근 새로운 프로젝트 진행하는데 고객사 클라우드 PC에서 작업을 해야되서 프로젝트 세팅부터 정말 원할하게 진행되는게 없다.. 그 중 하나인 개발환경 세팅하고 Gradle 빌드하는데 Server Certificates is not trusted 라고 떠서 여기저기 찾아보다 아래 방식으로 일단 설정해줬다 Server Certificates 설정 변경 SSL 통신 관련 옵션을 해제 File > Settings > Tools > Server Certificates > Accept non-trusted certificates automatically 체크 난 일단 위방식으로 진행했다 참고 링크 : https://m.blog.naver.com/PostView.nhn?blogId=youzang7&logNo=22119..
1) init- param 해당 파라미터 값은 지정해준 서블릿 내에서만 쓸 수 있는 값 특정 서블릿에서만 사용가능 ServletConfig API의 getinitParameter(args)를 이용하여 불러 올 수 있다. 2) context -param context-param은 init-param 그 이상으로 전역 즉 모든 서블릿에서 사용할 수 있는 파라미터 값 모든 서블릿 사용 가능 SerlvetContext API의 getinitParamter(args)를 이용하여 불러올 수 있다.
RSS를 이번에 처음으로 접하고 개발해보게 되었다.. 도대체 이게 뭐람.. 그래서 여기저기 찾으면서 맨땅에 헤딩으로 개발 시작. 개발하면서 참조한 링크들을 정리할 겸 글 작성 RSS 란? 블로그처럼 컨텐츠 업데이트가 자주 일어나는 웹사이트에서, 업데이트된 정보를 쉽게 구독자들에게 제공하기 위해 XML을 기초로 만들어진 데이터 형식입니다. RSS서비스를 이용하면 업데이트된 정보를 찾기 위해 홈페이지에 일일이 방문하지 않아도 업데이트 될 때마다 빠르고 편리하게 확인할 수 있습니다. RSS 포멧 설명 아래 작성자분이 알기 쉽게 정리를 잘해 줌 https://tapito.tistory.com/444 RSS 2.0 XML 포맷에 대한 설명 RSS 2.0 Specification 'rss' Element RSS 2..
https://catsbi.oopy.io/32a9458e-f452-4733-b87c-caba75f98e2d 1. 타임리프 - 기본 기능 목차 catsbi.oopy.io 타임리프 관련해서 자세히 잘 정리해 주신 블로그
React.memo()란? React는 먼저 컴포넌트를 랜더링한 뒤 , 이전에 랜더링 된 겨로가와 비교하여 DOM 업데이트를 결정 만약 렌더링 결과가 이전과 다르다면, React는 DOM 을 업데이트 이 과정에서 만약 컴포넌트가 React.memo()로 둘러 쌓여 있다면, React는 컴포넌트를 렌더링하고 결과를 메모이징 함 그리고 다음 렌더링이 일어날 떄 랜더링하는 컴포넌트의 props가 같다면, React는 메모이징된 내용을 재사용 React Memo를 사용을 지양해야한 상황 랜더링 될 떄 props가 다른 경우가 대부분인 컴포넌트를 생각해보면, 메모이제이션 기법의 이점을 얻기 힘듬 props가 자주 변하는 컴포넌트를 React.memo()로 래핑 할지라도, React는 두가지 작업을 리 렌더링 할 ..
https://react-icons.github.io/react-icons React Icons React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa react-icons.github.io
