본문 바로가기

전체 글

 (401)
XSS, CSRF https://www.youtube.com/watch?v=DoN7bkdQBXU https://www.youtube.com/watch?v=nzoUgKPwn_A&list=PLRx0vPvlEmdDQxb41uc1G4ecjV-hklFDM&index=10 참고: https://velog.io/@minjae-mj/%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%B3%B4%EC%95%88-%EA%B3%B5%EA%B2%A9-XSS-CSRF XSS(Cross Site Scripting): 💡 Cross-Site Scripting (XSS) 공격 공격자가 클라이언트 코드에 악의적인 스크립트를 주입하는 공격이다. 웹 어플리케이션의 유효성 검사나 인코딩이 충분하지 않을 경우, 브라우저는 스크립트의 악의..
DAS(Direct Attached Storage), NAS(Network Attached Storage), SAN(Storage Area Network) 저장소에 대하여 참고: https://www.youtube.com/watch?v=paf7nVhCMO4 DAS(Direct Attached Storage): 서버에 스토리지를 직접 바로1:1로 연결하여 사용하는 스토리지. 스토리지 관리, 파일 시스템 관리는 서버가 하게됨(스토리지가 하지 않음). 서버 하드웨어 내부에 꽃힌 디스크처럼스토리지를 사용할 수 있게됨. 마치 데스크탑PC나 노트북에 USB로 외장하드를 연결하는 것과 같음. NAS(Network Attached Storage): DAS에 네트워크 연결기능이 추가된것. 그럼 왜 네트워크로 연결하는 것일까? 하나의 스토리지에 더 많은 서버를 연결하기 위함임. 일반적으로 많이 사용되는 엔트리급 스토리지는 포트수가 4~8개임. 하나의 스토리지와 연결할 수 있는 서버수는 이 ..
클라우드 (컴퓨팅) 서비스 (IAAS, PAAS, SAAS의 차이점과 각각의 특색), 그리고 클라우드 컴퓨팅의 기술 요소, 그리고 도커 참고: https://blog.naver.com/watch_all/223007807275 https://www.youtube.com/watch?v=IH7mUwunzlo&t=1s https://www.youtube.com/watch?v=exewHoMNjsQ 도커: https://www.youtube.com/watch?v=WWhFBI6TMEU 도커: https://www.youtube.com/watch?v=WWhFBI6TMEU IAAS(Infra Structure as a service), PAAS(Platform as a service) , SAAS(Software as a service) 의 차이점을 한 눈에 아래와 같이 파악할 수 있다. 종류 클라우드 서비스의 제공범위 주요 특징 IaaS 인프라스트럭처..
실행 컨택스트 참조: https://www.youtube.com/watch?v=EWfujNzSUmw (복습. Closure함수: 자신이 선언 되었을 때 렉시컬 환경(렉시컬 스코프)을 기억하는 함수) (내생각)실행컨텍스트(환경), 스코프가 같은 의미로 쓰일수 있다. (내생각)실행컨텍스트: 코드 실행에 필요한 환경(조건이나 상태)을 모아둔 객체(즉 스코프역시 코드 실행에 필요한 조건이나 상태를 모아둔 영역이므로 스코프가 실행컨텍스트와 같은 의미일 수 있는것이다) 요약: 실행 컨텍스트이란? 코드를 실행하는데 필요한 환경을 제공하는 객체. 여기서 환경이란 코드 실행에 영향을 주는 조건이나 상태를 의미함. 식별자 결정을 더욱 효율적으로 하기 위한 수단으로써 필요한 정보를 한곳에 모아 제공하는 객체. 스코프 체인이란?: 스코프들..
클로저(closure) 출처: https://poiemaweb.com/js-closure 요약. 클로저란? 자신(함수)이 선언되었을때의 렉시컬 환경(렉시컬 스코프,정적 스코프)을 기억하는 함수 자유변수: 클로저함수에 의해 참조되는 외부함수의 변수 1. 클로저(closure)의 개념 클로저(closure)는 자바스크립트에서 중요한 개념 중 하나로 자바스크립트에 관심을 가지고 있다면 한번쯤은 들어보았을 내용이다. execution context에 대한 사전 지식이 있으면 이해하기 어렵지 않은 개념이다. 클로저는 자바스크립트 고유의 개념이 아니라 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어(Functional Programming language: 얼랭(Erlnag), 스칼라(Scala), 하스켈(Haskell), 리스프(L..
함수 호이스팅 ing 출처: https://www.youtube.com/watch?v=fETYLCU2YYc
생성자 함수, 객체 메서드(Object method), 계산된 프라퍼티(computed property)에 대하여 https://www.youtube.com/watch?v=8hrSkOihmBI&list=PLZKTXPmaJk8JZ2NAC538UzhY_UNqMdZB4&index=2 생성자 함수의 내부 실행절차 new함수명(); ==>> 빈객체를 만들고 this에 할당함. ==> this객체 안에 property들을 추가 ==>>this를 반환(실제로 위와 같은 코드는 당연히 없음) 단 어떠한 함수라도 위와 같이 new를 붙여서 생성하면 위와 같은 알고리즘이 동일하게 적용됨. 따라서 생성자 함수는 첫 앞글자를 대문자로 해주는 것이 관례임. 객체 메서드에 대하여 //앞서 배운 내용 몽땅 적용해 보기 let n="name"; let a="age"; const user={ [n]:"Han", [a]:29, [5]:6,//키가 ..
프로토타입을 이용한 객체의 상속 JS에서 상속을 할수 있는 방법은 2가지가 있다. 프로토타입을 이용한 상속과 extends를 이용한 클래스 상속. 여기서는 프로토타입을 이용한 상속을 알아본다. 프로토타입을 이용한 상속은 xxx.__proto__=yyy 를 통하여 계속하여 이루어질수 있다. //최고조상이 될 car객체 const car={ wheels:4, drive(){//이름지어보기. 지어짐. 하지만 이렇한 형식으로 객체안의 함수를 정의할 수 있음. console.log("Driving..."); } } //car객체를 상속할 bmw, audi, Lamborghini const bmw={ color:"red", navigation:1, }; const audi={ color:"blue", } const Lamborghini={ col..

티스토리툴바