study

프론트엔드 개발자로 전향하면서 백단과 프론트단 사이에서 소통은 어떤게 필요할까궁금해서 정리해보았다.📌 프론트 & 백엔드 협의 포인트필요한 데이터 및 형식 결정필드명 통일 (userId vs user_id vs id)불필요한 데이터 제거💡 예제: 주문 정보 API 협

props 는 properties 의 줄임말 컴포넌트에게 어떠한 값을 전달해줘야 할 때, props 를 사용합니다. prop의 기본값(defaultProp),타입(PropTypes), 컴포넌트 내 값 렌더링하기(props.children)을 정리했습니다.

display: flex에도 gap을??

Moment.js는 JavaScript에서 날짜와 시간을 쉽게 다룰 수 있도록 도와주는 라이브러리입니다. 가장 많이 사용되는 주요 메서드 5개를 소개하고, 각각의 정의와 예제를 정리해보겠습니다.

로컬 스토리지: 다크 모드 설정 유지, 자동 로그인 토큰 저장 세션 스토리지: 입력 폼 데이터 임시 저장, 페이지 이동 시 데이터 유지 ✔ 로컬 스토리지는 브라우저를 꺼도 유지되지만, 세션 스토리지는 탭을 닫으면 삭제된다!

✅ 쿠키 vs 세션 | 구분 | 쿠키 (Cookie) | 세션 (Session) | |------|-------------|--------------| | 저장 위치 | 클라이언트(브라우저) | 서버 | | 데이터 보관 기간 | 유효 기간을 설정하면 브라우저를 꺼도 유지됨 | 브라우저를 닫으면 일반적으로 삭제됨 | | 보안 | 브라우저에서 접근 가능 →...