Engineering

14개의 글

2025. 2. 26.4 min read

[React] 리액트 개발 도구를 활용해 좋은 웹 어플리케이션 만들기

디버깅은 프로그래밍에서 가장 중요한 요소중 하나다. 잘못된 동작을 찾아내는 것은 때론 간단하지만, 여러 라이브러리와 작성된 코드들이 섞인다면 잘못된 동작을 찾아내기란 사막에서 바늘 찾기다. 이때 활용할 수 있는 리액트 개발 도구에 대해 소개해보겠다.리액트 개발 도구리액트 개발 도구란?리액트 팀에서 리액트 개발을 더 편리하

Engineering Debugging Devtools React

2025. 2. 26.3 min read

[React] SSR은 뭘까..?

이 글을 읽는 모두 SSR에 대해 많이 들어봤을것이다.SSR, 서버 사이드 렌더링 나도 많이 들어봤지만 그게 정확히 뭐야? 라고 한다면 잘 설명하지 못했었던거 같다. 글을 쓰며 정리하고 다시 읽어보며 SSR을 정복해보자!우선 SSR에 대해 잘 알고 설명할 수 있으려면 SPA에 대하여 잘 알아야한다고 생각한다.📌 SPA란

Engineering React Ssr

2025. 2. 26.3 min read

[React] useThrottle과 useDebounce에 대해서 알아보자

React 애플리케이션에서 자주 사용하는 useThrottle와 useDebounce는 사용자 인터페이스 성능을 최적화하는 데 유용한 커스텀 훅이다.스크롤, 키보드 입력, 리사이즈 등 이벤트가 자주 발생하는 상황에서 불필요한 호출을 줄여 부드러운 사용자 경험을 제공하는 것이 목적이다 먼저 useThrottle과 useDe

Engineering Debounce Performance React Throttle

2025. 2. 26.6 min read

[React] 언제 메모이제이션을 해야할까?

스터디 책을 읽다가 평소 관심이 있던 최적화와 관련된 부분이 있어서 정리해보기로 했다.메모이제이션이란?계산 결과를 메모리에 저장해 두고 동일한 계산이 요청될 때 다시 계산하지 않고 저장된 값을 반환하는 최적화 기법이다.리액트에서는 useMemo, useCallback 훅과 고차 컴포넌트인 memo를 활용해 메모이제이션을

Engineering Memoization Performance React

2025. 2. 1.2 min read

깃허브 페이지 커스텀 도메인 연결하기

지금 블로그는 버셀로 배포가 되어있기 때문에 이번에 만들고 있는 개인 포트폴리오 사이트는 깃허브 페이지로 배포하기로 했다.깃허브 페이지 배포하는것은 크게 어렵지 않았지만, 커스텀 도메인 연결이 시간이 오래걸렸어서 까먹지 않기 위해 정리 한 번 하려고 한다.1. 도메인 구매나같은 경우에는 가비아에서 이미 도메인을 산 상태여

Engineering Custom Domain Dns Github Pages

2024. 3. 26.2 min read

정규표현식

정규표현식 정규식, Regualar Expression 역할 문자 검색 (search) 문자 대체 (replace) 문자 추출 테스트 사이트 https://regexr.com/ 정규식 생성 // 생성자new RegExp("표현", "옵션"); new RegExp("[a-z]", "gi"); // 리터럴/표현/옵션 /[a-

Engineering Regex