React A-Z Study

리액트는 프레임워크가 아닌 라이브러리

\*이름 수정되면 안되는 파일\-public/index.html\-src/index.js\*src 폴더 : 대부분의 리액트 소스 코드들 이곳에 작성, 번들러는 여기서만 작동\*Package.json 파일\-해당 프로젝트에 대한 정보들이 들어있음\-프로젝트 이름, 버전,

class 없이 state를 사용할 수 있는 새로운 기능\*필요한 이유❔React Hooks는 주로 Class Component로 사용되어온 React에서느껴왔던 불편함이나 문제점들을 해결하기 위해서 개발되었다.원래 React는 주로 Class Component를 사용

리액트 설치하기 The Movie DB API 생성하기 넷플릭스 애플리케이션 전체 구조 생성하기 The Movie DB API 요청을 위한 Axios 인스턴스 생성 및 요청 보내기 네비게이션 생성하기 이미지 배너 생성하기 Styled Component St

\*전체 구조\*Row 컴포넌트 생성\*App 에 Row 가져오기\*내려준 Props 가져오기\*영화 정보 가져오기\*UI 생성하기\*화살표 방향 클릭 시 슬라이드 구현document.getElementById(id).scrollLeft = document.getEle

실제 코드를 작성하기 전에 테스트 코드를 먼저 작성합니다.테스트 코드를 작성한 후 그 테스트 코드를 Pass 할 수 있는 실제 코드를 작성합니다.\*TDD를 하면 좋은 점1\. TDD를 하므로 인해 많은 기능을 테스트하기에 소스 코드에 안정감이 부여된다.2\. 실제 개

\+, -, 그리고 on/off 버튼이 있다. 거기서 +를 누르면 숫자가 올라가고 -를 누르면 내려갑니다. 그리고 on/off 버튼(푸른색)을 누르면 +,- 버튼이 작동을 안하고 색깔이 변하는 간단한 앱을 만들어 보겠다.테스트 주도 개발을 할 것이기 때문에 먼저 테스트

React의 SSR(server side rendering)을 쉽게 구현할 수 있게 도와 주는 간단한 프레임워크입니다.(리액트는 라이브러리)리액트로 개발할 때 SPA(single Page Application)을 이용하며 CSR(Client Side Rendering)

동영상리액트 18 버전1\. 리액트 18에는 무엇이 있나요?2\. 리액트 18로 어떻게 업그레이드 할수있나요?리액트 18 버전에 새로운 것은 무엇인가요 ?!1\. Automatic batching2\. Suspense on the server3\. New APIs fo

도커를 사용하는 이유