프로그래밍5 0. shadcn ui 과 Radix UI shadcn ui 과 Radix UIRadix UI는 component 기능적 부분(행동, 접근성, 상태 관리 등)만 제공하고, 시각적인 부분(스타일링, 디자인)은 제공하지 않는 즉 헤드리스 UI component 라이브러리입니다.shadcn/ui는 Radix UI를 기반으로 만들어 기능성과 접근성을 유지하면서, 디자인과 스타일을 추가된 component 모음입니다.Radix UI 특징Primitive 는 Radix UI에서 기본적이고 근본적인 ui components 를 의미합니다.1. 접근성모든 component는 WAI-ARIA 디자인 패턴을 준수합니다키보드 내비게이션 및 포커스 관리 기능 내장스크린 리더와 호환됨2. 개발자 경험component 간 상태 공유를 위한 내장 콘텍스트(Context) .. 2025. 5. 4. husky 를 통해 Git 훅 적용 설명Husky는 Git Hook을 더 쉽게 관리하고, 팀 협업에서 일관성을 유지할 수 있도록 돕는 JavaScript 라이브러리입니다.가볍고 빠르며 광범위한 지원으로 다양한 환경과 워크플로어에 쉽게 통합해 사용 가능합니다.기능Git Hook 설정 자동화: Git Hook을 직접 작성하지 않고, package.json 또는 설정 파일에서 간단히 관리 가능.Node.js와 통합: JavaScript를 사용하여 Git Hook 스크립트를 작성 가능하다.일관성 유지: 프로젝트의 Git Hook 설정을 팀원과 공유 가능.가볍고 빠름 (2KB, runs in ~1ms )custom directory : git 설정 옵션 core.hooksPath 설정하여 custom hooks 의 directory 따로 관리 가능.. 2025. 1. 4. Buffer 의 이해 버퍼(Buffer) 는 데이터를 임시로 저장하는 일시적인 메모리 공간을 의미한다. 버퍼는 바이너리 데이터를 다루는 데 사용되며, 특히 네트워크 통신이나 파일 입출력과 같은 작업에서 데이터를 일시적으로 저장하거나 전송하는 데 유용. 버퍼링(buffering)이란 버퍼를 활용하는 방식 또는 버퍼를 채우는 동작을 의미한다 하드웨어나 소프트웨어 모두 사용될 수 있는 개념이자 기능이라고 볼 수 있다. ex) api 서버, RAM ※ 바이너리 데이터 : 데이터의 저장과 처리를 목적으로 0과 1의 이진 형식으로 인코딩된 파일 2023. 7. 11. [이슈] 패키지 일부 파일이 정상적으로 업데이트되지 않는 이슈 (npm) 내용 Nextjs 13 버전 업데이트 후 image 컴포넌트 관련 image.d.ts 파일이 정상적으로 업데이트 되지 않아 이전 버전의imgae 컴포넌트의 type 내용이 있어 오류가 발생 해결과정 Next.js 같이 Typescript 를 지원하고 많은 사람이 이용하는 패키지의 파일이 누락될 가능성보다 제대로 업데이트 되지 못했을 가능성이 높다고 판단했다. 관련 내용을 chatgpt 에 문의한 결과 npm 의 캐시 관련 내용 및 해결방법을 제시했다. 내용 : npm 의 캐시내용은 패키지를 다시 설치할 때 활용한다. 해결방법 : 특정 명령어를 통해 캐시내용을 제거한 후 다시 설치 코드 npm cache clean --force 결론 imgae 컴포넌트가 Nextjs 13 버전 들어오면서 변경사항이 있었고.. 2023. 6. 8. [ 개발 이슈 ] maxlen 적용 이슈 eslint 는 prettier 를 사용해서 공통된 형식을 적용하기 위해서 여러 코드 규칙을 적용해둔 상황에서 tsx 파일에서 보이던 maxlen 룰이 ts 파일에서는 적용되지 않았고 100줄이 넘어가는 내용을 prettier 는 설정에 따라 줄을 넘겼고 그 내용은 화살표 함수가 있던 코드였기 때문에 eslint 의 arrow-body-style, implicit-arrow-linebreak 규칙에 따라 함수형식이 올바르지 않아 오류가 발생했다. 상황 정리 : ts 파일에서 maxlen 규칙이 적용되지 않음 화살표 함수가 포함된 코드가 100줄이 넘어가 prettier 함수의 리턴 내용을 줄바꿈함 arrow-body-style, implicit-arrow-linebreak 규칙에 따라 올바르지 못한 함수.. 2023. 5. 3. 이전 1 다음
