📌 개발자 인사이트
# Axios 설치 및 사용 가이드라인 ## 1. 설치 ### 1.1 기본 설치 “`bash # npm npm install axios # yarn yarn add axios # pnpm pnpm add axios # 버전 확인 npm list axios “` ### 1.2 TypeScript 타입 설치 (TypeScript 사용시) “`bash # TypeScript 지원 (Axios는 기본 포함) # 추가 설치 불필요 “` … 더 읽기
# 쿠키 보안 옵션 (httpOnly, Secure, SameSite) ## 빠른 비교표 | 옵션 | 목적 | 기본값 | 설정 | 효과 | |——|——|——–|——|——| | **httpOnly** | XSS 공격 방지 | false | `httpOnly: true` | JavaScript 접근 불가 | | **Secure** | 중간자 공격 방지 | false | `secure: true` | HTTPS만 전송 | | **SameSite** … 더 읽기
# MSW (Mock Service Worker) 완벽 가이드 ## 목차 1. [MSW란?](#msw란) 2. [왜 MSW를 사용하나?](#왜-msw를-사용하나) 3. [설치](#설치) 4. [기본 설정](#기본-설정) 5. [핸들러 작성](#핸들러-작성) 6. [고급 사용법](#고급-사용법) 7. [베스트 프랙티스](#베스트-프랙티스) — ## MSW란? MSW(Mock Service Worker)는 Service Worker API를 활용하여 네트워크 레벨에서 HTTP 요청을 가로채고 모킹하는 라이브러리입니다. ### 핵심 특징 – **네트워크 레벨 인터셉션**: 애플리케이션 코드 … 더 읽기
1. 핵심 Hooks 함수 용도 주요 반환값 주요 옵션 useQuery 데이터 조회 (GET) data, isLoading, isError, error, isFetching, refetch queryKey, queryFn, enabled, staleTime, gcTime, retry, select useMutation 데이터 변경 (POST/PUT/DELETE) mutate, mutateAsync, isPending, isSuccess, isError, data, reset mutationFn, onSuccess, onError, onMutate, onSettled useInfiniteQuery 무한 스크롤/페이지네이션 data, fetchNextPage, fetchPreviousPage, hasNextPage, hasPreviousPage, isFetchingNextPage queryKey, queryFn, initialPageParam, getNextPageParam, getPreviousPageParam useQueryClient QueryClient 인스턴스 접근 queryClient 객체 – useSuspenseQuery Suspense와 함께 사용 data (항상 존재) useQuery와 동일 useQueries 여러 쿼리 동시 실행 쿼리 결과 배열 queries 배열 useIsFetching 현재 fetching 중인 쿼리 수 … 더 읽기
문제 상황 VSCode에서 SSH 원격 서버에 연결할 때, Linux에서는 문제없이 연결되는데 macOS에서만 비밀번호 입력창이 표시되지 않는 경험을 해보셨나요? 위와 같은 메시지만 표시되고 비밀번호를 입력할 방법이 없어 연결이 실패하는 상황입니다. 왜 macOS에서만 이런 문제가 발생할까? macOS는 SSH 연결 시 다른 운영체제와 다른 방식으로 동작합니다: 1. SSH 에이전트 통합 2. VSCode Remote-SSH 확장의 플랫폼별 처리 3. 보안 … 더 읽기
인덱스 시그니처란? 인덱스 시그니처는 객체의 속성 이름을 미리 정의하지 않고, 동적으로 속성에 접근할 수 있도록 하는 TypeScript 문법입니다. 기본 문법 실제 사용 예시 1. 기본 사용법 2. API 응답 처리 3. 환경 변수 타입 정의 키 타입별 특징 string 키 number 키 symbol 키 (TypeScript 4.4+) 값 타입 지정 any vs unknown Union 타입 사용 … 더 읽기
GitHub Copilot이 코드 자동완성에서 자율 에이전트 기능으로 진화한 것은 시니어 개발자들이 소프트웨어 개발에 접근하는 방식의 근본적인 변화를 의미합니다. Accenture, Microsoft, 그리고 수천 명의 실제 개발자 경험을 포함한 광범위한 연구에 따르면 복잡한 그림이 드러납니다: 개발자의 67%가 주 5일 이상 Copilot을 사용하지만, 시니어 개발자는 주니어의 32%에 비해 26%의 제안만 수용합니다. 이는 속도보다 품질을 우선시하는 보다 전략적이고 선택적인 … 더 읽기
무료 폰트 폰트명 개발사 특징 지원 언어 점유율 라이선스 Fira Code Mozilla 리가처 지원, 가독성 우수 다국어 25% OFL JetBrains Mono JetBrains 현대적 디자인, 리가처 지원 다국어 18% OFL Source Code Pro Adobe 클린한 디자인, 넓은 문자 지원 다국어 15% OFL Cascadia Code Microsoft Windows Terminal 기본폰트 다국어 12% OFL Inconsolata Raph Levien 컴팩트한 디자인 … 더 읽기
React에서 많이 사용하는 훅에 대해서 테이블로 정리 설명 한다. 훅 이름 기능 설명 주 사용 목적 간단한 예시 useState 상태 값을 만들고 변경할 수 있음 사용자 입력, UI 상태 저장 const [x, setX] = useState(0) useReducer 복잡한 상태 로직을 reducer 함수로 처리함 상태가 여러 단계로 바뀌는 경우 const [state, dispatch] = useReducer(reducer, init) useContext Context … 더 읽기
🤖 테슬라 자율주행 칩셋 (FSD Chip) 세대별 정리 세대 칩 이름 출시 시기 제조사 공정 연산 성능 탑재 모델 1세대 NVIDIA Drive PX2 ~2019 NVIDIA 16nm 약 12 TOPS 초창기 모델 S/X (HW2, HW2.5) 2세대 Tesla FSD HW3 2019~ 삼성전자 14nm 약 144 TOPS Model 3/Y, S/X (2019~2022) 3세대 Tesla FSD HW4 2023~ TSMC 5nm … 더 읽기