profile
무럭무럭

16. 프로퍼티 어트리뷰트

자스 엔진의 구현 알고리즘을 설명하기 위한 의사프로퍼티, 의사 메서드를 뜻한다. \[...] 이처럼 이중 대괄호로 감싼 이름들이 내부 슬롯과 내부 메서드~이는 자스 엔진 내부에서 실제로 동작하지만 개발자가 직접 접근하거나 호출할 수 있는 방법을 제공하지는 않는다.다만

2022년 6월 15일
·
0개의 댓글

15. let,const 키워드와 블록레벨스코프

저번 장에서 공부했던 var 과 함수 레벨 스코프를 이어 let, const, 블록 레벨 스코프에 대해 공부했다.변수의 중복을 허용한다.함수 레벨 스코프변수 호이스팅셋 다 이미 알고 있는 내용이기 때문에 따로 적지는 않으려고 함.결론적으론 의도치 않은 할당이 일어날

2022년 6월 14일
·
0개의 댓글

14. 전역변수의 문제점

우선 전역변수와 지역변수의 생명주기를 알아보자.지역변수는 함수가 호출될 때 생성되고, 함수가 모두 실행되면 소멸한다. 즉 함수의 생명주기와 같다. 물론 지역변수가 함수보다 오래 살아남는 경우가 있기도 하지만.. 이건 클로저에서 자세하게 배울 수 있다고 한다.반면 전역변

2022년 6월 13일
·
0개의 댓글

13. 스코프

1. 스코프란? > - 식별자가 유효한 범위 식별자 자신이 선언된 위치에 의해 다른 코드가 자신을 참조할 수 있는 유효 범위 위의 x 는 식별자 이름은 같지만 스코프는 다르다. 자스 엔진은 식별자를 결정할 때 "식별자를 검색할 때 사용하는 규칙"이 있는데 이 때 코드

2022년 6월 13일
·
0개의 댓글

12. 함수

함수는 가급적 작게 만들어야하고 하나의 기능만 하게 해야한다. 고로 이상적인 매개변수의 개수는 3개 이하이다. 참조에 의한 전달과 외부 상태변경 - ? 위에서 볼 수 있듯 원시 값은 복사되기 때문에 함수가 실행되어도 외부 값이 변하지 않지만 객체는 참조값이 복사되고

2022년 6월 12일
·
0개의 댓글

[React] 페이지 이동 시 스크롤 맨 위로 가게 하기

1. routes 폴더 안에 scrollTop 이라는 이름의 폴더를 생성 2. index.js 에서 App 과 동일한 깊이에 scrollTop 넣어주기

2022년 6월 6일
·
0개의 댓글

객체 배열 값 변경하기 그런데 이제 immutable을 곁들인

위와 같은 객체 배열의 state 값을 변경해보자. 처럼 바꾸면 너무 좋겠지만 다들 알다시피 state 의 원본을 바로 바꿀 수는 없다. 그렇기 때문에 1\. 스프레드 연산자를 사용해서 복사한 후 복사본을 바꾸고, 2\. 그 복사본을 set 을 통해 변경시켜주면 된다.

2022년 6월 3일
·
0개의 댓글

axios interceptors 사용하기

axios 러닝가이드를 참고했다 but too simple...!구글링을 통해 더 알아보았따.📌 axios 요청을 하고 응답하는 과정을 가로채어 사용자가 원하는 동작을 실행하게 해준다.나 같은 경우에는 이것을 이용해서 headers 값을 넣어주었다.원래는 로그인이 성

2022년 5월 30일
·
0개의 댓글

11. 원시값과 객체의 비교

10강을 아이패드에 정리하느랴고 포스팅 못했다.다시 자바스크립트가 지원하는 타입에 대해 살펴보면 원시타입과 객체타입으로 나뉜다.📌 원시타입은 변경 불가능한 값이고, 객체타입은 변경 가능한 값이다.📌 원시 값을 변수에 할당하면 변수에는 실제 값이 저장되지만 객체를 할

2022년 5월 18일
·
0개의 댓글

09. 타입변환과 단축평가

