Minsu's Dev Log

🌈22살 대학생 학생 개발자🙂

setTimeout, setInterval and requestAnimationFrame

33-js-concepts를 스터디하며 정리한 포스트 입니다. 자바스크립트에서의 스케쥴링 자바스크립트에서는 스케쥴링을 위한 타이머 함수가 존재한다. 사용가능한 타이머 함수와 타이머 함수의 기능은 아래와 같다. 함수 이름 기능 setTimeout(fn, timeout) 일정 시간 후 fn으로 받은 함수를 실행한다. setInterval(fn, interva…

메시지 큐와 이벤트 루프

33-js-concepts를 스터디하며 정리한 포스트 입니다. 자바스크립트의 특징 자바스크립트는 싱글 스레드 기반의 언어이며 1개의 콜스택을 사용한다. 1개의 콜스택을 사용하기 때문에 하나의 함수의 작업이 오래걸리게 되면 그 이후에 실행될 다른 작업들은 실행이 되지 못하는 상황이 발생하게 된다. 이 문제를 해결하기 위하여 비동기 콜백 방식을 사용하고 있다…

Pure Django로 JWT인증 구현하기 (2)

이전 포스트에서는 Django에서 JWT인증을 위한 미들웨어 작성법을 알아보았다. 이번에는 를 사용하기 위한 인증 토큰을 발행하는 과정을 다루어보겠다. 기본적으로 과 두 가지의 에서 토큰을 발행된다. URL 설정하기 인증과 관련된 로직을 처리하기 위한 앱을 새로만들었다. 그 후 앞서 얘기했던 것과 같이 로그인과 회원가입에 필요한 두 을 설정한다. 아직 …

Pure Django로 JWT인증 구현하기 (1)

JWT란? Json Web Token의 약자로 JSON 객체로 정보를 전달하는 방식이다. 이 포스트에서는 JWT을 이용해 인증을 구현하는 방식을 다루어볼 것이다. JWT에 관해서 자세하게 알고 싶다면 아래의 링크를 확인하면 좋을 것이다. Velopert님 블로그 조대협님 블로그 필요한 패키지 설치하기 JWT인증을 구현하기위해 아래의 패키지 3개를 설치하였…

IIFE, Modules, Namespaces

33-js-concepts를 스터디하며 정리한 포스트 입니다. IIFE IIFE는 Immediately Invoked Function Expression으로 즉시 호출 함수 표현식이다. IIFE의 기본적인 형태는 아래와 같다. IIFE는 함수 선언과 동시에 함수 호출이 되는 익명 함수다. 함수 선언을 아래와 같이 함수 이름이 없이 선언을 할 경우에는 오류…

Recoil - Core Concepts

Recoil 공식 문서 중 Introduction - Core Concepts를 번역한 포스트입니다. 개요 Recoil을 사용하면 atoms (공유 상태)에서 selectors (순수 함수)를 거쳐 React 컴포넌트로 내려가는 데이터 흐름 그래프를 생성할 수 있다. Atoms는 컴포넌트가 구독할 수 있는 상태의 단위다. Selectors 가 이 상태를 …

Bonus: Performance

Recoil 공식 문서 중 Basic Tutorial Bonus: Performance를 번역한 포스트입니다. Bonus : 성능 우리가 구현한 기존의 것은 완벽하게 유요하다. 하지만 우리 앱이 작은 토이 프로젝트에서 백만줄짜리 기업 프로그램으로 발전하면서 고려해야 할 중요한 성능적 측면이 있다. 우리의 컴포넌트들을 다시 랜더링 시키는 원인이 무엇인지 생…

Selectors

Recoil 공식 문서 중 Basic Tutorial Selectors를 번역한 포스트입니다. Selectors Selector는 파생된 상태(derived state)의 일부를 나타낸다. 파생된 상태를 어떤 방법으로든 주어진 상태를 수정하는 순수 함수에 전달된 상태의 결과물로 생각할 수 있다. 파생된 상태는 다른 데이터에 의존하는 동적인 데이터를 만들 …

Atoms

Recoil 공식 문서 중 Basic Tutorial Atoms를 번역한 포스트입니다. Atoms Atoms는 애플리케이션 상태의 source of truth를 갖는다. todo 리스트에서 source of truth는 todo 아이템을 나타내는 객체로 이루어진 배열이 될 것이다. 우리는 atom 리스트를 라고 하고 이것을 함수를 이용해 생성할 것이다.…

Recoil Basic Tutorial Intro

Recoil 공식 문서 중 Basic Tutorial Intro를 번역한 포스트입니다. Intro 이 섹션은 Recoil과 React가 설치했다고 가정한다. Recoil과 React를 처음부터 시작하는 방법은 Getting Started를 보면된다. 앞으로의 섹션의 컴포넌트들은 부모트리에 가 있다고 가정한다. 이 튜토리얼에서는 간단한 todo 리스트 애플…