호이스팅 JS에서 변수, 함수 선언을 현재 스코프의 맨 위로 끌어올려 코드 실행 이전에 변수 및 함수 선언이 메모리에 할당되는 것처럼 동작하게 함 변수 호이스팅 var 변수 선언이 끌어올려지고, let/const 변수선언은 블록 스코프를 가지므로 호이스팅의 영향을 덜 받음 함수 호이스팅 함수 선언문은 끌어올려지나, 함수 표현식은 호이스팅되지 않음 Reference chat-gpt

🚀 Today I Studied Savers 로그인 페이지 CSS 1차완 facebook 소셜로그인 추가 소셜로그인 redirect 재설정 필요 kakao, facebook icon 수정 필요 회원가입 페이지 CSS 완 기술면접/무한스크롤 기술면접 롤플레잉 useEffect var, let, const 차이점 Async/Await Promise 차이점 무한스크롤 JS 호이스팅 ⚡️ Today I Learned 회의록 ==> https://xoxojw.notion.site/20230831-9e7f5a7598d34412ab9e18dfde52b54c?pvs=4 기술면접/무한스크롤 ==> https://terryehlee.tistory.com/184 🕰️ 오늘의 공부시간/11:43

🚀 Today I Studied Savers Header 오류처리 프로필 이미지 업로드: 진행중 기술면접 대비 var, let, const Async/Await 과 Promise 차이 기술튜터링 ⚡️ Today I Learned 기술면접대비 var, let, const ==> https://terryehlee.tistory.com/182 Async/Await 과 Promise 차이 ==> https://terryehlee.tistory.com/183 회의록 화요일 오후 ==> https://xoxojw.notion.site/20230829-e82b177f40c9413eae2a7c820982da23?pvs=4 수요일 오후 ==> https://xoxojw.notion.site/20230830-20e217b..

만개의 데이터로 무한스크롤 구현시 고려할 점들 가상화(Virtualization): 모든 데이터를 한 번에 로드하지 않고, 사용자가 스크롤할 때 데이터를 동적으로 로드함. 보이는 부분만 랜더링하고 나머지 부분은 메모리에 유지 데이터 청크(Chunking): 데이터들을 작은 데이터 청크로 나누어 로드함. 사용자가 스크롤을 내릴 때마다 새로운 청크를 로드하여 초기 로딩 시간 감소 스크롤 이벤트 최적화: 스크롤 이벤트에 적절한 디바운스(debounce), 스로틀(throttle)하여 불필요한 데이터 로드 방지 데이터 캐싱: 이미 로드한 데이터를 캐싱하여 중복 데이터 로딩을 방지하여 네트워크 요청 수를 줄이고 성능 향상 로딩 인디케이터: 로딩중임을 사용자에게 알림 에러 핸들링 성능 최적화: 데이터베이스 쿼리 튜..

Async/Await와 Promise : 비동기 작업을 처리하는 로직 차이점 Async/Await는 Promise를 래핑하는 더 간편한 방식으로 비동기 코드를 작성하게함 Async/Await는 비동기 코드를 동기 코드처럼 보이게 만들어 가독성을 높임 Async/Await를 사용시 직관적인 예외처리 가능 Promise는 더 낮은 수준의 비동기 제어가 가능하지만 더 복잡한 비동기 작업 흐름을 구성 할 수 있음 ==> 코드의 가독성과 유지보수성인 측면에서는 Async/Await가 유리하고, 복잡한 비동기 흐름 혹은 프로미스 체인의 경우에는 Promise 사용이 유리함 Promise Thenable 객체: .then(), .catch() 메서드를 사용하여 비동기 작업의 성공/실패 결과 처리 Chaining: 여..

var, let, const : JS에서 변수를 선언하는 키워드 var 예전에 주로 사용 됨 함수 스코프를 가짐: 함수 내에서 선언된 변수는 해당 함수 내에서만 유효함 호이스팅 발생: 변수 선언이 함수나 블록의 맨 위로 끌어올림 재선언 가능 let ES6에서 도입된 변수 선언 키워드 블록 스코프를 가짐: 중괄호로 둘러싸인 블록 내에서만 유효 호이스팅이 발생, 초기화되지 않은 변수는 'undefined'로 초기화 재선언 불가능 const ES6에서 도입된 변수 선언 키워드 블록 스코프를 가짐 한 번 선언한 후에는 값을 변경할 수 없음, 상수를 선언할 때 사용