자바스크립트에서 변수는 타입을 가지고 있고 다른 타입으로 변환할 수 있다.개발자의 의도대로 타입을 변경하는 명시적 타입변환과 자스엔진이 변경하는 암묵적 타입 변환이 있다.이 때, 타입변환은 x 변수의 값을 변경시키는 것이 아니다. 타입 변환해 새로운 값을 만들어 한 번

2022년 5월 16일
·
0개의 댓글
post-thumbnail

npm install 죽음의 에러지옥(feat.집단지성의 힘)

눈물의 이야기 💦 npm install 에러 해결하기 보기만 해도 끔찍한 커맨드창 에러 수많은 구글링을 했는데 node-module, package-lock 지우고 npm install 하라는 의견이 대다수였다. 그래서 package-lock 지우고 다시 npm

2022년 5월 16일
·
0개의 댓글

[자바스크립트] 6. 데이터 타입

개인적으로 굉장히 중요하다고 여기는 파트. 나중에 타입스크립트를 배우게 될 때 이 부분의 이해가 잘 박혀있으면 도움 많이 될 듯 싶다.

2022년 5월 12일
·
0개의 댓글
post-thumbnail

[자바스크립트] 5.표현식과 문

'값' 이란 무엇일까? 추상적인 개념은 알고 있지만 한 문장으로 명료하게 설명하라고 하면 어렵다. 이처럼 개념을 이해한다는 것은 용어를 정확히 이해하고 설명할 수 있다는 것이다. 값 값은 표현식이 평가되어 생성된 결과를 말한다. 평가 ? 식을 해석해서 값을 생성하거나

2022년 5월 10일
·
0개의 댓글

[자바스크립트] 변수란 ???

변수 메모리 주소에 직접 접근하는 것은 매우 위험하기 때문에 자바스크립트는 주소 직접접근을 허용하지 않는다. > 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름이다. 값의 위치를 가리키는 상징적 이름 식별

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

[React] autocomplete 경고 해결하기

input 창에 뜬 에러,, autocomplete 속성이 꼭 있어야한다고 한다.MDN 문서를 보면 브라우저 판단하에 자동완성 기능을 제공하는 속성이라고 한다.나 같은 경우에는 비밀번호와 비밀번호 확인 input 에 뜬 경고라서 autocomplete="off"로 주었

2022년 5월 8일
·
0개의 댓글

what is this... this 공부하기

this 너무 어려워 이해도 안돼 그래서 책 보고,, 각 잡고,, 공부해보려고 한다 아자자!📌 this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수이다. 📌 자바스크립트 엔진에 의해 생성되며 코드 어디서든 참조 가능하다. 📌 this

2022년 5월 5일
·
0개의 댓글

로컬 스토리지와 세션 스토리지 (feat.쿠키)

로컬 스토리지와 세션 스토리지는 HTML5 부터 추가된 저장소로 key-value 형태의 간단한 값을 저장할 수 있다.결론부터 간단히 말하자면 로컬 스토리지와 세션 스토리지의 차이점은 영구성이다!다만 비밀번호와 같은 중요한 정보는 절대 저장하지 말것 ! 다 털린당.태초

2022년 5월 3일
·
0개의 댓글

[React] 모달창 오픈 시 배경 스크롤 제한하기

모달 컴포넌트에 코드 추가 모달창 닫을 때 사용하는 handle 함수에 코드 추가

2022년 5월 2일
·
0개의 댓글

[React] Enter key으로 검색하기

검색 버튼을 따로 두지 않고 Enter 버튼으로 동작하는 검색창을 만들기 위함. 너무 간단한 방법이지만 몰랐어서 작성한다.1\. onSubmitSearch 함수 작성하기입력한 키가 enter 일 때만 동작하게 함.if(e.key==="f") 와 같이 추가하면 다양한 키

2022년 5월 1일
·
0개의 댓글

유효성 검사에서의 보일러플레이트 코드 줄이기 : react-hook-form

제가 새로운 단어 알아서 신난 사람처럼 보이시나요? 맞습니다. "완전 똑같지는 않은데 맨날 조금 다르고 비슷한 코드들 때문에 찝찝해" 라고 말하고는 했는데 '완전 똑같지는 않은데 맨날 조금 다르고 비슷한 코드'를 뜻하는 용어를 알아냈다. 바로바로 보일러플레이트 코드!

2022년 4월 29일
·
0개의 댓글