React

리액트는 대표적인 프론트엔드 라이브러리이다. 많은 사람들이 프레임워크라고 생각하곤 하는데 리액트 홈페이지에 보면 라이브러리라고 나와있다.라이브러리와 프레임워크의 차이는라이브러리는 애플리케이션을 제어하는 도구이고 프레임워크는 애플리케이션을 품고 애플리케이션 코드가 프레임

mac 에서 개발환경 세팅을 할 때 사용하는 패키지 관리 프로그램.https://brew.sh/index_ko/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/H

노마드 코더 강의를 통해 공부한 내용을 정리한다.ReactJS로 영화 웹 서비스 만들기 안에 작성한 property가 object 로 food component 에 전달된다.위처럼 object 로 한번에 받는게 아닌 개별적으로도 받을 수 있다.food component

노마드 코더 강의를 통해 배운걸 정리한다.ReactJS로 영화 웹 서비스 만들기state 는 보통 동적 데이터와 함께 작업할 때 만들어진다. 변하는 데이터, 존재하지 않는 데이터.extend React.Component 는 필수 단계이다.extends 를 통해 Reac

react 는 SPA(Single Page Application) 방식으로 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태이다.React-Router는 페이지를 새롭게 불러오지 않고 선택된 데이터를 하나의 페이지에 렌더링 해주는 라우팅

javascript에서 css를 사용할 수 있도록 도와주는 CSS-in-JS 스타일링 프레임워크다.styled-components는 React 컴포넌트 시스템의 스타일링을 위해 CSS를 어떻게 향상시킬 수 있는지 궁금해한 결과이다.React와 React Native 모

API 데이터를 불러와 사용하기전 interface를 이용해 타입을 적용할때 팁.api에서 데이터를 불러올때 다양한 key, value가 존재하는데 이걸 일일이 interface에 써주기에는 너무 번거롭다.예)api를 통해 불러온 데이터 infoData, priceDa

Recoil 이란? Recoil은 React용 상태 관리 라이브러리이다. Recoil은 Atom이라는 것을 사용하여 각 구성 요소의 상태를 관리하며, useState와 똑같은 API를 사용하기 때문에 생성하고 사용하기에 매우 쉽다. 개인적으로 제일 이해하기 편했던 그

React를 실행 하는데 에러가 발생하였는데, ReactDOM.render 는 React18에서 더 이상 사용되지 않는다고 한다.index.tsx 파일을 바꿔주었다.그런데 새로 변경된 방법으로 렌더링할때 <StrictMode>를 추가하면 컴포넌트가 두 번 렌더링