💡 알아두면 좋은 것들/개념정리

1. 프리렌더링(Pre-rendering)프리렌더링은 서버가 페이지를 사용자가 요청하기 전에 미리 렌더링해서 준비해두는 방식입니다. 페이지를 미리 생성하여 캐싱해 두는 것이 특징입니다.특징정적 생성: 빌드할 때 렌더링서버사이드 렌더링: 리퀘스트가 들어오면 렌더링장점: 빠른 로딩 속도 (페이지가 미리 준비되어 있음), SEO에 유리프리 렌더링을 사용하면 프리페치보다 표시 시간이 빨리지고 더 많은 리소스를 필요로 하는 대신 사용자 경험이 향상됩니다.단점: 동적인 컨텐츠에 대해 적용하기 어렵고, 미리 준비된 페이지만 제공 가능프리렌더링이 적합한 경우자주 변경되지 않는 콘텐츠: 예를 들어 블로그, 포트폴리오 사이트 등 자주 업데이트되지 않는 콘텐츠가 많을 때.ex) 블로그, 포트폴리오 사이트SEO가 중요한 페이..

1. PromisePromise는 비동기 작업의 결과를 나타내는 객체입니다. 비동기 작업이 성공적으로 완료되면 결과값을 제공하거나, 실패하면 에러를 반환합니다.주요 특징상태: Pending (대기), Fulfilled (이행), Rejected (거부) 세 가지 상태를 가집니다.메소드: then, catch, finally 메소드를 사용하여 결과를 처리합니다.const fetchData = () => { return new Promise((resolve, reject) => { setTimeout(() => { resolve("데이터 수신 완료"); }, 1000); });};fetchData().then(result => { console.log(result); // "데이터 ..

1️⃣ 자바스크립트에서 콜백(콜백 함수)이 무엇인지 설명해 주세요.🏷️ 자바스크립트에서 콜백 함수는 다른 함수의 인자로 전달되어, 해당 함수가 작업을 완료한 후 호출되는 "나중에 호출될 함수"입니다.// 각 배열의 요소에 콜백 함수를 호출const numbers = [1,2,3,4,5];numbers.forEach((number)=> console.log(number));콜백 함수의 문제점많은 콜백 함수가 중첩되면 코드가 복잡하고 가독성이 떨어집니다. 이를 방지하기 위해 'Promise', 'async/await'과 같은 비동기 처리 방법이 사용됩니다.2️⃣ 배열에 있는 filter, map과 같은 메서드에 있는 콜백과 setTimeout에 있는 콜백의 차이에 대해 설명해 주세요.🏷️ filter나 ..