Redux Toolkit = RTK RTK를 이해하기 위해서는 Redux를 먼저 잘 이해하고 있어야 한다.Redux를 편하게 사용하기 위해 나온 Redux Toolkit 여기서 데이터 바인딩이랑 개념이 나온다. 데이터 바인딩이란??두 데이터 혹은 정보의 소스를 일치시키

OAuth란, Google 로그인 기능을 떠올리면 된다.웹 서버에 비밀번호를 제공하지 않고도, 구글 계정의 읿 접근 권한을 부여할 수 있다.실제로 많은 앱에서는 SNS 간편 로그인 기능을 제공한다.안전하지 않은 SNS 로그인 방식을 생각해 보자.(사용자가 서버에게 구글

흔히 웹 사이트에 접속할 때는 웹 브라우저 프로그램 사용서버에 요청하여 서버의 응답을 웹 문서 형태로 받는다. 받은 웹 문서를 렌더링하여 표시한다.서버와 클라이언트 클라이언트가 요청하면 서버가 응답한다.클라이언트는 사용자라고 할 수 있다. -> 즉 서비스를 받는 사람

useCallback()은 함수를 메모이제이션(memoization)하기 위해서 사용되는 hook 함수입니다. 첫번째 인자로 넘어온 함수를, 두번째 인자로 넘어온 배열 내의 값이 변경될 때까지 저장해놓고 재사용할 수 있게 해줍니다.useEffect와 비슷하게 첫번째 인

Class object를 만드는 청사진 클래스 이전에 object를 만드는 기본적인 방법은 function Javascript에도 class는 es6부터 사용 가능 OOP를 위한 초석 Typescript에서는 클래스도 사용자가 만드는 타입의 하나 Class를 만드는법

약 2주간 진행했었고 마지막 2차 프로젝트가 끝났다. 정말 힘들었고 또 재밌었다. 그리고 프로젝트는 항상 날 성장하게 만든다. 그래서 정말 가치있는 시간이었고 기록하기 위해 회고해보자. 마침 프로젝트 주제도 회의하고 기록하자다. 네 번의 팀 프로젝트를 경험했었지만

useMemo > - memoization: 먼저 메모이제이션이라고 하는 개념에 대해 확실히 알아가야하는데, 메모이제이션은 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다. 이것을 적절하게 활용하면 중복 연산을

Dom요소에 접근을 위해 사용이 되는 React hooks 이다. Ref는 reference의 약자로 '참조'라는 뜻이며 참조한 값을 저장하고 있는 공간이다. useState는 state값이 바뀌면 컴포넌트를 재렌더링 시킨다. 하지만 useRef 는 값이 아무리 변경되

자.. 전편에서 정말 길었다.. 클로저가 뭐길래 대체 클로저 클로저 하는지 공부해보려고 했는데 정신을 잃을 뻔 했다. 하지만 정말 뛰어난 여러 개발자분들의 블로그 글 솜씨와 코어자바스크립트, 자바스크립트포이마 저자분께 무한한 감사를 드린다. 덕분에 뺨 때리면서 공부했다

Closure 자바스크립트에 관심이 있거나 공부한다면 한번쯤 들어봤을 개념이다. 클로저가 그럼 무엇일까? execution context(실행컨텍스트)에 대한 사전 지식이 있으면 이해하기 어렵지 않은 개념이다. 클로저는 자바스크립트 고유의 개념이 아니라 함수를

Promise의 문제점 Promise는 콜백지옥을 탈출할 정말 효과적이고 좋은 방식이다. 하지만 promis의 .then()을 여러번 사용한다면 ?? 콜백지옥에서 .then() 지옥이 시작되는거 아닐까?? 사실 .then()을 써봤자 얼마나 쓴다고 async awai

프로세스가 네트워크 세계로 데이터를 내보내거나 혹은 데이터를 받기 위한 실제적인 창구역할프로세스가 데이터를 보내거나 받기 위해서는 반드시 소켓을 열어서 소켓에 데이터를 써내보내거나 소켓으로부터 데이터를 읽어들어야 한다.소캣은 프로토컬, IP주소, 포트 넘버로 정의된다.

처음에는 현재시각과 필요한시간, 23시가 초가되면 24시가 아니라 0으로 넘어가는 조건, 분(min)이 60이 넘어가면 0으로 초기화 해주고 시간에서 60으로 나눈 몫만큼 더해줘야 하는 것, 그 조건들을 한번에 적용하는 것, 이렇게 여러가지 조건을 나눠서 생각해서 접근

타입을 만들어내는 방식..?차근 차근 알아보자 처음으로 interface를 만든것이다.!!자바스크립트에 없는 인터페이스 문법이 컴파일했을때 자바스크립트에서는 어떻게 나올까?엥? 없다. 아무리봐도 interface는 안보인다.컴파일 타임에만 interface를 이용해서

알고리즘 문제에서는 적절한(약속된) 입출력 양식이 주어진다.1\. 첫번째 단계에서는 데이터를 입력 받거나 생성하는 것2\. 이후에 적절한 알고리즘을 사용하여 도출된 정답을 정확한 형식으로 출력한다.N명의 학생의 성적 데이터가 주어졌을 때, 내림차순 정렬한 결과를 출력하

시간복잡도는 알고리즘의 성능을 나타내는 척도, 시간복잡도: 특정한 크기의 입력에 대하여 알고리즘의 수행 시간 분석 동일한 기능을 수행하는 알고리즘이 있다면, 일반적으로 복잡도가 낮을수록 유리하다. 빅오표기법(Big-o notation) 가장 빠르게증가하는 항만을 고려하는 표기법이다. 함수의 상한을 나타낸다. 예를 들어 연산 횟수가 3n^3 + 5N^2 +...

타입스크립트 파일들을 하나로 묶어서 그룹으로 만들고 그룹화된 파일을 자바스크립트로 변환하는데 그 과정에서 타입스크립틔 설정을 더해준다.타입스크립트 딥다이브 설명 -컴파일 컨텍스트는 근본적으로 집단에서 사용하는 용어이며 타입스크립트는 유효한 것을 분석하고 해석합니다. 어

구조가 같으면, 같은 타입이다.두개는 구조가 같기 때문에 대입해서 쓸 수 있다. 그렇기 때문에 구조가 같다면 타입을 일일히 만들지 않아도 될듯!구조가 같아도 이름이 다르면, 다른 타입이다.(타입스크립트는 nominal 타입 시스템을 따르지 않기 때문에 이름이 다르더라도

컴파일러에게 사용하는 타입을 명시적으로 지정하는 시스템컴파일러가 자동으로 추론하는 시스템 (명시적으로 지정하지 않으면 자동추론)타입이란 해당 변수가 할 수 있는 일을 결정한다.똑같은 코드를 타입스크립트로 사용한다면? noimplicityAny 옵션을 켜서 타입스크립트가

static 개발 하는 도중 알수 있다.dynamic 실제 런타임에 돌입 해야만 알 수 있다. 먼저 에러를 확인할 수 있다.타입스크립트에서는 프로그램 작성을 위해 기본 제공하는 타입들이 있다.booleannumberstringnullundefinedsymbol(es6에