#Stack
PrismaPrisma
# Prisma 데이터베이스를 자바스크립트 객체처럼 다룰 수 있게 해주는 ORM 도구. Node.js 생태계에서 널리 쓰임. 데이터베이스가 거대한 엑셀 파일이라고 떠올려보자. 원래는 SQL 이라는 언어로 “이 시트에서 이 행 가져와”, "이 셀 수정해"라고 말해야 한다. 기존 SQL 방식 SELECT * FROM…
자세히 보기
Today I Learned
매일 배운 것을 가볍게,
그러나 꾸준히.
프론트엔드 개발자의 학습 흐름을 그대로 옮겨둔 공간. 코드 스니펫부터 도메인 지식까지, 짧고 솔직하게 기록합니다. 모든 글은 GitHub 저장소에서 자동으로 가져와 빌드됩니다.
총 글 수
9개 포스트
카테고리
4개
마지막 업데이트
2026. 05. 16. PM 05:22
#TypeScript4#Stack3#도메인지식1#모던 자바스크립트 Deep Dive1
#TypeScript
testtest
CI/CD test
자세히 보기
#Stack
pnpmpnpm
# pnpm Node.js에서 쓰는 패키지 매니저 npm처럼 라이브러리 설치 및 버전 관리하지만 더 빠르고 디스크 사용량을 아끼는 방식 으로 동작 의존성 더 엄격하게 다뤄서, 숨겨진 의존성에 기대던 코드는 에러 발생할 수 있음 # 요즘 pnpm을 많이 쓰는 이유 디스크 공간 을 엄청 아낌 설치 속도 2~3배 빠름…
자세히 보기
#Stack
TanStack Query와 SWRTanStack Query와 SWR
# TanStack Query와 SWR React에서 서버에서 데이터를 가져올 때, useEffect 안에 fetch 를 넣고 useState 로 로딩·에러·데이터를 직접 관리할 수 있다. 하지만 다음이 반복되면 코드가 길어지고 버그가 나기 쉽다. 같은 API를 여러 컴포넌트에서 호출해 중복 요청 이 남 캐시 가 없어…
자세히 보기
#TypeScript
Interface vs TypeInterface vs Type
# Interface vs Type 둘 다 TypeScript에서 값의 모양(구조)을 적는 방법이다. 객체 프로퍼티, 함수 시그니처 등을 설명할 때 쓴다. 문법만 다르고 겹치는 부분이 많다. 차이는 어디까지 표현할 수 있나와 같은 이름으로 여러 번 선언할 수 있나에 있다! # 한 줄 요약 interface type 주…
자세히 보기
#TypeScript
PickPick
# Pick Pick 은 기존 타입에서 특정 프로퍼티만 골라 새 타입을 만드는 유틸리티 타입이다. 이 타입에서 a , b 키 만 남긴다 # 문법 Pick < Type , Keys > Type : 원본 객체 타입 Keys : 남기고 싶은 프로퍼티 이름들의 유니온 ( 'a' | 'b' ) # 예시 type User = {…
자세히 보기
#TypeScript
OmitOmit
# Omit Omit 은 기존 타입에서 특정 프로퍼티만 빼고 새 타입을 만드는 유틸리티 타입이다. 이 타입에서 a , b 키는 제외한 나머지 # 문법 Omit < Type , Keys > Type : 원본 객체 타입 Keys : 빼고 싶은 프로퍼티 이름들의 유니온 ( 'a' | 'b' ) # 예시 type User =…
자세히 보기
#도메인지식
🔎 SEO (Search Engine Optimization)🔎 SEO (Search Engine Optimization)
# 🔎 SEO (Search Engine Optimization) 구글과 같은 검색 엔진에 친화적인 사이트를 구축해, 광고가 아닌 자연 검색 결과를 통해 트래픽의 양과 질을 극대화하는 작업. 여러 관련 키워드로 검색 결과 페이지에 노출되도록 하여 웹사이트의 온라인 가시성을 개선하는 마케팅/기술 작업. 즉, SEO =…
자세히 보기
#모던 자바스크립트 Deep Dive
01. test01. test
# 모던 자바스크립트 Deep Dive 프론트엔드 개발자로써 더 발전하고 나아가기 위해 자바스크립트 기본 개념에 대해 다시 학습해 봐야겠다!
자세히 보기