본문 바로가기
[자바스크립트] 프로토타입 JavaScript는 흔히 **프로토타입 기반 언어(prototype-based language)**라 불립니다. 모든 객체들이 메소드와 속성들을 상속 받기 위한 템플릿으로써 **프로토타입 객체(prototype object)**를 가진다는 의미입니다. 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지입니다. 이를 **프로토타입 체인(prototype chain)**이라 부르며 다른 객체에 정의된 메소드와 속성을 한 객체에서 사용할 수 있도록 하는 근간입니다. function Person() { //this.eyes = 0; //this.nose = 0; } Person.prototype.eyes = 2; Person.proto.. 2023. 2. 1.
[자바스크립트] 변수 변수 :특정 데이터값을 임시로 저장하는 공간 ▷사용하는 이유는? :반복 사용(일괄처리), 자주사용 :반복적인 구문에서 여러 코드에 걸쳐서 사용될 때 변수 선언 방식 ES5 - [호이스팅 이슈] - 기술면접 주요질문 let, const(ES6 - ECMAScript2016) let : 변경될 수 있는 값을 저장할 때 const : 변경되지 않는 값을 저장 ▷변수 작성시 주의사항 1. 숫자로 시작 불가 2. 특수문자 삽입 불가(언더스코어,$) 3. 예약어 사용불가 4. 대소문자 구분 변수의 유효범위 1.전역변수 - window 코드 블록 밖에서 선언된 변수 해당 코드 전역에서 접근 가능 여러개의 서로 다른 함수들이 같은 값을 공유해야 될 때 (중요) 전역변수 많아지면 전역변수 오염 발생 2.지역변수 - 코드.. 2023. 2. 1.
defer 정의 및 특징 태그의 defer 속성은 페이지가 모두 로드된 후에 해당 외부 스크립트가 실행됨을 명시합니다. defer 속성은 불리언(boolean) 속성으로 명시하지 않으면 false 값을 가지게 되고, 명시하면 true 값을 가지게 됩니다. 이 속성은 요소가 외부 스크립트를 참조하는 경우에만 사용할 수 있으므로, src 속성이 명시된 경우에만 사용할 수 있습니다. 참조된 외부 스크립트 파일을 다음과 같이 여러 가지 방법으로 실행시킬 수 있습니다. - async 속성이 명시된 경우 : 브라우저가 페이지를 파싱되는 동안에도 스크립트가 실행됨. - async 속성은 명시되어 있지 않고 defer 속성만 명시된 경우 : 브라우저가 페이지의 파싱을 모두 끝내면 스크립트가 실행됨. - async 속성과 defe.. 2023. 1. 31.
쿠키와 세션 stateless 통신이 끝나면 상태를 유지하지 않는 특징 연결을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지하지 않는 특성이 있다. 쿠키와 세션은 위의 두 가지 특징을 해결하기 위해 사용합니다. 예를 들어, 쿠키와 세션을 사용하지 않으면 쇼핑몰에서 옷을 구매하려고 로그인을 했음에도, 페이지를 이동할 때 마다 계속 로그인을 해야 합니다. 쿠키와 세션을 사용했을 경우, 한 번 로그인을 하면 어떠한 방식에 의해서 그 사용자에 대한 인증을 유지하게 됩니다. 1.쿠키 ( Cookie ) 쿠키란? 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특.. 2023. 1. 31.