전체 글68 (JavaScript)this 정리 일반적인 함수 내부의 this는 해당 함수를 호출하는 대상을 가리킨다. var f = function(){console.log(this)} f(); var obj = {age:10,f: function(){console.log(this)}} obj.f(); 첫번째 this는 해당 함수를 호출한 전역객체(window)이고, 두번째 this는 f함수를 호출한 obj객체가 나오는걸 볼 수 있다. 중첩함수의 경우 전역객체를 가리킨다. var obj = { age:10, f1: function() { console.log(this) var f2 = function(){ console.log(this) } f2() } } obj.f1(); 중첩된 함수 f2는 f1의 this가 obj를 가리키는것과 달리 전역객체(w.. 2021. 8. 31. (JavaScript)프로토타입 왜 이걸 공부하게 됬는가? 리액트, Angular, vue 등 많은 것들이 자바스크립트 라이브러리이다. 앞으로 프론트엔드를 공부하는데에 있어서 자바스크립트의 중요성은 정말 크다고 생각했다. 프로토타입은 자바스크립트에서 객체를 생성하는 중요 방식이므로 앞으로 언젠가는 꼭 짚고 가야했다. 프로토타입 패턴에 대해서 프로토타입 패턴은 객체를 생성할때 원본객체를 복사해서 생성하는 방식을 말한다. 이러한 프로토타입 패턴은 perl, lua등 여러 언어에서 사용되고 있고 자바스크립트에서도 중요하게 사용된다. 물론 JS(자바스크립트)에서 사용되는 방식이 단순히 객체를 복사해서 생성한다는 것보단 복잡한데, 결국 근간은 비슷하다고 생각한다. JS에선 Class가 아닌 함수로 객체를 생성한다. 자바에선 객체를 생성하기에 앞.. 2021. 8. 29. (웹)로컬스토리지, 세션스토리지, 쿠키, 세션 / 이벤트 버블링, 캡처링 / 웹팩, 바벨 로컬 스토리지 - html5 나오면서 생김. 웹스토리지로써 최대 5mb까지 클라이언트에 영구 저장됨. ex)자동로그인 세션 스토리지 - html5 나오면서 생김. 웹 스토리지로써 최대 5mb까지 저장되며 브라우저 종료시 데이터 삭제됨. ex)폼정보, 비로그인 장바구니 쿠키 - 클라이언트가 서버와 통신시 항상 헤더에 넣어 보내는 키-값 파일임. 최대 4kb까지 가능하며 쿠키 생성시 지속시간을 정해서 지속시간이 끝나면 사라짐. 세션 - 쿠키기반이지만 브라우저가 아닌 서버에서 관리함. 클라가 접속하면 서버에서 세션ID를 발급해주고, 해당 ID에 데이터를 저장함. 브라우저는 쿠키로 해당 세션ID를 넘기고 서버는 받은 세션ID로 클라를 구별하고 데이터를 가져옴. 브라우저를 종료할때까지 인증상태를 유지하며 보안면에.. 2021. 7. 27. (NoSQL)Redis 레디스란? - key-value 형식의 NoSQL이다. 이걸 어디에 쓰나? - 원격저장소, 메시지 브로커, 공유 메모리 등으로 사용된다. 보통 인메모리 기반이기에 데이터를 캐싱하는 데에 많이 쓴다고 한다. 레디스의 특징 - value값으로 String, Set, SortedSet, Hash 등 여러 데이터 형식을 지원한다. - SnapShot(특정 지점을 Disk에 백업하는 방식), AOf(모든 쓰기 연산을 log에 기록해서 기존의 명령어들을 재실행하여 복구)를 이용하여 메모리에서 삭제된 데이터 복구가 가능하다. - Replication(Master / Slave)이 가능하다. 해당 Redis인스턴스가 다운됬을때를 대비할수 있다. - 싱글 스레드 기반이기에 RaceCondition이 일어날리가 없다. 캐.. 2021. 7. 26. 이전 1 ··· 4 5 6 7 8 9 10 ··· 17 다음
