JS/FE

[FE] 웹사이트 정렬 방식 학습

실제 웹페이지, 특히 Naver와 같은 대규모 웹사이트에서 정렬 기능은 주로 다음과 같은 방식으로 구현됩니다:클라이언트 사이드 정렬:작은 데이터셋의 경우, JavaScript를 사용하여 브라우저에서 직접 정렬합니다.장점: 서버 부하 감소, 빠른 응답 시간단점: 대량의 데이터에는 적합하지 않음서버 사이드 정렬:대부분의 경우 이 방식을 사용합니다.데이터베이스 쿼리에 ORDER BY 절을 사용하여 정렬합니다.페이지네이션과 함께 사용하여 대량의 데이터를 효율적으로 처리합니다.AJAX를 이용한 동적 갱신:정렬 버튼 클릭 시 AJAX 요청을 보내 새로운 정렬 결과를 받아옵니다.페이지 전체를 새로고침하지 않고 특정 부분만 업데이트합니다.URL 파라미터 사용:정렬 조건을 URL 파라미터로 포함시켜 상태를 유지합니다. ..

[FE] what is ESM?

ESM(ECMAScript Modules)은 JavaScript의 공식 모듈 시스템입니다. ES6(ECMAScript 2015)에서 도입되었으며, 코드를 모듈화하고 재사용 가능한 컴포넌트로 구성할 수 있게 해줍니다. ESM의 주요 특징과 사용법에 대해 설명하겠습니다.주요 특징:정적 구조: 모듈 의존성이 정적으로 분석될 수 있어 더 나은 최적화가 가능합니다.비동기 로딩: 모듈을 비동기적으로 로드할 수 있습니다.명시적 의존성: import/export 문을 통해 의존성을 명확히 표현합니다.순환 의존성 지원: 순환 의존성을 자연스럽게 처리합니다.기본 문법:내보내기 (Exporting):// 단일 내보내기export const name = 'John';export function sayHello() { cons..