Nevertheless

var 키워드로 선언한 변수의 문제점 1️⃣ 변수 중복 선언 허용var x=1;var y=1;var x=100; // 초기화문이 있는 변수 선언문은 var 키워드가 없는 것처럼 동작var y; // 초기화문이 없는 변수 선언은 무시됨console.log(x); // 100console.log(y); // 1var 키워드로 선언된 변수는 같은 스코프 내에서 중복 선언을 허용한다. 2️⃣ 함수 레벨 스코프var x = 1;if(true) { var x = 10;}console.log(x); // 10var 키워드로 선언한 변수는 오로지 함수의 코드 블록만을 지역 스코프로 인정(그 외의 블록(if, for, while 등)은 스코프로 인식 하지 않음 )한다. 따라서 함수 외부에서 var 키워드로 선언한 변수는..

변수(Variable)란? : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름, 값의 위치를 가리키는 상징적인 이름 : 식별자(메모리 주소에 붙인 이름) 라고도 한다. 변수 선언var score; //변수 선언: 변수를 생성하는 것 : 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것 1. 선언 단계 : 변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알린다.2. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined 를 할당해 초기화한다. var 와 let 모두 undefined 라는 값이 할당되는지를 검색했는데, 지피티에 물어본 결과 l..

검색 엔진 최적화 란 구글, 네이버 등 검색 엔진에서 웹 사이트가 더 잘 보이도록, 즉 검색 결과 상위에 노출될 수 있도록 웹사이트의 구조, 콘텐츠, 기술적 요소 등을 최적화하는 모든 전략과 작업 을 의미한다. ⭐SEO 의 목적과 효과 자연 유입 증가: 광고가 아닌 검색 결과를 통해 더 많은 방문자를 유치할 수 있다. 브랜드 신뢰도 및 인지도 향상: 검색 결과 상단에 노출된 사이트는 사용자에게 더 신뢰를 주고, 브랜드 인지도를 높인다. 비용 효율적인 마케팅: 광고비를 들이지 않고도 꾸준한 방문자 유입이 가능하다. 경쟁 우위 확보: 경쟁사보다 상위에 노출되면 더 많은 유입과 기회를 얻을 수 있다. 사용자 경험 개선: SEO 는 단순히 검색 엔진만을 위한 작업이 아니라 빠른 로딩 속도, 모바일 최적화, 유용..

CSR(Client Side Rendering) 동작 방식: 서버는 최소한의 HTML 과 JS, CSS 파일만 전달. 브라우저가 JS 를 실행해 실제 콘텐츠를 동적으로 생성 👍🏻장점 : 빠른 페이지 전환과 부드러운 사용자 경험: 서버 부하 감소: 복잡한 UI / UX 에 유리 👎🏻단점 : 초기 로딩이 느릴 수 있음: SEO 에 불리 (검색 엔진이 콘텐츠를 인식하지 못할 수 있음): 보안상 취약점 존재 SSR (Server Side Rendering) 동작 방식사용자의 요청마다 서버가 HTML 을 완성해 보내줌. 브라우저는 받은 HTML 을 바로 렌더링 👍🏻장점 : 초기 로딩이 빠름, 첫 화면이 즉시 보임: SEO 에 유리 (검색 엔진이 모든 콘텐츠를 쉽게 크롤링): 더 높은 보안성 👎🏻단..

웹 애플리케이션의 한 형태로, 단일 HTML 페이지에서 동작하며 사용자가 페이지를 이동할 때마다 전체 페이지를 로드하지 않고, 필요한 데이터만 서버에서 받아와 동적으로 화면을 갱신하는 방식 ⭐주요 특징 1️⃣ 단일 페이지 구조 : 사용자는 여러 페이지를 이동하는 것처럼 보이지만 실제로는 하나의 HTML 파일 내에서 필요한 부분만 동적으로 변경된다. 2️⃣ 클라이언트 사이드 렌더링: 화면의 렌더링과 UI 업데이트가 주로 브라우저(클라이언트) 에서 이루어진다. Javascript 프레임워크(React, Vue, Angular 등) 를 활용해 구현된다. 3️⃣ 비동기 데이터 통신(Ajax) : 서버와의 통신은 전체 페이지가 아닌, 필요한 데이터만 비동기적으로 받아와서 처리한다. 이를 통해 부드럽고 빠른 사용자..