JungHyeon Dev

📚

JungHyeon Dev

해당 블로그는 해당 링크의 T스토리 블로그 에서 마이그레이션되고 있습니다.

더 많은 글을 원하시면 T스토리 블로그를 참고 부탁드립니다.

개발 기록

웹훅을 통해 센트리에서 슬랙으로 알림보내기

웹훅을 통해 센트리에서 슬랙으로 알림보내기

센트리 무료 플랜에서 제공되는 웹훅을 통해 슬랙으로 알림 보내기

프론트에서 MSW로 백엔드보다 빨리 개발 시작하기

프론트에서 MSW로 백엔드보다 빨리 개발 시작하기

MSW를 활용해서 백엔드 API가 구축되지 않은 상황에서 개발을 시작해보자

프론트엔드에서 OpenAPI Generator로 빠르고 편리하게 개발하기

프론트엔드에서 OpenAPI Generator로 빠르고 편리하게 개발하기

OpenAPI Generator를 사용하여 개발 효율성을 향상시키고 안전하고 일관된 코드를 개발해보자

OpenAPI Generator

리액트에서 JWT 토큰 처리 및 API 요청

리액트에서 JWT 토큰 처리 및 API 요청

JWT 토큰을 리액트에서 관리하고 요청응답 로직 만들어보기 feat.Axios

프론트엔드의 이미지 최적화 방식

프론트엔드의 이미지 최적화 방식

웹 페이지 성능 최적화를 위한 이미지 최적화를 알아보자

React Hook Form과 zod를 활용한 폼 구현

React Hook Form과 zod를 활용한 폼 구현

React Hook Form과 zod를 활용한 폼 구현

React Hook Form과 zod를 사용한 폼 만들기

Vite React 프로젝트 PWA 적용하기

Vite React 프로젝트 PWA 적용하기

Vite기반 React 프로젝트에 PWA를 적용해보기

AWS S3를 활용해 정적 웹 페이지 호스팅 및 도메인 적용방법 (Gabia + Route53 + CloudFront + ACM)

AWS S3를 활용해 정적 웹 페이지 호스팅 및 도메인 적용방법 (Gabia + Route53 + CloudFront + ACM)

S3로 배포한 프로젝트에 CloudFront를 통해 간단하게 CDN과 도메인 적용 feat.Route53

AWS S3에 프로젝트 배포하기

AWS S3에 프로젝트 배포하기

AWS S3로 정적 웹 사이트 배포해보기 feat.React

Next.js 도커 이미지 생성 + Nginx 리버스 프록시

Next.js 도커 이미지 생성 + Nginx 리버스 프록시

Next.js 도커 이미지를 생성하고 Nginx를 리버스 프록시로 사용

Next.js 프로젝트 웹앱 만들기 - PWA(Progressive Web App)

Next.js 프로젝트 웹앱 만들기 - PWA(Progressive Web App)

Next.js로 PWA 웹앱 개발해보기 feat.next-pwa

[Trouble shooting] CORS(Cross-Origin Resource Sharing) 문제 해결하기

[Trouble shooting] CORS(Cross-Origin Resource Sharing) 문제 해결하기

프로젝트를 진행하던 중 겪은 CORS 문제 해결하기

Trouble Shootin

Session, Cookie, Web Storage의 차이

Session, Cookie, Web Storage의 차이

Web에서 중요하게 사용되는 세션, 쿠키, 로컬 스토리지의 헷갈리는 용어와 개념 정리

REST API를 제대로 알아보자

REST API를 제대로 알아보자

API를 만들면 항상 듣게 되는 REST API에 대해 제대로 이해하기

크로스 브라우징 지원을 위한 방법

크로스 브라우징 지원을 위한 방법

여러 브라우저에서 일관된 사용자 경험을 위해 크로스 브라우징 지원해보기

알고리즘 풀이