치트시트
개발 치트시트 모음
매번 검색하기 번거로운 문법과 명령어를 한 장으로 압축했습니다. 필요할 때 빠르게 찾아보고 북마크해 두세요.
JavaScript전체 보기 →
JavaScript 배열 메서드 치트시트
map, filter, reduce, find, forEach 등 자주 쓰는 자바스크립트 배열 메서드를 용도·반환값·예제로 한눈에 정리한 치트시트입니다.
#JavaScript#Array#map#filter
JavaScript 문자열 메서드 치트시트
slice, replace, split, trim, includes 등 자주 쓰는 자바스크립트 문자열 메서드를 용도와 예제로 정리한 치트시트입니다.
#JavaScript#String#slice#replace
JavaScript 비동기 치트시트 (Promise·async/await)
Promise, async/await, Promise.all, try/catch 에러 처리 등 자바스크립트 비동기 패턴을 예제로 정리한 치트시트입니다.
#JavaScript#Promise#async#await
React · Next.js전체 보기 →
CSS전체 보기 →
CSS Flexbox 치트시트 (정렬 총정리)
justify-content, align-items, flex-direction 등 CSS 플렉스박스 속성을 그림 없이도 이해되도록 용도별로 정리한 치트시트입니다.
#CSS#Flexbox#정렬#레이아웃
CSS Grid 치트시트 (그리드 레이아웃 정리)
grid-template-columns, fr 단위, repeat, gap, grid-area 등 CSS Grid 핵심 속성을 2차원 레이아웃 관점에서 정리한 치트시트입니다.
#CSS#Grid#레이아웃#반응형
CSS 단위 치트시트 (px·em·rem·vw 정리)
px, em, rem, %, vw/vh, fr 등 CSS 길이 단위의 기준과 차이, 반응형에서 언제 무엇을 쓰는지 정리한 치트시트입니다.
#CSS#단위#rem#em