Javascript/React

Javascript/React

[Javascript] React와 불변성, 그리고 배열

1. 불변함수 상태 업데이트를 지속적으로 하는 React 에서 불변성을 유지하는 것이 굉장히 중요하다. 리액트에서 개발의 편의성을 위해 컴포넌트 단위로 쪼개서 함수를 만든다. 큰 도화지에 스티커를 붙이듯 부모에 해당하는 함수의 return값에 컴포넌트들을 넣어 화면을 구현한다. 대체로 부모가 변경될 때 자식은 그에 의존적이기 때문에 부모에 입력된 컴포넌트들을 변경하는 연산을 수행할 경우가 생긴다. 그런데 만약 부모에 의해서 컴포넌트의 원본이 마구잡이로 바뀌게 된다면 프로그램의 안정성이 떨어지게 될 것이다. 리액트 프로그램의 안정성을 위해 불변성이 필요하다. 불변성을 유지함으로써 연산을 최적화시킬 수 있다! 불변성의 정의는 상태를 변경하지 않는 것을 뜻하며 컴퓨터 공학적으로 풀어 말한다면 메모리 영역의 값..

Javascript/React

[Javascript] JSX 기본 문법

0. React 시작 리액트 시작하기 링크: Tutorial: Intro to React Node JS 설치: https://nodejs.org/ko/ 리액트 설치: https://reactjs-kr.firebaseapp.com/docs/installation.html 1. return할 때 하나의 DOM만 리턴할 수 있다. 아래 코드를 보자. return 안에 div 태그로 묶여있는 것을 확인할 수 있다. return되는 DOM이 1개이다. html 파일에 전달하면 div태그의 내용이 정상적으로 출력될 것이다. import logo from './logo.svg'; import './App.css'; function App() { return ( this is react program Title ); ..

gakko
'Javascript/React' 카테고리의 글 목록