전체 글32 shadcn/ui 를 활용하여 공통 컴포넌트를 쉽고 빠르게 ! UI Framework 1. UI Framework에서 제공하는 공통 UI 컴포넌트를 통해 빠르게 아름다운 UI를 구현할 수 있다. 2. 대표적으로 bootstrap, material-ui가 있다. 3. 그러나 위의 framework를 사용하다보면 custom 하기가 불편하다. 4. 당연하게도 정해진 rule 안에서 이쁘고 빠르게 구현할 수 있도록 도와주기 때문에 내 입맛에 맞도록 하려면 다른 방법을 찾는게 맞긴 하다. 5. 더 큰 문제는 컴포넌트들이 여러 기능을 지원하기 때문에 무겁고 복잡하다. 6. Button 하나를 표현하는데 수 많은 Element, CSS와 animation, javascript 이벤트가 실행된다. 7. 또한 UI Framework로 만든 결과물은 비슷하기 때문에 나만의 또는 우.. 2024. 3. 5. nextjs 최신 버전 프로젝트 설정 (eslint, pretter) 프로젝트를 생성할 경로에서 다음 명령어 실행 npx create-next-app@latest yarn, pnpm을 사용하려면 다음 옵션 추가하여 실행 npx create-next-app@latest --use-pnpm npx create-next-app@latest --use-yarn 1. 프로젝트 이름 설정 2. typescript를 사용하면 runtime 에러를 최소화 할 수 있다. 3. typescript 문법 검사를 위해 eslint 설정 4. tailwindcss의 사용 추천 ! 5. page router 대신 app router 설정 권장 6. ./src/* 경로를 @/*로 사용할 수 있도록 설정한다. import Card from "@/components/card"; prettier 설치 p.. 2024. 3. 5. React 19 버전 canary React의 새로운 버전인 canary가 곧 latest 버전으로 출시된다. Asset Loading, Document Metadata 부분에서 획기전인 변화가 있어서 18.3이 아닌 19버전으로 출시된다. 추가될 내용에 대해서 간단하게 살펴보자. React Compiler 1. React는 상태 변경시에 너무 많이 리렌더링 되는 경우가 있다. 2. 초기부터 이 문제를 해결하기 위해 수동으로 memoization을 사용해왔다. 3. useMemo, useCallback, memo API를 적용하여 수동으로 상태변경에 따른 리렌더링을 조정했다. 4. 그러나 이 방법들은 코드를 지저분하게 만들고 잘못 사용하기 쉽고 최신 상태로 유지하는데 추가 작업이 필요하다. 5. React 팀은 상태변경시 UI의 정확한 .. 2024. 3. 5. elasticsearch 기초 정의 1. elasticsearch는 빠른 검색을 위해 document를 indexing(인덱싱) 과정을 거쳐서 Inverted Index(역색인)를 만든다. 2. 그리고 원본 데이터와 함께 인덱스에 저장한다. document 1. 원본 데이터를 JSON 형식으로 구조화한 것이다. 2. elasticsearch에서 단일 데이터 단위이다. {"keyword":"맛은 그대로 지방은 제로, 제로 탄산 사이다", "hit_count":"1000"} . indexing (색인) 데이터가 검색될 수 있는 구조로 변경하기 위해 원본 문서를 검색어 토큰들로 변환하여 저장하는 과정 index document들을 indexing하여 inverted index(역색인)와 함께 원본 데이터를 저장하는 논리적인 저장소 inverte.. 2024. 3. 4. systemctl, service 그리고 daemon systemctl 1. systemd(system daemon)를 관리하는 명령어 2. systemd에 의해 관리되는 서비스의 시작, 중지, 재시작, 상태 확인 등을 포함한 다양한 작업을 수행 deamon이란? 1. 백그라운드에서 실행되는 프로세스 2. 사용자의 직접적인 제어 없이 독립적으로 실행 3. 시스템이 부팅될 때 자동으로 시작 4. 일반적으로 이름이 'd'로 끝나는 관례를 따름 httpd, sshd, systemd 5. 시스템 모니터링, 시스템 유지관리, 스케줄링(cron) 등 작업 수행 linux는 OS가 부팅되면서 여러 daemon이 실행된다. 이러한 daemon들을 service 파일로 설정하여 실행하며 systemd라는 최상위 프로세스가 관리한다. systemd에 의해 관리되고 있는 se.. 2024. 3. 3. 이전 1 2 3 4 다음
