profile
개발자 되기

React 18 클라이언트 렌더링 API 업데이트 이슈(TS)

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

2022년 4월 10일
·
0개의 댓글

Typescript and React .env

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

2021년 12월 27일
·
1개의 댓글

api data에 interface 적용 Tip

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

2021년 12월 12일
·
0개의 댓글

TypeScript

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

2021년 12월 11일
·
0개의 댓글
post-thumbnail

styled-components

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

2021년 12월 11일
·
0개의 댓글
post-thumbnail

React Router

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

2021년 8월 19일
·
0개의 댓글
post-thumbnail

State

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

2021년 8월 15일
·
0개의 댓글
post-thumbnail

Props

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

2021년 8월 15일
·
0개의 댓글
post-thumbnail

React 시작하기

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

2021년 8월 15일
·
0개의 댓글
post-thumbnail

React 란

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

2021년 8월 14일
·
0개의 댓글