분류 전체보기 (47) 썸네일형 리스트형 This This는 함수 내에서 함수 호출 맥락을 의미한다. 즉 함수를 어떻게 호출하느냐에 따라서 this가 가리키는 대상이 달라질 수 있다. 함수와 객체의 관계가 느슨한 자바스크립트에서 this는 이 둘을 연결시켜주는 실질적인 연결점의 역할을 하며 아주 중요한 역할을 한다. this를 사용할 때에는 scope관계도 잘 따져야 하는데 이건 나중에 더 공부하여 올릴 예정이다. function a() { console.log(this); }; a(); // Window {} 위와 같이 기본 적으로 this는 window를 가리킨다. 다른 예시로 window를 가리키지 않는 상황을 살펴보자. var obj = { a: function() { console.log(this); }, }; obj.a(); // obj 위와.. Closure란?? 클로저란 내부함수가 외부함수의 맥락에 접근할 수 있는 것을 말한다. 말로 설명하기보단 예시를 살펴보자. function getClosure() { var text = 'variable 1'; return function() { return text; }; } var closure = getClosure(); console.log(closure()); // 'variable 1' 위에서 정의한 getClosure()는 함수를 반환하고, 반환된 함수는 getClosure() 내부에서 선언된 변수를 참조하고 있다. 또한 이렇게 참조된 변수는 함수 실행이 끝났다고 해서 사라지지 않았고, 여전히 제대로 된 값을 반환하고 있는 걸 알 수 있다. 이와 같이 내부 함수가 외부함수에서 선언된 변수에 접근하여 사용할 수 .. Javascript(Prototype) 지금까지 First-Project나 Final-Project, 아니면 개인적으로 작업을 할 때에 항상 Prototype에서 한번씩 무조건 막힌 적이 많다. 그래서 이번 기회에 Prototype을 제대로 공부해보려고 한다. 우선, 자바스크립트는 프로토타입 기반 객체 지향 언어라고 표현하는데 여기서 말하는 프로토타입이란 대체 무엇일까???? 첫번째로 자바스크립트는 클래스라는 개념을 가지고 있지 않다. 그래서 기존의 객체를 복사해서 새로운 객체를 생성하는 방식을 사용해야 한다. 그렇기 때문에 자바스크립트를 프로토타입 기반의 언어라고 표현하는 것이다. 이러한 방법은 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어내고 이렇게 생성된 객체는 다른 객체의 원형이 될 수 있다. 그렇다면 계속해서 나오고 있는 프.. S3, EC2, RDS -S3 : 서버의 역할을 하는 서비스 : 저장 할 수 있는 파일 수의 제한이 없음 : 데이터의 손실이 일어날 경우 자동으로 복원함 : 많은 사용자가 접속을 할 수 있음 -EC2 : 하나의 컴퓨터를 임대하는 것이라 생각하면 됨 : 자신이 선호하는 운영체제를 설치하고, 웹 서비스를 위한 프로그램들 설치 가능 : 인터넷을 통해서만 접속 가능 : 사용한 만큼 비용을 지불하면 됨 : 필요하지 않을 때는 삭제가능하며 삭제 즉시 제거됨 -RDS : 아마존 웹 서비스가 서비스하는 분산 관계형 데이터베이스 : 복제, 백업, 장애 복구와 같은 작업을 대행 : 복잡한 관리 프로세스들을 자동으로 관리 : 클라우드 내에서 동작하는 웹 서비스 -결론 EC2(클라이언트) ---- S3(서버) ---- RDS(데이터베.. React -react를 사용하는 목적 : 사용자와의 인터렉션이 많을 경우 수많은 상태관리가 필요한데 상태법 관리를 최소화해주고 오직 기능개발에만 집중할 수 있도록 하기 위해 사용 : 컴포넌트라는 개념에 집중하고 있는 프론트엔드 라이브러리 : 나만의 html태크 -ES6 : 리액트는 기본적으로 ES6를 사용 : 기본적으로 알아야하는 규칙 -> destructuirng, spread operator, real parameters, default parameters, template literals, arrow function, for-of loop -JSX 리액트 컴포넌트를 화면에 보여주기 위한 복잡도를 줄이고 가독성을 높이기 위해서 주의할점 반드시 하나의 엘리먼트로 감싸야한다. 자바스크립트 코드를 적용할 땐.. browser, server, api, http, ajax browser : 인터넷으로 연결해주는 프로그램 : 서버랑 통신하는 explorer, chrome, Mozilla 와 같은 소프트웨어를 말한다. : 브라우저의 주된 역할은 HTML 코드를 읽어서(파싱) 화면에 보이는 것 server : 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 : 컴퓨터 프로그램또는 장치를 의미 : 정보 제공을 하는 주체 ex) 내 컴퓨터에 사진 등을 올리고 다른 컴퓨터들이 정보를 접속해서 확인할 수 있도록 하는 것 api : Application의 Programming을 위한 Interface : Interface는 물건을 조작하기 위한 디자인- 동작인식, 터치스크린처럼 해당기기를 작동하는 방식 : Programming interface - 키보드, .. 이전 1 2 3 4 5 ··· 8 다음
