본문 바로가기

전체 글

[JS] 코어자바스크립트 ch3. this 코어자바스크립트 ch3 this 를 읽고 대충 정리한 글ch3 후반부에 this 바인딩 부분은 나중에 추가할 예정... 상황에 따라 this 가 어떤 객체를 가리키는지가 다르다.전역공간에서 this전역 객체method 호출 시 method 내부에서의 this해당 method를 호출한 주체함수 호출 시 함수 내부에서의 this전역 객체(함수 내부에서 this가 전역 객체를 바라보는게 자바스크립트 설계오류라고함. 변수 선언을 통해 우회하는 방법도 있긴 있음.)콜백 함수 호출 시 그 함수 내부에서의 this콜백 함수도 함수이므로 기본적으로는 전역객체를 바라보긴 하는데,콜백 함수를 호출하는 함수가 무엇이냐에 따라 다르다.예를 들어 addEventListener 함수는 내부적으로 this 가 event targe.. Language/JavaScript 2021. 7. 3.
[JS] 화살표함수 목차Arrow Function 형태 let func = (arg1, arg2, ..., argN) => expression 인수가 하나라면 괄호 생략 가능인수가 없을 땐 괄호 생략 불가능본문이 여러줄인 경우 중괄호로 묶으면 된다. 이 경우 return 문을 명시적으로 사용해줘야함.👇 이렇게도 쓸 수 있음. 처음엔 낯선데 익숙해져야함let welcome = (age alert("안녕"), () => alert("안녕하세요");화살표 함수는 익명 함수로만 사용할 수 있다. 따라서 화살표 함수를 호출하기 위해서는 함수 표현식을 사용한다.화살표 함수는 자체 컨텍스트가 없는 짧은 코드를 담는 목적으로 만들어졌다. 아래에서 화살표 함수의 특징을 통해 이를 확인할 수 있다. 화살표 함수 특징1. 화살표 함수에는.. Language/JavaScript 2021. 7. 2.
42 과제에서 배운 것 정리 Libft libc의 유용한 함수들을 reproduce 하면서 나만의 C언어 라이브러리를 만들어본다. memset, memcpy 와 같이 메모리를 만지는 함수 또는 substr, split과 같은 문자열 관련 함수를 만들면서 포인터와 메모리 관리를 이해할 수 있다. 구현해야할 함수가 정말 많은데, 하나하나 구현하는 과정이 다음 과제인 gnl과 ft_printf 를 구현하기 위한 기초체력이 된다. netwhat subnetmask 계산방법, IP 주소의 클래스, OSI layer 등 네트워크의 기초를 쌓을 수 있다. 문제은행식으로 진행되기 때문에 깊게 공부하지 않아도 통과할 수 있는데, 네트워크 분야에 어떤 키워드들이 있는지 알아둘 수 있었다. get_next_line 데이터를 file descriptor.. 공부기록/42 Seoul 2021. 5. 29.
[JS] 함수 선언문과 함수 표현식 Function Declaration함수 선언문 방식은 function 정의부만 존재하고 별도의 할당 명령이 없다.function name(parameters) {  /* expression */} 함수 내에서 선언된 지역변수는, 동일한 변수명을 가진 전역변수를 가린다.반드시 함수명이 정의되어 있어야한다. (익명함수 불가)return 문이 없는 함수와, return 지시자 하나만 있는 undefined를 반환한다.Function Expression함수 표현식은 정의한 function을 별도의 변수에 할당한다.let sayHi = function () {  alert("Hello");};위에선 sayHi라는 변수에 할당하는 구문이므로 세미콜론 ; 붙여야함 (convention)함수는 구문이기도 하면서 값이.. Language/JavaScript 2021. 5. 28.
[JS] 얕은 복사 깊은 복사 코어 자바스크립트 1장을 읽고 정리한 내용 (2)4. 얕은 복사와 깊은 복사        4-1. 불변 객체    4-2. 복사한 데이터를 변경할 때 원본 데이터의 변경 여부        4-3. 불변객체를 만드는 방법 1. 불변 객체 (immutable object)리액트 토이프로젝트를 하면서 객체의 불변성을 신경쓰지 않다가 문제가 발생한 적이 없어서 아직 중요성을 못 느끼고 있지만 (?)불변 객체는 React, Vue.js, Angular 등의 라이브러리나 프레임워크 뿐만 아니라 함수형 프로그래밍, 디자인 패턴 등에서 매우 중요한 기초가 되는 개념이라고 한다. 불변 객체의 개념이나 등장배경, 필요성에 대한 설명이 위키피디아에 잘 정리되어 있다.  불변객체 - 위키백과, 우리 모두의 백과사전위키백과, .. Language/JavaScript 2021. 5. 14.
[JS] 데이터 할당의 동작 원리와 불변값 vs 가변값 코어 자바스크립트 1장을 읽고 정리한 내용 (1) 1. 데이터 타입의 종류2. 데이터 할당의 동작 원리    2-1. 기본형의 데이터 할당    2-2. 참조형의 데이터 할당3. 불변값과 가변값    3-1. 기본형과 참조형 데이터에서 할당된 값을 변경할 때4. 얕은 복사와 깊은 복사    4-1. 불변 객체    4-2. 복사한 데이터를 변경할 때 원본 데이터의 변경 여부    4-3. 불변객체를 만드는 방법 1. 데이터 타입의 종류Primitive Type (기본형)Reference Type (참조형)둘의 차이점데이터를 할당하거나 연산할 때,- 기본형은 값이 담긴 주소값을 바로 복제하고- 참조형은 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제한다.- 둘 다 주소의 복사가 이루어지지만, .. Language/JavaScript 2021. 5. 9.
DNS 쿼리 처리 과정 지금까지 DNS 에 대해 알고 있던 것브라우저에 naver.com 쓰고 엔터치면 DNS 에서 naver.com의 ip 주소를 알려줄꺼고 거기로 가면 되지. (끝)리액트 프로젝트를 하다가 그 유명한 CORS 문제를 겪었다. 임시방편으로 hosts 파일을 수정하면 CORS 문제를 피해서 개발할 수 있다길래 알아보다가(결국 이 방법은 배포된 url 주소가 없어서 실패했지만) DNS 쿼리의 처리 과정에 대해 조금 더 자세히 이해하게 됐다. DNS 쿼리 처리 과정                                                                                                                                              .. Computer Science/Network, Security 2021. 5. 4.
[C++] map 출력하기 STL 개요 STL 프로그램에 필요한 자료구조와 알고리즘을 Template으로 제공하는 라이브러리 std namespace에 정의되어 있기 때문에 std:: 와 함께 써야한다. Container : 임의 타입의 객체를 보관할 수 있다. Sequence Container > vector, list, deque Associative Container > set, multiset, map, multimap Iterator : 컨테이너 원소에 대한 포인터로, 원소들에 하나씩 접근할 수 있다. iterator const_iterator reverse_iterator 등 Algorithm : 반복자들을 가지고 일련의 작업을 수행한다. map key - value 구조를 가진다. key는 중복될 수 없다. inser.. 공부기록/C, C++ 2021. 4. 20.

티스토리툴바