나만의 모음집 (17) 썸네일형 리스트형 🔧 링크 저장소 해당 포스트는- 해당 포스트는 적재적소에 활용할 수 있는 링크를 저장하는 용도의 역할을 합니다. - 해당 포스트는 내용이 많이 추가되거나, 게시글을 최상단으로 끌어올릴 필요성이 있을 때는 최신 날짜를 기준으로 갱신됩니다. 기타 링크🔗https://developer.chrome.com/docs/devtools/network?hl=ko(브라우저 네트워크 도구 활용 가이드)개인 포스트 링크📕자료구조와 알고리즘 위키📕백엔드 위키 📕디자인 위키📕프론트엔드 개념 저장소 🔧[매번 갱신] 유용한 도구 및 개념 공유소 최근 백엔드 학습에도 도전중입니다. 해당 포스트는 아마 프론트엔드 위주의 지식을 정리할 듯하고, 백엔드 개념 공유소는 별도의 포스트를 추가할 것 같습니다. 해당 포스트는..제가 정리해서 한 번에 보고 싶은, 혹은 공유해서 사용해보면 좋을 것 같은 도구들을 모아두는 공간입니다. 매번 갱신될 때 마다 최신 날짜로 올라옵니다. 원래 수정 시 날짜를 표기하지 않았는데, 관리 효율성을 위해 새로 추가된 내용은 옆에 날짜를 표기하기 시작했습니다. 여러모로 도움이 되는 글이 되길 바랍니다. 공유하고 싶은 VSCODE 플로그인- import cost : 모듈이나 라이브러리 import 시에 추가되는 모듈, 라이브러리의 크기를 실시간으로 알려줍니다. 24.8.5- code spell checker : 영문에 익숙하지 않.. certbot 인증서 관련 명령어 모음집 포스트 목적배포 시 사용한 Certbox 을 이용한 SSL 인증서가 곧 만료된다고 하여 이참에 참고할 만한 명령어를 모아두고자 작성되었습니다.Certbot 설치운영체제에 따라 Certbot을 설치하는 명령어가 다릅니다. 일반적으로 다음과 같은 명령어를 사용합니다Ubuntu/Debian sudo apt updatesudo apt install certbotsudo apt install python3-certbot-nginx # Nginx 플러그인sudo apt install python3-certbot-apache # Apache 플러그인 CentOS/RHELsudo yum install certbotsudo yum install python3-certbot-nginx # Nginx 플러그인sudo.. 리액트의 다양한 활용 팁을 정리하였습니다. 모르셨다면 하나 알아가세요. 해당 포스트는..해당 포스트는 리액트를 사용하면서 알게된 팁이나 주요하다고 판단되는 활용 예제를 만들어 정리 후 모아두는 공간입니다. 참고한 자료가 있으면 하단의 참고문헌에 모아둘 예정입니다. 해당 포스트는 추가되는 내용이 있으면 관리 효율성을 위해 그 날을 기준으로 갱신되어 업로드 됩니다. 동적으로 래퍼 컴포넌트를 생성하는 팁보통 재사용성을 높이기 위한 방식으로 Card 와 같은 컴포넌트를 만듭니다. Card 컴포넌트의 래퍼가 되는 태그는 ul 이 될 수도 있고, div 가 될수도 있고, article 이 될 수도 있죠. 그런데 이러한 경우에는 정적이기 때문에, 개발자가 직접 해당 컴포넌트에 들어가서 수정하지 않는 이상은 불변한 상태에 있게 됩니다. 하지만, 리액트는 한 가지 특별한 동작이 있습니다.. 자바스크립트 활용 모음집 해당 포스트는..자바스크립트 활용을 위한 간단한 예제를 정리해두는 모음집입니다. 필요에 따라 추가될 수 있고, 추가되는 경우 해당 날짜를 기준으로 갱신됩니다. 이미지 미리보기 기능을 구현하는 방법 FileReader 객체를 사용하여 이미지 미리보기FileReader 객체는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해줍니다. 참고로, File 객체는 태그를 이용하여 유저가 선택한 파일들의 결과로 반환된 FileList 객체, 드래그 앤 드랍으로 반환된 DataTransfer 객체 혹은 HTMLCanvasElement의 mozGetAsFile() AP.. [모음집] NestJS(with TypeORM + PostgreSQL) 예제 모음집 포스트 목적NestJS, TypeORM, PostgreSQL 을 사용하면서 적용해야 했던 내용들에 대해 하나하나 정리하여 찾아볼 수 있는 아카이브 형식으로 자료들을 모아두는 포스트 입니다. 정리 순서는 뒤죽박죽이라서 목차를 보고 필요한 내용이 있다면 참고하시면 좋을 것 같습니다. 해당 포스트는 관리 효율성을 위해 업데이트 되는 날을 기준으로 최상단에 포스트가 갱신되는 것을 원칙으로 합니다. 참고/참조 자료 링크(TypeORM Where 문 예시) https://typeorm.io/select-query-builder#adding-where-expressionPostgreSQL 에서 제공하는 JSONB 타입의 데이터 다루기아래는 JSONB 타입의 데이터를 조작하기 위해 사용하는 옵션에 대한 간략한 설명을 .. 나중에 참고할 수도 있는 코드 모음집 보호되어 있는 글입니다. [모음집] Zustand 모음집 해당 포스트는..이 포스튼 클라이언트 상태관리 라이브러리인 Zustand 에 대한 일부 팁이나 내용들에 대한 것들을 모음집 형태로 모아두기 위한 포스트 입니다. 추가된 내용이 있으면 당일 날짜로 업데이트 됩니다. 저장소 내에 꼭 상태와 업데이트 함수를 같이 둘 필요는 없음일반적으로 Zustand 를 사용 시 스토어를 정의하면일반적인 방식으로 스토어를 정의하면 아래와 같이 상태와 업데이트 함수가 하나의 스토어에 같이 위치하고 있습니다.이 방식은 권장하고 있기도 하구요.export const useBoundStore = create((set) => ({ count: 0, text: 'hello', inc: () => set((state) => ({ count: state.count + 1 })), s.. 이전 1 2 3 다음
