JWT는 토큰 인증 방식 중 하나로, JSON 객체를 사용하여 토큰을 생성하고 인증하는 방식입니다. 이 방식은 상대적으로 가벼운 구조를 가지고 있어 많은 웹 서비스에서 사용되고 있습니다.Bearer는 '소지자' 또는 '착용자'라는 뜻이며, 인증 토큰을 전달할 때 사용되

본 글에서는 인증 작업 생성과 사용자 유효성 검증에 대한 코드를 소개하고, 해당 코드를 구성하는 각 요소와 구현 방법을 설명하겠습니다.인증 작업 생성을 위한 코드는 주로 AuthForm 컴포넌트와 action 함수를 포함합니다. AuthForm 컴포넌트는 사용자 인터페

인증은 현대의 디지털 시대에서 매우 중요한 개념 중 하나입니다. 인증이란, 어떤 사용자가 자신이 주장하는 것이 사실인지 확인하고, 해당 사용자에 대한 신뢰를 구축하는 과정입니다. 이번 글에서는 인증의 원리와 인증 방식에 대해 알아보겠습니다.서버-사이드 세션은 인증을 위

코드를 줄이고 수동으로 josn 형식 파싱할 필요없음위 코드는 json() 유틸리티 함수를 사용하여 코드를 간소화하는 예제입니다.이전 예제에서는 Response 객체를 사용하여 오류 응답을 생성하였습니다. 그러나, Response 객체는 기본적으로 문자열 데이터를 반환

loader 함수는 일반적으로 데이터를 가져오는 비동기 함수와 함께 사용됩니다. 이를 통해 데이터가 로드되는 동안 로딩 스피너 또는 로딩 메시지를 표시할 수 있습니다. 데이터가 로드되면 컴포넌트가 렌더링되어 사용자에게 표시됩니다.동적으로 컴포넌트를 가져오고, 해당 모듈

라우트 정의하기 라우트를 정의하기 위해 프로젝트에 "react-router-dom" 패키지를 다운로드 및 설치 해주어야 합니다. > React Router > 웹 애플리케이션에서 라우팅 및 탐색을 쉽게 처리할 수 있는 React용 라이브러리입니다. "react-ro

JavaScript는 간단한 객체 기반 패러다임 위에 만들어졌습니다. Object(객체)는 Properties(속성)의 컬렉션이고, property는 이름('키')과 값 사이의 연결관계입니다. 속성의 값이 함수인 경우에는 메서드라고 부릅니다. 브라우저 안에 미리 정의된

10 진수에서 n진수로 변환방법 n진수에서 10진수로 변환 방벙

두 개의 피연산자의 각 자리마다 대응하는 비트가 모두 1일 경우 1을 반환해줍니다.비트 부정연산자는 피연산자의 비트를 반전시킵니다. 다른 비트 연산자와 마찬가지로 32비트 이상인 다음 정수는 32비트 정수로 변환됩니다.피연산자는 2의 보수 에 따라 반전됩니다 . 즉,

HTTP와 같은 클라이언트-서버 프로토콜에서, 세션은 다음의 세 가지 과정으로 이루어집니다.클라이언트가 TCP 연결을 수립합니다.(또는 전송 계층이 TCP가 아닌 다른 적당한 연결로).클라이언트는 요청을 전송한 뒤 응답을 기다립니다.서버는 요청에 대해 처리하고 그에 대

HTTP 메세지는 서버와 클라이언트 간에 데이터가 교환되는 방식입니다. 메시지 타입은 두 가지가 있습니다. 요청(request)은 클라이언트가 서버로 전달해서 서버의 액션이 일어나게끔 하는 메세지고, 응답(response)은 요청에 대한 서버의 답변입니다.HTTP 메시

HyperText Transfer Protocol(하이퍼텍스트 전송 프로토콜)은 HTML 과 같은 하이퍼미디어 문서를 전송하기 위한 애플리케이션 계층 프로토콜입니다. 웹 브라우저와 웹 서버 간의 커뮤니케이션을 위해 디자인되었지만, 다른 목적으로도 사용될 수 있습니다.H

웹에 연결된 컴퓨터는 클라이언트 와 서버라고 합니다.클라이언트(client)는 일반적인 웹 사용자의 인터넷이 연결된 장치들(핸드폰이 모바일 네트워크에 연결되어있거나 컴퓨터가 인터넷에 연결되어 있는경우)과 이런 장치들에서 이용가능한 웹에 접근하는 소프트웨어(크롬, 파이어

조건문 if에서 조건은 항상 boolean 이어야 한다. 종종 ===, >,< 등 연산자로 불값을 생성하며 이 모든 연산자는 불값을 산출합니다. (사용 중인 변수/값은 변하지 않는다) if에는 boolean 만 들어가면 되기 때문에 이러한 연산자를 꼭 사용해야 할 필

1.생성된 태그에 클릭 이벤트를 등록해준다.2.writeText() 를 사용하여 시스템 클립보드에 저장해준다.3.정상정으로 복사가 되었는지 확인한다.Clipboard인터페이스의 속성 writeText() 은 지정된 텍스트 문자열을 시스템 클립보드에 씁니다.&lt;spa

인스턴스를 생성하고 나면 아래와 같이 인스턴스 안에 어떤 속성과 API가 있는지 콘솔 창에서 확인할수 있다.이처럼 인스턴스 안에는 미리 정의되어 있는 속성과 메소드(API)들이 있기 때문에 이 기능들을 이용하여 빠르게 화면을 개발할수있다.인스턴스에서 사용할 수 있는 속

import와 export는 자바스크립트의 코드를 모듈화 할 수 있는 기능이다. 모듈화의 필요성 기본적으로 자바스크립트의 유효 범위는 전역으로 시작한다. 따라서 이런 경우 원하는 결과가 나오지 않는다 자바스크립트는 기본적으로

Promis ?? 프로미스는 비동기적 작업 처리에 사용되는 객체로 콜백 지옥의해결과 에러의 처리 용이성이 있다 콜백 지옥 (Pyramid of Doom) 비동기적으로 처리해야할 작업이 둘 이상이라고 가정했을때 코드의 흐름 1.js 파일 로드 에러시 처리 1.js

향상된 객체 리터럴(Enhanced Object Literal) 기존 자바스크립트의 객체 정의 방식 축약문법 속성과 값이 같을경우 객체 정의시 속성(property)와 값(value)이 같으면 아래와 같이 축약가능 속성에 함수를 정의할 때 function 예약어