
로컬스토리지는 웹 스토리지 객체로 브라우저 내에 { key : value } 형태로 오리진에 종속되어저장되는 데이터를 말한다. (같은 오리진이면 공유됨)<로컬스토리지의 활용법> 로그인유지 - 처음 로그인시 받아온 토큰을 로컬스토리지에 저장하여 그 다음 로그인시 사
서버로부터 컨텐츠 다운 + 브라우저 렌더링주소창에 주소검색캐싱을 통해 요청된 값의 결과값을 저장하고, 그 값을 다시 요청하면 다시 제공DNS를 통해 브라우저가 요청의 IP 주소를 확인IP라우팅을 통해 해당 서버 연결후 연결브라우저가 서버로부터 컨텐츠 다운 후, 받은 데

Rest란? > URI를 통해 자원을 명시하고 HTTP Method(POST, GET, PUT, DELETE..)를 통해, 해당 자원에 대한 CRUD Operation을 적용하는 것 API란? 소프트웨어와 소프트웨어 사이에서 데이터 전송을 가능하게 하는 것 💡

데이터를 읽어올 때 사용url을 기반으로 데이터를 요구!!!비밀번호 등 민감한 정보를 전달할 때 사용하지 않는다성공시 HTTP 상태코드 200을 반환브라우저기록에 남음길이 제한데이터를 생성할 때 사용HTTP message body를 통해 데이터를 전달비밀번호 등 민감한

어떤 작업을 위해 실행할 수 있는 파일컴퓨터에서 실행되고 있는 프로그램메모리에 올라와 실행되고 있는 프로그램의 인스턴스(독립적인 개체)프로세스내에서 실행되는 여러 작업의 흐름스레드는 메모리를 공유하기 때문에 다른 스레드와의 정보공유가 쉽다.그러나 한 스레드에 문제가 생
모델, 뷰, 컨트롤러로 이루어진 디자인 패턴모델: 애플리케이션의 데이터인 데이터베이스(글자내용, 글자의 위치)뷰: 모델을 기반으로 사용자가 볼 수 있는 화면컨트롤러: 하나 이상의 모델과 하나 이상의 뷰를 잇는 다리 역할MVC패턴의 장점애플리케이션의 구성 요소를 세 가지
프로그램을 수많은 '객체'라는 기본 단위로 나누고 그 객체들 간의 상호작용을 통해 로직을 구성하는 방식객체지향프로그래밍 장점코드 재사용 - 반복적인 코드를 최소화하고, 코드를 최대한 간결하게 표현가능쉬운 유지보수 - 절차지향프로그래밍과 달리 수정해야할 부분을 클래스내에

Multi page application - 여러 페이지로 구성된 웹 어플리케이션서버에서 HTML, JS 파일 등을 모두 다운로드하여 화면에 렌더링 진행화면을 구성하는 각각의 페이지가 있기 때문에 SEO(검색엔진)에 노출유리필요한 부분의 JS 파일만 서버에서 렌더링하므

어플리케이션이 한 컴퓨팅 환경에서 다른 컴퓨팅 환경으로 빠르고 안정적으로실행되도록 코드와 모든 종속성을 패키징하는 소프트웨어의 표준 단위컨테이너는 OS를 공유하기 때문에 빠르고, 경량화되어있으며 격리성도 훌륭하지만 OS에 문제가 생기면 다른 앱에도 영향을 미칠 수 있다

클라이언트와 서버간의 HTTP 통신을 위한 텍스트 데이터 포맷주로 API의 반환형태, 시스템을 구성하는 설정파일(package.json)에 활용외부의 시스템에서도 사용할 수 있도록 데이터를 JSON포맷의 문자열로 변환하는 기술 클라이언트가 서버로 객체를 전송하기위해 객

코드를 짠 뒤, 지속적으로 코드를 합치고 코드를 배포하는 과정(Continuous Integration / Delivery & Deployment)코드구축부터 시작해서 배포까지의 일련의 과정들 (총 3단계로 구성됨)빌드 : webpack를 통한 빌드테스트 : 단위테스트

JWT(JSON Web Token) > Json객체를 기반으로 한 사용자 인증 및 정보 전달을 위한 자체 포함형 토큰 🔍 자체 포함형이란? JWT가 모든 필요한 정보를 자체적으로 담고 있다는 의미 이 구조는 JWT가 독립적으로 동작할 수 있도록 해주며, 서버에서 별도의 추가 데이터베이스 조회 없이도 인증이나 사용자의 권한을 확인할 수 있게 한다. ...
클라이언트와 서버 간의 인증과정에서 사용자의 자격을 확인하기 위해 사용되는 헤더주로 보안이 필요한 웹 리소스에 접근할 때, 사용자가 해당 리소스에 접근할 권한이 있는지 검증하기 위해 사용된다.<span style="background-color:<span s