728x90 분류 전체보기115 [Javascript] this 용법 정리 [Javascript] this 용법 정리 Javascript의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에 arguments 객체와 this를 암묵적으로 전달받는다. Javascript 함수의 this는 다른 언어와 조금 다르게 동작한다. this의 값은 함수를 호출하는 방법에 의해 결정된다. 함수 호출 방식과 this 바인딩 자바스크립트의 this에 바인딩할 객체가 동적으로 결정된다. 즉, 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩할 객체가 동적으로 결정된다. 함수의 호출 방식은 다음과 같다. 1. 함수 호출 2. 메소드 호출 3. 생성자 함수 호출 4. apply/call/bind 호출 var foo = function () { console.dir(this); .. 2022. 1. 16. [Javascript] 프로토타입(Prototype), 그래서 왜 쓰는데? [Javascript] 프로토타입(Prototype), 그래서 왜 쓰는데? Prototype 프로토타입은 직역하자면 원형이다. 자바스크립트는 이 프로토타입을 이용하여 새로운 객체를 만들어낸다. 자바스크립트에서 객체의 property을 상속할 때 두 가지 방법이 있다. this.q = 'strike'와 같이 직접적으로 객체 내에 속성을 정의하는 방법 prototype을 이용하여 정의하는 방법 즉, prototype은 부모 객체의 속성을 상속받는 방법 중 하나이며, '유전자'에 비유할 수 있다. 키가 큰 것(직접 정의)과 키 큰 유전자를 가진게(prototype) 다른것과 비슷한 느낌. 그렇다면 Prototype을 굳이 쓰는 이유는?? 1) 생성자 함수를 통해 새로운 객체가 생성되면 객체 내의 propert.. 2022. 1. 15. [Javascript] 생성자 함수(클래스), 객체와 객체 지향 프로그래밍 OOP(Object Oriented Programming) [Javascript] 생성자 함수(클래스), 객체와 객체 지향 프로그래밍 OOP(Object Oriented Programming) 객체 name과 value로 구성된 정렬되지 않은 property 혹은 method의 집합 객체 내에서의 변수를 '속성(Property)', 함수를 '메소드(Method)'라고 한다. 객체 리터럴 let user = { name = 'dean'; age = '31'; } 생성자(Constructor) 함수 객체를 생성하는 함수를 생성자 함수라고 한다. 비슷한 객체를 여러개 만들어야 하는 상황에서 쓰는 것 붕어빵 틀이라고 생각하면 된다. 생성자는 객체(this)를 return 한다. function User(name, age) { this.name = name; this.a.. 2022. 1. 15. [Javascript] Javascript 특징 및 웹 워커(멀티 스레드) [Javascript] Javascript 특징 및 웹 워커(멀티 스레드) 인터프리터 언어 원시코드(프로그래머가 작성한 소스코드)를 기계어로 변환하는 과정없이 한줄 한줄 해석하여 바로 명령어를 실행하는 언어를 말한다. R, Python, Javascript가 대표적이다. 장점 - 빌드 시간이 따로 없이 바로 실행 가능하다. 단점 - Runtime 상황에서는 한 줄씩 실시간으로 읽어서 실행하기 때문에 컴파일 언어에 비해 속도가 느리다. 단일 스레드 자바스크립트에서 동적으로 UI 변경 작업시 UI thread 라는 공간에서 Queue 방식으로 처리 순서를 담아 놓는다. 웹 워커를 통한 멀티 스레드 멀티스레드 기능을 지원해주는 다른 스크립트와 독립적으로 실행되는 javascript이다. 웹 워커가 생성될 때마.. 2022. 1. 14. [CSS] position [CSS] position CSS position은 5 종류의 값을 가질 수 있다 static relative fixed absolute sticky 이렇게 position이 set 되면 top, bottom, left, right property를 사용하여 element를 옮길 수 있다. 하지만 이러한 property들은 position 설정이 되지 않으면 작동하지 않는다. position : static HTML elements는 기본적으로 static을 default 값으로 갖는다. static은 top, bottom, left, right properties에 영향 받지 않는다. 특별한 방식으로 positioning되지 않고, normal flow of the pages에 따라 positionin.. 2022. 1. 14. 프론트엔드 기술면접 인터뷰 질문 모음 프론트엔드 기술면접 인터뷰 질문 모음 중요도 설명 ⭐️⭐️⭐️⭐️⭐️ 프론트 엔지니어를 꿈꾼다면 정확히 알고 있어야 하는 것들. 하나라도 모르면 떨어진다고 봐도 무방. 꼭 알고가쟈~ ⭐️⭐️⭐️⭐️ 90% 이상을 알아야하며 많이 대답한다고 좋은게 아니라 정확하게 대답해야 함. 본인이 프론트엔드 엔지니어라고 말하고 싶다면 필수적으로 알아야 함 ⭐️⭐️⭐️ Javascript 프레임워크, 플러그인, 그 외 사용법 등 중요한 질문 ⭐️⭐️ 가볍고 기본적인 질문 ⭐️ 알면 가산점이나 모른다고 크게 등락에 영향은 없음. 그리고 그 외적인 것 ⭐️⭐️⭐️⭐️⭐️ 1. 브라우저 렌더링 원리 1-1. 홈페이지가 사용자에게 보이는 순서에 대해 설명해주세요 -> https://d2.naver.com/helloworld/5.. 2022. 1. 13. 이전 1 2 3 4 5 6 7 8 ··· 20 다음 728x90
