GET, POST 데이터 흐름 GET 사용자가 웹브라우저에서 URL을 입력하거나, 하이퍼링크를 클릭하면 웹 서버에 GET 요청이 전송 요청 메시지의 헤더만 서버로 전송되고 요청 메시지 본문은 전송되지 않음 서버는 요청 메시지 헤더를 확인하여 응답을 생성 응답 메시지의 본문에 요청한 데이터가 포함됨 웹 브라우저는 응답 메시지의 본문을 받아 사용자에게 보여줌 POST 사용자가 웹 브라우저에서 form 요소를 작성하고, 제출 버튼을 클릭하면 웹 서버에 POST 요청이 전송 요청 메시지의 본문에는 폼 요소의 값들이 포함 서버는 요청 메시지의 본문을 받아 요청에 대한 응답을 생성 응답 메시지의 본문에 요청한 데이터 포함 웹 브라우저는 응답 메시지의 본문을 받아 사용자에게 보여줌 Reference clova-x

Get 과 Post의 차이 : 서버와 클라이언트가 데이터 통신을 할 때 사용됨. Get은 주로 데이터를 가져올 때, Post는 주로 데이터를 서버로 제출할 때 사용됨. GET POST 목적 정보를 요청하여 서버에서 데이터 가져옴 데이터를 서버로 보낼 때 사용 데이터 전송 데이터를 URL 쿼리 매개변수를 통해 전송 데이터가 URL에 노출되어 보안에 취약 데이터를 HTTP 요청 본문에 포함하여 전송 데이터가 URL에 노출되지 않고 데이터 크기에 제한이 없고 보안에 비교적 안전함 캐싱 요청이 캐시 될 수 있음 동일한 요청이 반복되면 이전 응답 반환 가능 캐시되지 않고 매번 서버로 전달됨 북마크 URL에 매개변수가 포함되어 있으므로 사용자가 해당 URL을 북마크하거나 공유하기 쉽다. URL에 데이터가 노출되지 ..

브라우저 작동방식 URL 해석 및 요청 사용자가 웹 브라우저 주소창에 URL 입력 시, 브라우저가 이를 해석하고 해당 웹 서버 IP 주소를 DNS(Domain Name Systerm) 서버에서 탐색 브라우저는 서버에 HTTP 요청을 보내고, 웹 페이지를 요청. 사용자 에이전트 정보도 함께 전송됨 서버 응답 서버는 요청을 받고, 요청된 웹 페이지의 리소스(HTML 문서, CSS, JS, 이미지)를 찾아서 응답 응답은 HTTP 상태코드와 함께 전송 HTML 파싱 및 렌더링 브라우저는 서버로부터 받은 HTML 문서를 파싱하여 DOM(Document Object Model)을 생성(DOM은 웹 페이지의 구조와 내용을 표현하는트리구조) CSS 파일도 다운로드/파싱하여 CSSOM(CSS Object Model: 스..

동기/비동기 차이 : 여러 작업들이 있을 때에 해당 작업들을 순차적으로 처리하는지 동시에 처리하는지에 따라 동기/비동기가 구분된다. 동기|Synchronous 하나의 작업이 끝나야 그 다음 작업이 시작된다 단순하고 직관적인 코드, 디버깅하기 쉬움 CPU나 시스템 자원의 활용이 비효율적, 블로킹 작업으로 전체 app 성능에 영향 비동기|Asynchronous 여러 작업들이 동시에 병렬적으로 진행됨 대기 시간 최소화 및 시스템 자원을 효율적으로 활용가능 네트워크 호출, 파일 읽기/쓰기, 타이머 등의 작업처리에 사용됨 비동기프로그래밍 필요성 * 성능향상: 여러 작업을 동시에 처리하여 CPU 및 리소스 사용을 효율적으로 관리할 수 있음(네트워크 요청) * 반응성 향상 * 멀티테스킹 * 블로킹 방지 * 이벤트 처..

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

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