profile
해결문제에 대해 즐겁게 대화 할 수 있는 프론트엔드 개발자
post-thumbnail

[JS] 자바스크립트의 this에 대해 설명해주세요

위와 같은 질문을 받으면 어떻게 대답할것인지 상상하면서 내용을 요약해 보았다. 그 전에 this를 왜 알아야 하는지도 모르겠어서 okky에 질문해서 주신 답변들 중에 가장 쉽게 납득이 갔던 예제는 아래와 같은 상황이다.여기서부터 내가 아는 this에 대한 답변다른 대부

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[JS] 얕은복사와 깊은복사(feat.리액트에서 깊은복사를...?)

참조형 데이터를 어떻게 잘 복사 할 것인가? 객체가 담겨있는 변수를 다른 변수에 할당하면 데이터 복사가 아닌 참조가 일어나게 되어, 한 변수의 데이터를 변경하면 다른 변수의 데이터도 함께 변경이 된다.

2021년 7월 21일
·
0개의 댓글
post-thumbnail

[JS012] 자바스크립트 클래스

자바스크립트의 클래스란? 클래스인스턴스(객체)

2021년 7월 15일
·
0개의 댓글
post-thumbnail

[JS010-011] for문의 활용

내가 생각한 순서 입력받은 숫자만큼 줄이 생기고, 각 줄에는 빈칸과 '\*'이 들어간다.for문이 각 줄을 돌면서 '빈칸'과 '별'이 줄의 수와 어떤 관계가 있는지 생각해보고 for문 조건을 설정해주면 될 것이다. 출처https://www.notion.so/J

2021년 7월 15일
·
0개의 댓글
post-thumbnail

[JS] 자바스크립트도 클래스가 있나요?

자바스크립트는 프로토타입 기반 언어 → "상속"이라는 개념 없음클래스기반의 타언어 개발자들에게 혼란을 주었고, 클래스와 비슷한 여러 기법들이 있긴했다. 결국 ES6에 클래스 문법이 추가되었지만, 일정부분 프로토타입을 활용하고 있기 때문에 ES5 체제 하에서 클래스를 흉

2021년 7월 13일
·
0개의 댓글
post-thumbnail

[JS] 프로토타입이란?

자바스크립트는 프로토타입 기반 언어이다.

2021년 7월 9일
·
0개의 댓글
post-thumbnail

[JS]클로저 활용예시 (부분적용함수, 커링함수)

3.3 부분 적용 함수 부분적용함수란 n개의 인자를 받는 함수에 미리 m개의 인자만 넘겨 기억시켰다가, 나중에 (n-m)개의 인자를 넘기면 비로소 원래 함수의 실행 결과를 얻을 수 있도록 하는 함수이다. [참고한자료] 정재남, 『코어자바스크립트』, 위키북스(2019)

2021년 7월 5일
·
0개의 댓글
post-thumbnail

[JS] 클로저 활용 예시

대표적인 콜백함수 중 하나인 이벤트 리스너에 관한 예시이다. 📍클로저의 '외부데이터'의 흐름에 주목1) 콜백함수를 내부함수로 선언해서 외부변수를 직접 참조, 클로저 사용<예제>2) bind메서드로 값을 직접 넘겨줌으로써 클로저는 발생하지 않지만, 여러 제약사항

2021년 7월 1일
·
0개의 댓글
post-thumbnail

[JS] 클로저요..?!

클로저란 어떤 함수에서 선언한 변수를 참조하는 내부함수를 외부로 전달할 경우, 함수의 실행 컨텍스트가 종료된 후에도 해당 변수가 사라지지 않는 현상이다.

2021년 6월 26일
·
0개의 댓글
post-thumbnail

[JS008] 객체의 키 이름 중복

콘솔에는 84가 찍힌다. 키 이름이 중복된 경우 가장 마지막 키의 값을 불러온다.1) 점 접근자: 점 접근자를 사용했을 때는 객체의 이름에 점을 써서 키값을 가져옵니다. 2) 각괄호 접근자: 각괄호 접근자는 객체의 이름 옆에 \[]를 붙이고, 거기에 키값의 이름을

2021년 6월 26일
·
0개의 댓글
post-thumbnail

[JS007] 변수명을 어떻게 지어야 할까?

팀에서 정한 컨벤션(규칙)을 따르는게 제일 베스트이다. 없다면 보편적으로 권장되는 규칙들을 따르면 된다. 1.변수, 함수명은 카멜케이스 첫글자는 소문자, 단위로 첫글자 대문자를 사용, 중간에 언더바(_)사용 금지한다. 대표적인 표기법으로 카멜 케이스, 파스칼 표기

2021년 6월 26일
·
0개의 댓글
post-thumbnail

[JS006] False인 값들

false 나 true는 boolean을 기대하는 문맥에서 쓰이는 값이다.아래 표는 falsy 값이다. truthy(true,1..)는 falsy를 제외한 값이라 생각하면 된다.참고 자료Falsy - JavaScript | MDNhttps://butterwal

2021년 6월 26일
·
0개의 댓글
post-thumbnail

[JS005] JS의 조건문과 반복문

문제5의 코드📍 a+=i 은 a = a+i와 동일한 표현이다.i값이 1부터 시작하고 한 번 순환할 때마다 2씩 증가하니까 for문이 총 두 번 순환한다. 1번째 순환에서 a += i(a = a + i) → a = 10 + 1 // 112번째 순환에서 a +=i(a

2021년 6월 26일
·
0개의 댓글
post-thumbnail

[JS003-004] 변수의 타입

📍 자바스크립트의 데이터타입1) 기본형데이터 : number, string, boolea, null, undefined, symbol2) 참조형데이터 : 객체{key : value} 의 형태로 저장 → 키 : string / 값 : 모든 자료형 가능😎배열의 자료형은

2021년 6월 23일
·
0개의 댓글
post-thumbnail

[JS] 콜백지옥과 비동기 제어

정재남,『코어자바스크립트』를 읽고 정리한 내용입니다. 이해가 부족한 부분은 책과 동일하게 작성하였습니다.이전글 콜백함수란?에 이어서 콜백함수를 익명 함수로 전달하는 과저의 반복이 감당하기 힘들 정도로 깊어지는 콜백지옥에 대해 이야기 해보자.동기적 : 요청(request

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[JS] 콜백함수란?

정재남,『코어자바스크립트』를 읽고 정리한 내용입니다. 이해가 부족한 부분은 책과 동일하게 작성하였습니다. 1. 콜백함수란? 콜백함수는 다른 코드의 인자로 넘겨주는 함수이다. 콜백 함수를 넘겨받은 코드는 이 콜백 함수를 필요에 따라 적절한 시점에 실행 할 것이다. C

2021년 6월 22일
·
1개의 댓글
post-thumbnail

[JS001-002] 배열의 내장함수

array.slice(\[start\[,end]])slice()메서드는 어떤 배열의 start부터 end 전 까지 얕은 복사본을 새로운 배열 객체로 반환한다. 🔥 원본 배열은 바뀌지 않는다.📍리턴값 : 추출한 요소를 포함한 새로운 배열array.splice(sta

2021년 6월 21일
·
0개의 댓글
post-thumbnail

[JS] JS에서 this란?(2)

this를 별도의 대상에 바인딩하기

2021년 6월 20일
·
0개의 댓글
post-thumbnail

[JS] JS에서 this란?(1)

상황에 따라 달라지는 this

2021년 6월 19일
·
0개의 댓글