profile
떠돌이 생활을 하는. 실업자, 부랑 생활을 하는

TIR: 완벽가이드 1-2. 코어자바스크립트 함수 - 클로저(4) 220705

다른 언어와 마찬가지로 자바스크립트도 어휘적 유효 범위 (lexical scoping)을 사용한다함수가 정의된 시점의 변수 유효범위를 사용하여 함수가 실행된다이러한 어휘적 유효 범위를 구현하기 위해, 자바스크립트 함수 객체는 내부 상태에 함수 자체의 코드뿐만 아니라 현

1일 전
·
0개의 댓글
post-thumbnail

TIL: useRef를 전역 저장소의 객체로 사용하는 방법과 useState를 사용하는 이유 - 220706

useRef는 DOM 조작에만 사용되는 것이 아니다자바스크립트 객체로 사용 가능하다여기서 current는 useRef 객체의 프로퍼티가 된다이렇게 사용한다면 input 컴포넌트에 useState를 사용하지 않고 값을 관리하고, 심지어 재렌더링이 일어나지 않는 장점도 있

2일 전
·
0개의 댓글

TIL: SSR과 CSR, 가상 돔 - 220705

방식 : 클라이언트 브라우저에서 앱 렌더링을 진행합니다. HTML, JS, CSS 파일을 모두 다운로드 한 뒤에 뷰가 구성됩니다.단점 : 1) 어플리케이션이 커질수록 구동시간이 느려집니다. 초기로딩 느림. 2) SEO에 취약합니다. 초기 JS 파일을

2일 전
·
0개의 댓글

TIR: 완벽가이드 1-2. 코어자바스크립트 함수(3)- 220704

자바스크립트에서 함수는 원시 값이 아니지만 특별한 종류의 객체이고 이는 함수가 프로퍼티를 가질 수 있음을 의미한다함수를 여러번 호출해도 유일한 값이 유지되어야 하는 정적 변수가 필요할 떄는 함수의 프로퍼티를 사용하는 것이 편리한 경우가 많다자바스크립트는 함수 단위의 유

3일 전
·
0개의 댓글

TIR: 완벽가이드 1-2. 코어자바스크립트 함수(2)- 220703

자바스크립트의 함수는 객체이고, 모든 자바스크립트 객체와 같이 함수에도 메소드가 있다그 중 call()과 apply()는 함수를 간접적으로 호출한다두 메소드 모두 this 값을 명식적으로 지정할 수 있는데, 어떤 함수든지 특정 객체의 메소드로 호출할 수 있다는 뜻이다심

4일 전
·
0개의 댓글

TIR: 완벽가이드 1-2. 코어자바스크립트 함수(1)- 220702

함수는 한 번 정의하면 계속 재사용, 호출할 수 있는 자바스크립트 코드 블록이다함수 정의에는 매개변수, 형식 인자라고 불리는 식별자 목록이 포함될 수 있고, 함수 몸체 내에서 지역 변수처럼 취급된다함수 호출시에는 함수의 매개변수에게 값(실 인자 - arguments)

5일 전
·
0개의 댓글
post-thumbnail

TIL: 클로저와 실행 컨텍스트, 렉시컬.. - 220702

클로저..렉시컬 스코프를 통해 push 내부의 함수에서 i가 for에서 정의한 var i를 참조하고 있어아래 for of문에서 i의 값을 계속 사용할 수 있다하지만 for of 문에서 i를 사용할 때는 이미 i가 9까지 사용되고i++로 후위 증감 연산자가 작동하면서10

5일 전
·
0개의 댓글

TIL: 함수형 프로그래밍 - 220701

순수 함수를 이용해 사이드 이펙트를 줄이고 문제를 어떻게 해결할 것인가 보다 해결하는 것에 자체에 집중하는 프로그래밍 패러다임함수형 프로그래밍 언어로 설계된 클로저,스칼라,하스켈 등의 언어가 있고, 자바스크립트,코틀린,파이썬 등에도 최근 버전에 함수형 프로그래밍 문법이

6일 전
·
0개의 댓글

TIL: SparkIt 회고 - 220701

heroku 배포..Steam It과 유사한 블록체인 스마트 컨트랙트 블로그 프로젝트모든 사용자는 글 읽기, 회원 가입 가능회원은 글작성, 댓글 작성, 글과 댓글에 투표를 할 수 있다사용자가 글을 작성할 수 있고 글 작성 시 보상으로 토큰을 받을 수 있다일정 기간동안

