frontend

소규모의 단기 프로젝트를 하다보면, 프론트엔드가 디자인을 맡는 경우가 종종 있어서, 간단한 Figma사용법을 알아두면 좋을거 같다는 생각이 들었다.① 움직이거나 크기 조정할 때② 보통 Frame선택할 때 사용 → 휴대폰, 태블릿, 데스크탑, 노트북 사이즈 별로 선택할

자바스크립트는 동기적(synchronous)이다. → 호이스팅이 된 이후부터 작성한 코드 순서대로 실행 💡 호이스팅(hoisting): var, function 선언이 자동적으로 제일 맨 위로 이동 Synchronous callback ex) setTimeo

: 클라이언트 측 라우팅 지원 서버에서 다른 문서 다시 요청하지 않고 URL 업데이트더 빠른 사용자 경험 가능하게 함: Route 구성을 감싸기 위한 부모 요소→ react-router v6에서는 <Switch>를 <Routes>로 변경v5에서 사용되었을 때

컴포넌트가 마운트 됐을 때(처음 나타났을 때), 업데이트 될 때(특정 props가 바뀔 때), 언마운트 됐을 때(사라질 때) 특정 작업을 처리하는 Hook컴포넌트가 렌더링 될 때마다 실행 → 해당 컴포넌트가 화면에 렌더링된 직후에 불림컴포넌트가 화면에 맨 처음 렌더링

node_modules 폴더 용량이 큼 → 서버에 그대로 배포하면 비효율적임import/require 문법은 브라우저 친화적이지 않음→ 모든 js파일을 하나로 합쳐 사용(번들링)필요한 코드만 뽑아만 합쳐줌(용량 절약)결과물은 js파일 하나이므로 import/requir