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

react & typescript 에서 .env 환경변수 파일을 사용하려 하는데 왜 .env 내용이 자동완성이 안될까 싶어서 찾게되었다..env.development 파일을 수정후 react를 재실행하고 process.env.REACT_APP_TEST 를 하면 값이 제

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

JavaScript를 기반으로 한 프로그래밍 언어이다.JavaScript와는 다른 프로그래밍 언어라 할 수 있다.(완전 다른건 아니다. TypeScript는 JavaScript를 기반으로 하기 때문이다.)JavaScript와 거의 같은데 새로운 기능을 살짝 추가한거라

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

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

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

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

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

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