잠시의 재택근무로 인한 git 멀티계정 설정하는 작업이 필요하게되어 기록해 놓는다.키네임만 변경해주고 다른 것은 엔터로 넘기는 것을 추천각 계정의 키네임 변경확인 작업확인등록된 키를 모두 삭제하고 싶은 경우code .ssh/config 혹은 vi .ssh/config입

next-redux-wrapper를 사용하는 next 프로젝트에서아래와 같이 wrapper를 만들었다면store/configureStorewrapper로 감싼 App컴포넌트 내부에서만 redux사용이 가능하다.pages/\_app그렇다면 wrapper를 사용하면서 Ap

DOM트리는 무겁기 때문에 DOM트리를 전부 다시 그리는 것은 브라우저 렌더링에 있어서 매우 큰 비용을 잡아먹는다.그래서 React는 메모리에 VDOM이라는 가상의 DOM 트리를 존재시키면서, 실제 DOM 트리를 렌더링 하는 데에 있어서는VDOM을 바탕으로 변경시킬 일

자바스크립트는 싱글 스레드 언어이다. 싱글 스레드는 동시에 하나의 작업만 할 수 있다는 뜻인데 어떻게 비동기 처리가 가능할까? 또한 자바스크립트로 쓰여진 웹사이트들은 버튼 클릭, 애니메이션 실행, HTTP 요청 전송 등 여러가지 일을 한번에 처리한다. 싱글 스레드임에

URL을 웹 브라우저의 주소창에 입력한다.웹 브라우저가 URL을 해석하고, 문법에 맞지 않으면 기본 검색엔진으로 검색한다.문법에 맞으면 URL의 호스트 부분을 인코딩한다.HSTS(HTTP Strict Transport Security) 목록을 확인하고 있으면 HTTPS

Frequency counterMultiple PointersSliding WindowDivide and ConquerDynamic ProgrammingGreedy AlgorithmsBacktrackingMany more...이 패턴이 Frequency counter라

많은 사람들은 시간적 제약이 있는 상황에서 즉시 문제를 해결해야 한다는 생각에 문제를 제대로 이해하지 않고 진행하곤 한다.그저 코드 몇 줄을 빨리 입력하여 짧은 시간 내에 무언가 진행한다는 느낌은 들 수 있겠지만 여기서 한 걸음 물러서서 직면한 과제를 확실히 이해하는

위 처럼 라디오 버튼이 모드 체크되어 있을 때만 퀴즈풀기 버튼을 활성화 하기 위해useForm formState를 사용하여 button에 disabled={!isValid} 속성을 넣어봤지만 작동하지 않았다.useForm 깃허브 이슈 탭에서 isValid는 렌더링 된

객체는 다음과 같이 key, value 짝을 갖고 저장되어있다.여기서Object.keys(instructor) 메서드를 실행하면"firstName", "isInstructor", "favoriteNumbers"를 return 하는데 이는 n개의 key값 만큼접근해서 배

코드를 분류하거나 비교할 수 있는 시스템둘 중 어느함수가 더 나은 함수인지 평가한다면그 기준으로속도, 적은 메모리 사용, 가독성을 생각할 수 있다.그렇다면 이를 어떻게 평가할 것인가?다음과 같은 방법으로 코드의 실행시간을 잴 수 있다.로그에 찍힌 결과를 보면 두번째 함

배열의 단점으로는 연속된 공간이 필요하다는 점과 초기 배열의 크기를 모르면 메모리가 낭비될 수 있다는 점이 있다. 컴퓨터 과학자들은 이 단점을 해결하기 위해 다음과 같이 데이터를 분산하여 할당한 다음 연결하는 방식을 고안하였다. 이는 노드(Node)라는 것을

배열 배열은 모든 프로그래밍 언어에서 기본적으로 제공하는 자료구조이다. 자바스크립트에서의 배열은 일반적인 배열과는 다르다. 배열의 이해를 위해서는 배열이 메모리에서 어떤 모습을 하고 있는지 알아야한다. > 일반적으로 프로그래밍 언어에서는 배열을 선언할 때 배열의

자료구조와 알고리즘이란?

CSS 미디어쿼리는 출력 장치의 여러 특징 가운데 일부를 참조하여미디어 쿼리는 반응형 웹 디자인의 핵심 부분으로CSS 코드를 분기 처리함으로써 하나의 HTML 소스가 여러가지 뷰를 갖도록 구현할 수 있게끔한다.이는 사용자가 마우스가 아닌 터치스크린을 사용하는지와 같은

SPA는 Single Page Application의 약자로 한 개의 페이지로 구성된 어플리케이션을 뜻한다.MPA는 Multiple Page Application의 약자로 여러 개의 페이지로 구성된 어플리케이션을 뜻한다.SPA는 우리가 주소창에 url을 입력한 후 엔터

Javascript의 등장으로 편지를 읽는 것과 같이 정적이었던 웹사이트는,사용자와 서로 상호작용하는 동적인 형태로 바뀌었다.추후에 Google에 의해 Javascript는 재탄생 하게 되는데구글이 Gmail, Chrome, Javascript Engine(V8)을 선

callback callback은 프로그래밍에서 빼놓을 수 없는 아주 중요한 개념이다. callback의 의미는 크게 2가지가 있다. 다른 함수의 인자로 이용되는 함수. 이벤트에 의해 호출되어지는 함수.

자바스크립트에서 reduce는 배열에만 사용가능한 메소드로배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고,하나의 결과값을 반환한다.reduce 사용법reduce()는 빈 요소를 제외하고 배열 내에 존재하는 각 요소에 대해callback 함수를 한

메모이제이션은 특정 연산이나 특정 함수의 값을 기억해 놓은 후State의 변화로 화면이 리렌더 되더라도 함수가 초기화 되지 않고,기존에 저장된 값을 그대로 사용할 수 있게한다.메모이제이션 기능을 사용하면 컴포넌트의 불필요한 리렌더링을 줄여성능 향상을 기대할 수 있게된다

우리가 웹사이트 게시판에서 👍 "따봉" 버튼을 누를 때의 동작을 생각해보자.사용자가 👍 버튼을 누르면 onClick 함수가 실행되고 서버에 mutation 요청을 보낸다.서버에 보낸 요청이 완료될 때까지 await으로 기다리고,완료됐다는 응답이 오면 refetch를