본문 바로가기

TIL96

JS-이벤트 루프, 호이스팅, 클로저 1. 이벤트 루프 Call Stack Heap Queue Event loop 2. Hoisting var, 선언이 끌어올려짐. let, const 사용을 권장하는 이유. 선언문 형태로 정의한 함수의 유효범위는 전체 코드의 맨 처음부터 시작하므로, 표현식 형태의 함수사용 권장. 3. Closure 외부함수에 의해 반환되는 내부함수. 클로저 생성 조건 내부함수가 익명함수로 되어 외부함수 반환값으로 사용된다. 내부함수는 외부함수의 실행 환경에서 실행된다. 내부함수에서 사용되는 변수 x는 외부함수의 변수 스코프에 있다. function outer(){ var name = `closure`; function inner(){ console.log(name); } inner(); } outer(); var name .. 2020. 12. 10.
[Network] HTTPS와 SSL인증서 - HTTP는 암호화없이 평문으로 통신을 하므로 도청의 위험성이 있다. 아이디와 비밀번호 문자열 그대로 노출되는 등 보안에 취약한 프로토콜. - HTTP의 문제점 보완하기 위해 HTTPS 등장. HTTPS(HTTP Secure) - 증명서를 통해 서버/클라이언트의 신원 확인, 데이터 암호화.인증.안정성 보호 프로토콜 - HTTP통신에 소켓 연결 부분을 SSL layer로 대체함. SSL(Secure Socket Layer) - TCP/IP model에서 TCP계층과 애플리케이션 계층 사이에 SSL layer가 존재함. - 클라이언트가 접속하려는 서버가 신뢰할 수 있는 사이트인지 보장 - SSL 통신에 사용할 공개키를 클라이언트에 제공 * reference victorydntmd.tistory.com/95.. 2020. 12. 3.
[Network] HTTP 프로토콜 HTTP: Hypertext Transfer Protocol - 서버와 클라이언트가 인터넷 상에서 데이터를 주고받기 위한 프로토콜 * 작동방식 - 서버/클라이언트 모델 - 클라이언트는 요청하고, 서버는 응답한다. - stateless 하게 연결끊어버리므로, 불특정 다수를 대상으로 많은 요청과 응답이 처리가능. but, 클라이언트의 이전 상황을 알 수 없음. - cookie 를 통해 정보 유지 가능 * 요청 메서드 GET: 정보 요청 POST: 정보를 밀어넣기 PUT: 정보 업데이트 DELETE: 정보 삭제 HEAD: 헤더 정보만 요청. 해당 자원 존재 여부, 서버 문제 여부 확인 OPTIONS: 웹서버가 지원하는 메서드 종류 요청 TRACE: 클라이언트의 요청을 그대로 반환. 주로 서버 상태 확인용. *.. 2020. 12. 3.
[CSS] 초기 파일 참고 @charset "utf-8"; /* Web Standard CSS */ /* Common */ body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textare a,button,select{margin:0;padding:0} body,input,textarea,select,button,table{font-family:'돋움',Dotum, Helvetica,sansserif;font-size:12px} img,fieldset{border:0} ul,ol{list-style:none} em,address{font-style:normal} a{text-decoration:none} a:hover,a:active,a.. 2020. 12. 3.
[HTML5] Semantic Layout - HTML5은 Client Side Technology기술의 중심이 되는 언어로서, html만으로도 클라이언트와 서버와의 통신이 가능하게 됨 - 시맨틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그이다. 검색 엔진등에서 해석하기에 용이함. - HTML5에서 제공하는 주요 시맨틱 태그는 다음과 같다. 머리말, 상단 문서간 탐색 링크의 집합 주제별 콘텐츠 영역, 주로 제목 그룹핑 콘텐츠 실제 내용 사이드바 영역 제작자 정보, 하단 2020. 12. 3.
[Javascript] 함수도 객체다 자바스크립트에서 함수는 일급객체다. * 일급객체의 특징 - 변수나 프로퍼티의 값으로 할당될 수 있다. - 함수 인자로 전달될 수 있다. - 리턴값으로 활용될 수 있다. - 동적으로 프로퍼티를 생성할 수 있다. 1. 변수나 프로퍼티의 값으로 할당 var foo = function(){ console.log('foo변수에 익명함수를 담았습니다.'); } var obj = {}; obj.age = function(){ return 100; } 2. 함수 인자로 전달 var foo = function(){ return 100; }; var goo = function(value) { console.log(value) }; goo(foo()); 3. 리턴값으로 활용 var foo = function(){ retur.. 2020. 12. 3.

티스토리툴바