상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것 이다.MPA : 서버의 데이터를 이용해 페이지를 렌더링하므로 클라이언트의 데이터와 서버의 데이터가 큰 차이를 가지지 않는다.SPA : 자체적으로 데이터를 갖고

초기 웹 환경에서는 서버에서 모든 데이터를 로드하여 페이지를 빌드했으므로 자바스크립트에는 별도의 비동기 처리가 필요하지 않았지만 Ajax(Asynchronous JavaScript and XML) 기술의 등장으로 페이지 로드 없이 client-side에서 XMLHttp

SPA(Single Page Application)은 하나의 페이지 요청으로 전체 웹앱을 사용하는 방식이다.MPA(Multi Page Application)은 서버에 미리 여러 페이지를 두고, 유저가 네비게이션 시 요청에 적합한 페이지를 전달하는 방식이다. 서버에 라우

컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다.기존에는 컴포넌트 내에서 State와 생명주기를 관리하기 위해서 반드시 클래스 컴포넌트(Class Component)를 사용하여야 했다.그러나 개발자가 느끼기에

이벤트(event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다.유저의 행동에 의해 발생할 수도 있으며 개발자가 의도한 로직에 의해 발생할 수도 있다.이벤트의 이름은 카멜(Camel) 표기법으로 사용한다.이벤트에 실행할 코드를 그대로 전달하는

📝 Props란? > Component에 데이터를 전달하는 방식으로 넘겨줄 수 있는 값은 변수, 함수, 객체, 배열 등 JavaScript의 요소라면 제한이 없다. 주로 Component의 ‘재사용’을 위하여 사용한다 🎯 Props의 특징? Props는 읽기 전용

📝 JSX란? > - JSX는 JavaScript XML의 줄임말로서 함수 호출과 객체 생성을 위한 문법적 편의를 제공하여 UI 개발의 편의성을 느끼게 해주는 JavaScript 문법의 확장본이다. 🎯 JSX의 특징 HTML 태그 내에 JavaScript 연산 c

React(리액트)란 사용자 인터페이스를 구축하기 위한 자바스크립트 라이브러리입니다. React는 선언적이고 효율적이며, 유연합니다. React의 컴포넌트(component)라고 하는 요소를 이용하면 복잡한 UI를 독립적인 단위로 쪼개어 구현할 수 있습니다.React이

서버에서 클라이언트로 보낼 HTML 의 형태를 미리 템플릿 으로 저장동작 시에 미리 작성된 템플릿에 데이터를 넣어서 완성된 HTML 생성템플릿 엔진은 템플릿 작성 문법과 작성된 템플릿을 HTML로 변환하는 기능을 제공EJS - html과 유사한 문법의 템플릿 엔진Mus

전기적으로 저장된 데이터의 집합 영속성을 갖는 데이터 저장소데이터를 각자가 정의한 구조로 저장데이터베이스를 운영하고 관리하는 소프트웨어(시스템). 전용 언어(SQL등)를 사용해서 관리하는 시스템.DB는 데이터를 체계적으로 보관하는 저장소의 개념이고, DBMS는 DB에

Express.js 안에서 요청과 응답 사이에 단계별 동작을 수행해주는 함수이다.middleware는 request, response 사이클 안에서 routing handler 함수가 가지고 있는 request 객체, response 객체, next 함수에 대한 접근

Node.js의 웹 프레임워크 중 가장 유명한 웹 프레임워크필요에 따라 유연하게 구조 설정 가능다양한 미들웨어를 통해 필요한 기능을 간단하게 추가 가능모든 동작이 명시적으로 구성되기 때문에, 웹 프레임워크의 동작 방식을 이해하기 가장 좋은 프레임워크Express.js를

웹 서비스에 필요한 기능들을 제공해주는 다양한 도구들의 모음웹 서비스의 정형화 된 구성을 많은 웹 프레임워크가 기본적으로 제공함HTTP 요청 처리웹 프레임워크는 HTTP 요청을 처리할 수 있다.어떤 데이터를 필요로 하는지, 어떤 사용자로부터 요청이 수신되었는지 등HTT

모듈이란?간단한 프로그램이라면 파일 하나로도 가능하지만 프로젝트가 커지면 기능에 맞게 코드를 분리하는 것이 중요하다. 모듈은 코드를 분리하기 위한 방법이다.✔ 패키지는 모듈의 모음. npm 패키지들은 많은 모듈을 포함하고 있는 코드 모음브라우저에서 제공되는 consol

Node Package Manager Node.js 프로젝트를 관리하는 필수적인 도구 ( 온라인 저장소 + 커맨드라인 도구)수많은 오픈소스 라이브러리와 도구들이 업로드되는 저장소필요한 라이브러리나 도구를 손쉽게 검색 가능Node.js의 인기로 거대한 생태계를 보유프로젝

일반적으로 변수, 함수, 클래스에 타입 체크를 위해 사용된다.직접 인스턴스를 생성할 수 없고 모든 메소드가 추상 메소드이다.추상 클래스의 추상 메소드와 달리 abstract 키워드는 사용할 수 없다.ES6는 인터페이스를 지원하지 않지만 TypeScript는 인터페이스를

동적 타입을 정적으로 선언가능타입 유추를 통한 타입 제어가 가능컴파일 시점에 오류를 포착자바스크립트에서 찾을 수 없는 추가 코드 기능을 제공object와 reference 형태가 아닌 실제 값을 저장하는 자료형기본 자료형 내장 함수를 사용 가능한 것은 자바스크립트 처리

단방향 통신 위주였던 웹이 사용자와 상호작용을 하게 되면서 고성능의 javascript가 필요해지게 되고 V8엔진이 등장고성능 javascript가 실행 가능하게 되고 브라우저 외부에서 사용할 수 있도록 발전한 것이 Node.js=> 자바스크립트를 어느 환경에서나 실

특정 범위까지의 값을 구하기 위해서 그것과 다른 범위까지의 값을 이용하여 효율적으로 값을 구하는 알고리즘 기법이다.최적 부분 구조 문제에 효과적이다.✔ 최적 부분 구조란 문제의 최적 해결 방법이 부분 문제에 대한 최적 해결 방법으로 구성된 구조를 의미한다.동일한 문제

하나의 함수에서 자기 자신을 다시 호출하여 작업을 수행하는 알고리즘이다.스택처럼 호출한 함수를 쌓았다가 종료 조건을 만나면 위에서부터 하나씩 꺼내 처리하는 방식이다.함수 호출을 중지하는 조건이 있어야 한다.적용 예시) 1부터 n까지의 합 / !팩토리얼 / 최대공약수 문