자바스크립트 프로퍼티 플래그, 접근자 프로퍼티 getter, setter

getter : 값을 얻으려고 할 때 실행되는 메서드setter : 프로퍼티에 값을 할당하려고 할 때 실행되는 메서드fullname은 가상의 프로퍼티이다. 접근자 프로퍼티의 장점은 메서드이기 때문에조건이나 제약을 걸어 유동적으로 값을 얻어 낼 수 있다는 것.

약 2시간 전
·
0개의 댓글

자바스크립트 func.call, func.aplly, func.bind

처음실행할 때에는 map에 저장해두고 다음 실행때부터는 map에서 꺼내오는 것이다.cachingData내의 중첩함수에서 worker.slow를 실행할때에는 this값을 읽지못한다. 따라서 call 또는 apply를 사용하여 this값을 지정해줘야한다. 객체 매서드를 실

약 3시간 전
·
0개의 댓글

자바스크립트 함수객체, 기명함수 표현식

함수는 객체이기 때문에 매서드도 사용가능하고 프로퍼티를 추가하는 것도 가능하다.함수프로퍼티를 사용하는 이유는 클로저를 대체할 수 있다는 점이다. 함수 내부에서 선언된 변수는 외부에서 접근할 수 없는데 함수프로퍼티에 값을 저장하면 외부에서도 접근할 수 있다. 함수 내부에

3일 전
·
0개의 댓글

자바스크립트 렉시컬 환경(Lexical Environment)

렉시컬 환경 : 스크립트 전체, 실행중인 함수, 코드블록 등은 자신만의 렉시컬 환경을 갖는다. 렉시컬 환경은 환경레코드, 외부렉시컬 환경으로 구성된다. 렉시컬 환경에서 모든 지역변수를 프로퍼티로 저장하고 있는 객체이다. this, 함수일 경우 매개변수도 포함된다. 현재

3일 전
·
0개의 댓글

자바스크립트 JSON 심화

JSON : 객체를 네트워크를 통해 전송하거나 저장소에 저장하려면 문자열로 변환해야하는데 JSON은 값이나 객체를 나타내주는 범용포맷이다.객체뿐만아니라 원시값에도 적용이 가능하다.객체 프로퍼티 중 매서드, 키가 심볼인 경우, 값이 undefined인 경우, 순환참조가

3일 전
·
0개의 댓글

자바스크립트 구조분해 할당

익숙한 내용들이기 때문에 새롭게 알게된 내용들만 정리하려고 한다.객체를 함수 인자로 사용할 때 구조분해하여 인자에 사용할 수 있다.

4일 전
·
0개의 댓글

자바스크립트 맵(Map)과 셋(Set)

이터러블 자료구조의 특징은 for of문을 쓸 수 있고 Array.from메서드를 통해 배열로 변화가 가능하다는 점이다. 일반객체도 Symbol.iterator 매서드를 적용하여 이터러블 객체로 만들 수 있는데 방법이 생각보다 복잡하다.index, length 프로퍼티

4일 전
·
0개의 댓글

자바스크립트 배열 method 정리

배열 method

5일 전
·
0개의 댓글

자바스크립트 자료구조 정리

객체에서 화살표 함수가 아닌 메서드를 추가하였을 경우 메서드 내에서 this가 가르키는 것은 메서드를 감싸는 객체이다. 최근에 추가된 문법으로 일부 브라우저에서 사용하기 위해서는 폴리필해줘야한다.API를 받아오는 과정에서 로딩시간이 있기 때문에 받아온 객체를 활용하기

6일 전
·
0개의 댓글

자바스크립트 튜토리얼 정리

나는 프리티어만 사용한다. eslint를 같이 사용하는 경우 문법규칙이 너무 빡빡해서 마음에 들지 않았다. 하지만 회사에서 프로젝트를 하는 경우 지켜야할 코딩 컨벤션이 있다. 그럴 때 프리티어만으로는 부족하고 eslint를 사용하는 것이 안전하다. 구글, 에어비엔비 등

2020년 10월 13일
·
0개의 댓글

자바스크립트 ?? 연산자, switch, 반복문

?? 병합 연산자 ?? 연산자는 null이나 undefined일 경우 false를 반환한다. || 연산자는 ''나 NUmber(0)일 경우에도 false를 반환한다는 것이다. switch문의 활용 보통의 경우 if문을 활용하는 경우가 많지만 switch가 가독성과

2020년 10월 12일
·
0개의 댓글

webpack

여러개의 자바스크립트 파일을 하나의 파일로 컴파일 하기 위해 사용한다.html에서 메인이 될 하나의 자바스크립트 파일만 불러오면 자바스크립트 파일끼리는 import export구문을 이용하여 연동해 사용할 수 있다.먼저 node가 설치되어야 한다.npm i webpac

2020년 10월 10일
·
0개의 댓글

자바스크립트 기본 정리

자바스크립트는 기본적으로 Object함수가 선언되어있다.새롭게 선언된 모든 함수의 최상위 부모함수는 Object함수이다.모든함수는 prototype객체를 가지고 있다. Object.prototypeprototype객체안에는 기본적으로 생성자함수(constructor)와

2020년 10월 8일
·
0개의 댓글

react full-responsive homepage

react 프로젝트중에 웬만하면 보지 못했던 vanila JS스러운(?)코드를 보았다. 브라우저 윈도우의 넓이 값인데 반응형을 고려할때 요긴하게 쓰일수 있다. ex) if (window.innerWidth <= 960)이것도 react를 쓰면서 오랜만에 만나는 a

2020년 10월 8일
·
0개의 댓글

react Navbar Dropdown Tutorial

한동안 merng 풀스택에만 집중해서 UX/UI에 대한 신경을 써야할 것 같아서 차근차근 side project를 진행하기로 하였다. 첫번째로 Dropdown 튜토리얼을 해보았는데 리액트로 어느정도 퀄리티 있게 구현하기 위해서는 생각보다 많은 테크닉이 필요했다.svg파

2020년 10월 7일
·
0개의 댓글

Github 사용기

어제 vs code github 업로드문제로 엄청난 스트레스를 겪었다. 포폴용으로 master branche에 업로드했던 파일에 덮어쓰기 하는 바람에 공들여 작성했던 README까지 다 날라가버렸다... .git/index.lock파일에 문제가 생겨 커밋이 되지 않는

2020년 10월 4일
·
0개의 댓글

OS 및 일반적인 지식 정리.

OS(Operating System)은 하드웨어 및 소프트웨어 자원을 효율적으로 관리하여 사용자가 편리하게 이용할 수 있도록 하는 시스템 소프트웨어이다.쉽게 말해 하드웨어를 잘 모르더라도 아이콘을 클릭하여 프로그램을 실행하고, 프로그램을 삭제하고, 제어판의 기능을 이용

2020년 10월 3일
·
0개의 댓글

인터넷 기본 지식 정리

통신을 위해서는 기본적으로 컴퓨터와 컴퓨터간에 무선 또는 유선으로 연결이 되어있어야한다. 하지만 기기의 수가 많아질 경우 연결에 필요한 케이블이 기하급수적으로 증가하기 때문에 하나의 라우터에 여러대의 컴퓨터를 연결하여 통신하게 된다. 라우터와 라우터 간의 연결로 통신가

2020년 10월 3일
·
0개의 댓글

React useRef()

const commentUnputRef = useRef()const submitComment = useMutation(SUBMIT_COMMENT_MUTATION, { update() { setComment(''); commentInputRef.c

2020년 9월 26일
·
0개의 댓글