# ReactDOM

21개의 포스트
post-thumbnail

[Error] ReactDOM.render는 React18에서 지원되지 않습니다.

npx를 이용해 React 앱을 만든 뒤 index.js에서 ReactDOM.render()를 실행했을때 다음과 같은 경고 메세지가 콘솔창에 뜨는 것을 발견.Warning: ReactDOM.render is no longer supported in React 18. U

2022년 4월 28일
·
0개의 댓글
post-thumbnail

Day 6 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.26◆ 완료한 강의 :'Fetch' 함수=> 외부 원격 API를 받아오기 위해 사용하는 함수. Promise 타입의 객체를 return 함.호출이 성공하면, 'response(응답

2022년 4월 26일
·
0개의 댓글
post-thumbnail

Day 5 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.24◆ 완료한 강의 :Render 될 때 마다 모든 자료를 새로고침하지 않고어떤 특정 요소를 딱 한번만 실행시키고 싶을 때 쓰는 함수.첫 렌더링 시 어떤 것을 딱 한번만 실행시켜줌

2022년 4월 24일
·
0개의 댓글
post-thumbnail

[무작정 따라하기] 나.리액트.쓰는데.내.동년배들.다.JSX.쓴다.

JSX(Javascript XML)은 함수 호출과 객체 생성에서 문법적 편의를 제공하는 Javascript의 확장된 구문이다 . JSX는 React.createElement()를 반복적으로 호출해야하는 불편을 해소할 수 있으며, Javascript의 모든 기능을 쓸 수

2022년 4월 23일
·
0개의 댓글
post-thumbnail

[무작정 따라하기] 바닐라JS와 비교해보는 ReactJS 기초 문법(아무도 안 씀;)

바닐라JS와 ReactJS 기초 문법을 비교하며 ReactJS의 장점을 알아보자. 그리고 ReactJS 기초 문법을 이해하고, 이를 바탕으로 더 쉬운 방법으로 React를 다뤄보자.(이건 다음 글에서 정리)먼저 Javascript만으로 카운트업 화면을 만들어 보자.위와

2022년 4월 21일
·
0개의 댓글
post-thumbnail

Day 4 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.21◆ 완료한 강의 :React App을 설치하여 기본제공 파일들을 손쉽게 수정할 수 있다.이전 강의처럼 한 파일에 일일이 함수 component를 만들 필요없이각각의 compon

2022년 4월 20일
·
0개의 댓글
post-thumbnail

Day 3 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.20◆ 완료한 강의 :부모 함수 컴포넌트에서 자식 컴포넌트 속 자료를 건내받는 법재활용이 필요할 때 수고를 덜어주는 것.ex:) 버튼 여러개에 적용할 속성 작성된 함수 컴포넌트 하

2022년 4월 20일
·
0개의 댓글
post-thumbnail

Day 2 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.18◆ 완료한 강의 :React.useState()사용하면 Array 한개가 생김. 담을 데이터용 변수, 담을 데이터를 처리할 함수용 변수 이렇게.두번째 항에 '함수'는 무슨 값

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

Day 1 - ReactJS로 영화 웹 서비스 만들기

사이트 : 노마드코더강의 : ReactJS로 영화 웹 서비스 만들기시각 : 2022.04.17◆ 완료한 강의 :node.js가 설치되어 있어야 함.Visual Studio 내 터미널에서 명령어를 통해 react 설치.React페이스북이 만든 오픈형 library.Jqu

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

React Dom이란? (+ hydrate를 써야 하는 이유!)

이 글은 React 공식 문서를 해석하고, hydrate를 써야하는 이유를 살펴봅니다.

2022년 3월 31일
·
0개의 댓글
post-thumbnail

React의 작동원리(React vs ReactDOM, 컴포넌트 vs Real DOM)

React는 유저 인터페이스를 만드는 자바스크립트 라이브러리다.React는 컴포넌트를 활용하여 효율적으로 유저 인터페이스를 만들고 업데이트한다.React는 컴포넌트와 state를 관리하는 라이브러리일뿐이다. React는 컴포넌트의 현 state와 전 state의 차이점

2022년 1월 23일
·
0개의 댓글
post-thumbnail

02. 리액트 기본 설정 코드의 역할

이번에는 npm create(init) react-app을 하였을 때 만들어지는 여러 리소스중 제일 중요한 파일인 index.js에 담겨져 있는 코드들을 분석하고자 한다.

2022년 1월 10일
·
0개의 댓글
post-thumbnail

React란?

자바스크립트때 todo list를 만든 후 모듈화를 시도한 적이 있는데, dependency error때문에 이틀동안 고생했다. 관계도를 잘못 그리는 바람에 모든 곳에서 todos를 참조하는 문제가 발생했고 스코프도 분리되지 않았다. 다시 한 번 MVC 패턴에 의거하여

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

React - 동작방식

리액트의 동작방식으로부터 성능최적화를 하는 방법까지.

2021년 11월 17일
·
1개의 댓글
post-thumbnail

React 원리

2021년 10월 23일
·
0개의 댓글
post-thumbnail

TIL. React - Basic 개념 정리(1)

(재업로드) 👩🏻‍💻 면접 기출 문제를 준비하면서, React를 쓰는 이유, React가 추구하는 컨셉이 무엇인지에 대해 다시 한번 공부하고 이를 정리해보았다.

2021년 9월 30일
·
0개의 댓글

ReactDom.render

react는 compoent를 가져와서 browser가 이해할 수 있는 평범한 일반 html로 만들었다component는 html을 반환하는 함수이다react는 component를 사용해서 html처럼 작성하려는 경우에 필요js와 html사이의 조합을 jsx라 부른다.

2021년 9월 3일
·
0개의 댓글

React

리엑트 세계에서의 컴포넌트는 오직 랜더링과 업데이트만을 한다.Component Based Development \- 독립적인 코드 블럭(HTML + CSS + JavaScript)작업의 단위Virtual DOM직접적으로 DOM을 직접 다루지 않음JSXNOT Templ

2021년 3월 11일
·
0개의 댓글

[TIL] 코드스테이츠 이머시브 Advanced Web Assessment

이머시브 코스의 마지막 Assessment 이다. 데이터베이스부터 시작해서 인증, 배포까지 계속해서 허덕이고 있었기 때문에 자신감이 많이 떨어져 있는 상태였다. 다시말해서 지난번 Assessment 이후로 계속해서 허덕이고 있덨다는 얘기다. 그렇기 때문에 걱정이 앞서서, 어떤 부분이 문제로 나올지 생각해보고 레퍼런스 코드를 따라쳐 봤다. 리액트가 나올 줄은...

2020년 1월 10일
·
0개의 댓글