React

리액트(React)는 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다.React는 한 페이지를 보여주기 위해 HTML, CSS, JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX 를 활용한 선언형 프로그래밍을 지향한다.React

SPA가 등장하기 전까지는 웹 사이트에서는 웹 사이트 내의 다른 페이지로 이동하면 매번 HTML 파일로 된 페이지 전체를 불러와야했다. 웹 사이트가 보다 복잡해지고 애플리케이션의 형태를 가지게 되면서 사용자와 서비스 사이에 더 많은 상호작용이 일어나게 되었지만, 중복되

State 와 Props 는 '데이터가 변하는가? 변하지 않는가?'로 쉽게 구분할 수 있다. 예를 들어, 일반적인 사람의 데이터가 있다고 가정하자이름나이성별거주지결혼 여부여기서 이름과 성별을 변하지 않는 데이터다. 나머지의 정보들은 당장 내일이라도 바뀔 수 있다. 이렇

React의 이벤트 처리는 DOM의 이벤트 처리 방식과 유사하지만, 몇 가지의 문법 차이가 있다.React에서 이벤트는 소문자 대신 카멜 케이스(camelCase)를 사용한다.JSX를 사용하여 문자열이 아닌 함수로 이벤트 처리 함수를 전달한다.HTML과 React 이벤

React의 개발 방식의 가장 큰 특징은 페이지 단위가 아닌 컴포넌트 단위로 시작한다는 점이다.React는 데이터가 위에서 아래로 흐르는 단방향 데이터 흐름을 따른다. React를 대표하는 설명 중 하나일 정도로 중요하며, 컴포넌트는 props 를 통해 전달받은 데이터

React 컴포넌트 내에서 특정 부분에 변화가 생긴 뒤에 (혹은 렌더링 이후에) 지정한 효과(콜백함수)를 실행한다. 특정 동작이 발생하면 자동으로 특정 행동을 하도록 하는 Hook 이라고 보면 된다.함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는

styled-components를 공부하기 전에, CDD의 개념을 알고 넘어가는 것이 좋다. > #### CDD (Component Driven Development) CDD 는 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행하는 것을 말한다. 이는 재사용

Redux 는 JavaScript 상태관리 라이브러리다.Redux 는 일관적으로 동작하고, 서로 다른 환경(서버, 클라이언트, 네이티브) 등에서 작동하고, 테스트하기 쉬운 앱으로 작성할 수 있게 도와준다.React 와 React Native 와 같은 다른 뷰 라이브러리