naver.com => DNS(주소 변환) => 192.168.0.1
REST API는 프로젝트를 진행하면서 자연스럽게 사용을 했었다. 하지만 사용을 해왔다고 해서 그 개념을 정확히 알고 있다고는 자신있게 말할 수 없었다.REST 기반으로 서비스 API를 구현한 것REST의 정의 \- 자원(resource)를 이름으로 구분하여 해당 자원
사전적 의미어떤 작업을 위해 실행할 수 있는 파일 사전적 의미컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 프로그램메모리에 올라와 실행되고 있는 컴퓨터에서 연속적으로 실행되고 있는 컴퓨터 <span style="background-color: - 동적인 개념으로 실
프로젝트마다 날 힘들게 했던 동기와 비동기에 대해 알아보자.동시에 일어나는일, 요청한 결과가 한 자리에서 동시에 일어남동시에 일어나지 않는 일, 요청한 그 자리에서 결과가 주어지지 않음동기 방식은 설계가
정의 : 프로세스(Process)가 구동하려면 다양한 시스템 자원이 필요하다. 대표적으로 CPU(중앙처리장치)와 입출력장치가 있는데, 최고의 성능을 내기 위해 자원을 어떤 프로세스에 얼마나 할당하는지 정책을 만드는 것을 CPU스케줄링이라고 한다. 프로세스가 CPU를
클로저 란? 클로저 자바스크립트 고유의 개념이 아니라 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성 클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합이다. ex) 함수 outerFu
MVC 패턴은 Model + View + Controller를 합친 패턴Model : 어플리케이션에서 사용되는 데이터와 그 데이터를 처리하는 부분View : 사용자에서 보여지는 UI 부분Controller : 사용자의 입력(Action)을 받고 처리하는 부분사용자의 A
서버/클라이언트 모델을 따라 데이터를 주고받기 위한 프로토콜80번 포트를 사용애플리케이션 레벨의 프로토콜로 TCP/IP 위에서 동작stateless 프로토콜이며 Method, Path, Version, Headers, Body 등으로 구성암호화가 되지 않음443번 포트
클라이언트가 서버에 요청을 보내면 서버는 해당 요청에 대해 응답한다.
개방형 시스템 상호 연결 모델의 ㅍ ㅛ준실제 인터넷에서 사용되는 TCP/IP는 OSI 참조 모델을 기반으로 실무적으로 이용될 수 있도록 단순화 한것모든 시스템들의 상호 연결이 용이하도록 표준을 정하기위해 OSI 7계층이 탄생함OSI 7계층은 응용, 표현, 세션, 전송,
메모리 계층 구조란 여러가지 기억장치를 필요에 따라 속도, 용량 성능에 따라 계층적으로 나눈 것을 의미하위 계층으로 갈수록 용량이 늘어나고, 가격이 저렴하지만 속도가 느리다. 반대로 상위계층은 빠른 대신 용량이 작고 가격이 비싸다. 이를 보완하기 위해 메모리 계층 구조
가장 많이 사용되는 훅, 함수형 컴포넌트에서도 state를 지닐 수 있게 해준다.화면 렌더링과 관련된 데이터를 다룰 때 쓰이며, 이는 state를 바꾸면 컴포넌트가 리랜더링 된다는 것을 의미useEffect는 리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 수행clea
함수 안에 있는 선언들을 모두 끌어올려 해당 함수 유효범위의 최상단에 선언하는 것함수 내에서 아래쪽에 존재하는 내용 중 필요한 값들을 끌어 올리는 것실제 메모리에서는 벼 ㄴ화가 없음var 변수 선언과 함수선언문에서만 호이스팅이 일어난다var 변수/함수의 선언만 위로 끌
동적으로 변하는 웹 서비스가 많아진 현재 상황에서 사용자에게 더 좋은 인터페이스와 경험을 제공하기 위해서DOM은 HTML, XML 문서의 프로그래밍 interface이다.DOM을 활용해 HTML, XML 문서에 프로그래밍 언어가 접근할 수 있음, 특히 웹 브라우저는 D
<span style="background-color:원시타입의 변수들은 데이터 복사가 일어날 때 메모리 공간을 새로 확보하여 독립적인 값을 저장불변성을 갖고 있음메모리에 직접 접근이 아닌 메모리의 위치에 대한 간접적인 참조를 통해 메모리에 접근하는 데이터 타입원
this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수this는 코드 어디서든 참조 가능일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있음함수를 호출하면 인자와 this가 암무적으로 함수 내부에 전달식별자와 값을 연결하는
로컬 스토리지는 저장한 데이터를 지우지 않는 이상 영구적으로 보관이 가능(도메인마다 별도로 로컬 스토리지가 생성)최대 크기: 5MB사용 예시: 자동 로그인세션 종료 시 클라이언트에 대한 정보가 삭제최대 크기: 5MB사용 예시: 입력 폼 정보, 비로그인 장바구니웹 사이트
두 개 이상의 프로세스나 스레드가 서로 자원을 얻지 못해서 다음 처리를 하지 못하는 상태(무한히 다음 자원을 기다리게 됨)한정된 자원을 여러 곳에서 사용하려고 할 때 발생프로세스1이 자원1을 얻음 / 프로세스2가 자원2를 얻음프로세스1은 자원2를 기다림 / 프로세스2는
브라우저에서 JS파일들을 묶어(번들링) 사용하기 위한 도구어떠한 자원(JS,CSS,PNG,JPG 등 ) 또는 자산 등을 전송, 구축, 패키징이 가능하게 함 모듈화된 자바스크립트를 묶어준다는 의미이전 방식에선느 각 파일마다 서버에 요청을 하여 자원을 얻어와야 했지만, 웹
실행 가능한 코드를 형상화하고 구분하는 추상적인 개념코드들이 실행되기 위한 환경(코드가 실행된다면 실행 컨텍스트 내부에서 실행되고 있는 것)자바스크립트 엔진에서 코드를 실행하기 위해서는 실행에 필요한 정보를 알고 있어야 함변수 : 전역 변수, 지역 변수, 매개 변수,
var변수 재선언이 가능let변수 재선언 불가능변수 재할당 가능const변수 재선언 불가능변수 재할당 불가능기본적으로 const를 사용, 재할당이 필요한 경우에 한정해 let사용
특정 엘리먼트에 이벤트가 발생하면 해당 이벤트가 그 엘리먼트의 조상까지 전달되는 현상p 태그의 이벤트가 body 태그 까지 전달됨. 이러한 현상을 이벤트 버블링이라 한다.이벤트 버블링이 일어나는 최초의 이벤트를 발생시키는 엘리먼트 ( 위 예제에서 p태그)event.ta
마크업 언어페이지에 구조 및 의미를 부여하는 정적 언어웹의 구조를 담당마크업 언어가 실제로 표시되는 방법을 지정하여 컨텐츠 구조를 꾸며주는 정적 언어웹의 시각적인 표현을 담당HTML의 문서의 정적이고 단조로운 한계를 극복하기 위해 탄생브라우저 자체에서 내장된 해석기능을
함수형 프로그래밍은 순수함수와 보조 함수의 조합을 통해 로직내에 존재하는 조건문과 반복문을 제거하여 복잡성을 해결하고 변수의 사용을 억제하여 상태 변경을 피하려는 프로그래밍 패러다임순수함수는 같은 입력이 주어지면 같은 출력을 반환해야하고, side effect(부작용)
RealDOM 대신 Virtual DOM을 사용서버 사이드 렌더링을 지원단방향 데이터 흐름, 데이터 바인딩을 따름UI구성 요소를 재사용 가능하게 개발 가능가상 DOM으로 화면 요소 변경 및 조작MVVM 패턴컴포넌트 기반 프레임워크
변수를 선언하고 빈 값을 할당한 상태(빈 객체)어떤 값이 의도적으로 비어있음을 표현typeof로 자료형 확인시 object변수를 선언하고 값을 할당하지 않은 상태즉, 자료형이 없는 상태typeof로 자료형 확인시 undefined
페이지를 전환할 때 프론트 서버에 request를 보내는 것이 아닌 웹 클라이언트 자체적으로 js에 의해 전환처음 하나의 빈 페이지만 서버측에서 제공, View에 대해서는 클라이언트에서 js를 통해 렌더링CSR 방식이 접목된 것사용자의 행동에 따라 필요한 부분만 다시
JS에서 객체를 비교하는 방법을 알아보는 방법은 해당 객체들을 JS로 변환하여 비교하는 것하지만, 이 방법은 객체 속성의 순서를 보장하지 않는 단점이 있음객체를 단순히 '==='으로 비교할 시 false를 리턴받게 됨동일한 참조를 가리키게 만들면 참으로 리턴lodash