React Hooks 살펴보기
# useState React의 가장 기본이 되는 Hook으로 컴포넌트를 리렌더(rer-ender)시킬 수 있다. state를 setState를 호출하여 값을 변경하면, 변경...
Recent posts
SCSS 핵심 문법 정리
# SCSS란 CSS preprocessor (전처리기) - CSS로 컴파일되는 스크립트 언어 - 추가 기능과 유용한 도구를 제공하여, CSS의 태생적 한계 보완 ...
CSS 레이아웃 (Flexbox, Grid) 정리
# Flexbox display 속성 block box의 개념 - width(너비)와 height(높이)를 가짐 - 옆으로 margin이 존재 - element가 한 줄...
[캐럿마켓 클론] Incremental Site Regeneration & Future : React 18
INCREMENTAL SITE REGENERATION 사이트를 빌드한 후 다시 static 페이지를 만들거나 업데이트 - 전체 사이트가 아닌 각 페이지별로 정적으로 페이...
[캐럿마켓 클론] NextJS Deep Dive
MiddileWares V12 미들웨어는 첫 번째 파일 시스템 조회 전에 redirects 및 headers 직후 실행 - 각 라우트 파일 안에 _middleware.t...
[캐럿마켓 클론] Cloud Flare & NextJS Images
CLOUDFLARE IMAGES Introduction Cloudflare 클라우드를 위해 만들어진 전역 네트워크 - 인터넷에 연결하는 모든 것을 안전하고 비밀을 유지하...
백준 14891번 - 톱니바퀴 (JS)
문제 설명 총 8개의 톱니를 가지고 있는 톱니바퀴 4개가 일렬로 놓여져 있다. 톱니는 N극 또는 S극 중 하나를 나타내고 있다. 톱니바퀴에는 1번부터 4번까지 번호가 매겨져 ...
[캐럿마켓 클론] Products
Accounts Logic Upsert : Update or Create Records 조건에 맞는 기존 데이터가 있으면 업데이트 없으면 새롭게 생성 - where, c...