post-thumbnail

6. 프로토타입

자바스크립트는 프로토타입 기반 언어. 프로토타입 기반 언어는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조)함으로써 상속과 비슷한 효과를 얻음.cf) 클래스 기반 언어 : '상속'을 사용.어떤 생성자 함수(Constructor)를 new 연산자와 함께

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

5. 클로저

컨텍스트 A에서 선언한 변수 a를 참조하는 내부함수 B를 A의 외부로 전달할 경우, A가 종료된 이후에도 a가 사라지지 않는 현상.outer 함수의 실행이 종료돼도 inner 함수가 a를 참조하므로 변수 a는 사라지지 않는다. : 함수 종료 후에도 사라지지 않는 지역

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

4. 콜백 함수

콜백 함수 : 다른 코드의 인자로 넘겨주는 함수다른 함수(A)의 인자로 콜백함수(B)를 전달하면 A가 B의 제어권을 갖게 된다. (특별한 요청(bind)이 없는 한) A에 미리 정해놓은 방식에 따라 B를 호출한다. 미리 정해놓은 방식이란 어떤 시점에 콜백을 호출할지,

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

3. this

실행 콘텍스트가 활성화되는 순간(= 함수가 호출되는 순간) Thisbinding 된다. => 함수가 어떤 식으로 호출 되느냐에 따라 this가 달라질 수 있다. (동적으로 바인딩 된다)ES6에서는 thisBinding을 하지 않는 Arrow Function이 등장. 바

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

이것저것 temp

대괄호가 있으면 생략 가능하다는 뜻.(메타?표기법??)

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

2. 실행 콘텍스트

ES5에서 동일한 조건/환경을 지니는 것은(= 실행 콘텍스트를 구성하는 방법은) 함수밖에 없다. (전역공간도 하나의 함수라고 봄)=> 실행 콘텍스트는 함수를 실행할 때 필요한 환경정보 또는 이를 담은 객체실행 콘텍스트는 활성화되는 시점에 VariableEnvironme

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

1. 데이터 타입

1. 데이터 변환을 자유롭게 하고 효율적으로 메모리를 관리하기 위해 숫자형은 규격 정해져 있지만(64비트 = 8바이트) 문자열은 정해진 규격 없음. 언어, 전체 글자 수 등에 따라 필요한 용량이 가변적이기 때문에.미리 확보한 공간 내에서만 데이터 변환을 할 수 있다면

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

Progress Bar 만들기

진행 %(per) = 해당 문항까지의 문항 수 / 총 문항 수 \* 100total : 총 문항 수 (현재 15문항)객체의 길이 가져오기 : Object.keys("객체명") 함수sum : 이전 섹션의 문항 수의 합sum + Number(match.params.num

2021년 4월 29일
·
0개의 댓글
post-thumbnail

객체의 길이(length) 가져오기

(= 객체(Object)의 속성(property)의 개수)Object.keys("객체명")함수를 쓰면 객체의 key들로 이루어진 배열을 얻을 수 있다.이 배열의 length를 구하면 객체의 길이( = 객체(Object)의 속성(property)의 개수)를 구할 수 있다

2021년 4월 29일
·
0개의 댓글
post-thumbnail

[CONCONSONG] 제품 검색하기 (filter, indexOf)

조건을 만족하는 요소만 배열로 반환..filter(변수 => 조건)호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환. 일치하는 값이 없으면 "-1"을 반환한다.제품 리스트 데이터를 받아서filter로 데이터 이름이 입력한 값과 일치하는 제품을 필

2021년 4월 18일
·
0개의 댓글
post-thumbnail

Recoil 예제

![](https://im

2021년 4월 18일
·
1개의 댓글
post-thumbnail

Recoil 개념 정리

Recoil의 데이터 흐름 : Data-flow Graph로 표현.Data-flow Graph : 계산이나 데이터의 흐름을 nod로 표현. Atom이 셀렉터를 따라 흘러서 React Components로 도달.상태의 데이터 조각 키와 기본값만 설정하면 됨.아톰에서

2021년 4월 18일
·
1개의 댓글
post-thumbnail

[컨버스컨버스송 CONCONSONG] 카카오 함수 안에서 this가 인식이 안 될 때

카카오 소셜 로그인 구현 중 카카오 함수 안에서 this가 인식이 안되는 문제가 발생했다. (TypeError: Cannot read property 'history' of undefined)로그인 성공 후 main 페이지로 가고 싶은데 history.push를 쓸 수

2021년 4월 11일
·
0개의 댓글
post-thumbnail

[컨버스컨버스송 CONCONSONG] 카카오 소셜 로그인

Kakao Developers 사이트에 가이드가 친절하게 나와있다. 늘 그렇듯 하고 나면 별 것 아닌데 처음에 개념 이해와 큰 그림을 파악하는데 시간이 걸렸다. 웹 브라우저 환경이므로 우리 팀은 JavaScript SDK 방식으로 구현하기로 했다. 소셜 로그인하면 프론

2021년 4월 11일
·
0개의 댓글
post-thumbnail

Rebase

git checkout mastergit pull origin mastergit checkout feature/xxgit rebase -i masterpull = fetch(가져오기) + merge(병합하기)리모트 master에 merge된 커밋들까지 내 브랜치에 다

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

TypeError: Cannot read property 'history' of undefined

Kakao.Auth.login() 안에를 넣으니 페이지 이동을 하지 않는다..this.props 자체가 undefined 뜸.왜인지는 모르겠지만 Kakao.Auth.login() 안에 있어서 그런가 싶어서 밖으로 빼주고 localStorage.conconsong_tok

2021년 4월 3일
·
1개의 댓글
post-thumbnail

동적 라우팅 (유동 라우팅, (Dynamic Routing))

SPA에는 라우팅 기능이 필요 : React Router 라이브러리 사용하여 구현.location : 현재 경로(??)에 대한 정보 & URL 쿼리 (/company_list?category=3)에 대한 정보props.location.search=> /company_l

2021년 4월 3일
·
0개의 댓글
post-thumbnail

🌈 라인 어벤져스 LINE AVENGERS 프로젝트 후기

프로젝트 후기를 쓰는 날이 오다니...정말 2주가 이틀같이 지나갔다😇 기본적인 commerce 기능을 구현해보고 싶어 라인 프렌즈 스토어를 제안했는데, 다행히 클론 사이트 리스트에 들어가면서 PM으로 프로젝트에 참여할 수 있었다. 원하는 사이트로 프로젝트를 진행하게

2021년 3월 28일
·
4개의 댓글
post-thumbnail

[라인 어벤져스 LINE AVENGERS] localStorage의 token이용한 로그인/로그아웃

로그아웃 상태일 때는 로그인 버튼만, 로그인 상태일 때는 각 페이지의 링크와 함께 유저 정보와 로그아웃 버튼이 있는 박스가 보이도록 만들었다.로그인/로그아웃 상태에 따라서 nav bar의 상태를 다르게 만들어야 한다는 것을 뒤늦게 깨닫고(ㅠㅠㅋ) 백엔드에서 token을

2021년 3월 28일
·
1개의 댓글