리액트

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

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

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

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

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

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

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

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