6일 전
·
0개의 댓글

TIL: JS 문자열 다루기.. 절대 경로 설정 - 220630

리팩토링READMEheroku자바스크립트: jsconfig.json타입스크립트: tsconfig.jsonbaseUrl을 src 폴더 로 설정

7일 전
·
0개의 댓글
post-thumbnail

TIL: recoil과 ssr을 함께 쓰면 발생하는 문제, jwt 토큰 decode - 220629

https://parkgang.github.io/blog/2021/05/06/using-recoil-in-nextjs/

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

TIL: styled-components와 Next.js를 함께 쓰면 발생하는 문제 - 220628

매 렌더링 시 마다 className을 랜덤하게 새로 부여Next.js와 만나면 같은 컴포넌트인데 클래스명이 다르다는 경고 발생client에 바벨 플러그인 설치node_modules와 같은 레벨에 .babelrc 폴더 생성 후 설정 추가

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

next.js router, Link 주소 error

Next.js의 router.push() 혹은 Link 태그의 주소 내에유효하지 않은 주소 값이 입력되었을 경우 문제 발생\-> 이 경우에는 /detail/${여기}/104 여기에 빈 문자열이 들어가서주소를 /detail//104 로 인식하게 된것Invalid href

2022년 6월 27일
·
0개의 댓글
post-thumbnail

TIL: styled-components, Next.js에서 img태그 사용 - 220627

attrs 속성에서 props를 받아올 때는 정의된 이름을 바로 사용일반 css 속성에서 props를 받아올 때는 props를 받아서 props.이름 으로 사용

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

TIR: 완벽가이드 1-2. 코어자바스크립트배열(3)- 220626

배열은 특별한 형태의 객체다배열을 검사하기 위해서는 length 프로퍼티length 값 변경으로 배열 크기를 줄일 수 있다Array.prototype에 정의된 메소드를 상속 받는다배열의 class 속성 값은 'Array'Arguments 객체가 유사 배열 객체유사 배열

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

TIR: 완벽가이드 1-2. 코어자바스크립트배열(2)- 220625

delete로 삭제 시 값만 undefined가 되고 희소 배열이 되어버림쓰지말자아니 사실 원본 배열을 건드리는 것 자체를 쓰지말자..arr.filter()로 죠져순회 조건에 i < arr.length 를 넣으면 매번 length를 불러오게 되어 비효율적이니긴 배

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

TIL: 자바스크립트 비동기와 event loop, requestAnimationFrame() - 220626

자바스크립트는 싱글 스레드 언어다자바스크립트 엔진의 이벤트 루프를 통해 비동기 작업이 가능스레드는 어떠한 프로그램이 실행되는 작업을 말한다.싱글 스레드는 한 번에 하나의 작업만 수행할 수 있으며, 멀티 스레드는 한 번에 여러 개의 작업을 수행할 수 있다.메모리 힙: 메

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

TIL: eslint, prettier, stylelint 설정 with triple - 220625

cmd + shift + , 를 통해 defaultSettings.json에 들어가서 eslint를 검색하면eslint.probe가 나온다여기서 어떤 종류의 파일에 eslint를 적용할지 설정해주는 것 같다triple에선 js, jsx, tsx만 적용하길 원함vscod

2022년 6월 25일
·
0개의 댓글
post-thumbnail

TIL: 자바스크립트 엔진과 실행 컨텍스트..,렉시컬 스콮, prototype 체인, 클로저 - 220624

실행 가능한 코드가 실행되기 위해 필요한 환경 자바스크립트 엔진에 의해 관리되고자바스크립트 V8엔진은 C++로 작성되어있다변수, thisValue, 함수 선언, 스코프와 같은 실행에 필요한 정보를 담고있다다음의 3가지 객체로 이루어짐변수매개변수(parameter)와 인

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

TIR: 완벽가이드 1. 코어자바스크립트(2) 배열1- 220624

배열은 정렬된 값의 집합(?) - 인덱스가 순서대로 있다는 뜻인듯 합니다자바스크립트 배열은 타입이 정해져있지 않다덕분에 더 정교한 자료구조를 만들 수 있다자바스크립트 배열은 32비트 인덱스를 사용한다최대 약 43억개의 원소를 가질 수 있다동적 크기를 가지기 때문에 크기

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