dev-hpk 님의 블로그

Next.js에서 SVGR을 사용하면 SVG 파일을 React 컴포넌트처럼 사용할 수 있습니다.   SVGR - Transforms SVG into React Components. - SVGRTransforms SVG into React Components.react-svgr.com목차 1. SVGR이란? 2. Next.js에 SVGR 설정하기 3. SVGR 사용 예시추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다.1. SVGR이란?SVG는 벡터 기반의 이미지 파일로, 용량이 작고 크기를 바꿔도 이미지가 깨지지 않기 때문에 웹에서 자주 사용되는 이미지 포맷입니다. Next.js 기반 프로젝트에서 SVG를 사용하는 방법은 크게 2가지입니다. svg 파일의 경로를 img 파일의 src 속성에 넣어 i..

JWT 토큰을 사용할 때 Access Token만 사용하는 경우 많은 문제가 발생합니다. 이를 해결하기 위해 Refresh Token을 사용하는데요, Refresh Token은 보안과 관련된 핵심 개념 중 하나로, 특히 인증이 필요한 웹 애플리케이션에서 자주 사용됩니다. 목차 1. JWT 토큰이란? 2. Access 토큰만 사용하는 경우 문제점 3. Refresh Token이란? 4. Refresh Token 탈취 위험추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. JWT 토큰이란?JWT(JSON Web Token)는 클라이언트와 서버 간 인증 및 정보 교환을 위한 토큰 기반 인증 방식입니다. JWT는 간단하고 효율적이며, 다양한 애플리케이션에서 널리 사용됩니다.   JWT.IOJSON W..

개발에서는 프레임워크와 라이브러리라는 용어가 자주 등장합니다. 이 둘은 개발 효율성을 높이고 코드 품질을 향상하기 위해 사용되지만, 그 개념과 활용 방식에서 명확한 차이가 있습니다.  목차 1. 프레임워크(Framework)란? 2. 라이브러리(Library)란? 3. 프레임워크와 라이브러리의 차이 - 제어의 역전(Inversion of Control) 4. 프레임워크와 라이브러리 예시추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. 프레임워크(Framework)란?프레임워크는 애플리케이션의 기본 구조를 제공하며, 개발자가 이를 기반으로 코드를 작성해 나가는 "뼈대"입니다.앱/서버 등의 구동, 메모리관리, 이벤트 루프 등 공통된 부분은 프레임워크가 관리하고, 사용자는 프레임워크가 정해준 방식..