<생활코딩> React 주요용어 정리

1. immutable (불변)

 - 구현을 단순하게 유지해서 복잡하고 유연한 프로그램의 특성으로 발생할 수 있는 심각한(?) 오류를 줄이고 수정,유지보수를 용이하게 한다.

 - immutable.js: 어플리케이션이 복잡해지면서 의도치 않게 값이 변경되어 이슈가 발생할 수 있다. 이를 해결하기 위해 배열, 객체를 immutable하게 다루기 위한 라이브러리. 배열, 객체의 대체제로 사용 가능. 모든 연산이 원본을 변경하지 않고 복제된 원본을 변경한 결과를 리턴. React와 단짝! 

 

2. router(라우터)

 - 하나의 url로 모든 페이지를 다루고 있고 있어 url만으로 페이지를 찾아 올 수 없는 웹 어플리케이션의 문제를 도와줄 React Router. url에 따라 적당한 component실행 가능. npm통해 설치가능. 기본 탑제 되어있지 않음.

 

3. create-react-app

 - 우리가 사용하는 기본 도구. 매우 편리하나 제작자가 정해놓은 도구를 사용해야만 해 독선적

 

4. npm run eject

 - 더 복잡한 작업을 위해 create-react-app에 탑재된 기본 도구 이외의 감춰진 여러 설정을 수정할 수 있다. 마음대로 개발환경 수정 가능! but, 한번 실행하면 다시 돌아갈 수 없으므로 주의!!!

 

5. redux

 - 중앙에 데이터 저장소를 하나 만들고 모든 component에 직접 연결하여, 저장소의 데이터가 변경되면 이와 연결된 모든 component가 변경된다. 수정 매우 용이!

 

6. react server side rendering 

 - 서버에서 웹페이지 완성 후 클라이언트에게 이를 전송하여 구동 시작. 초기 구동시간 단축할 수 있으면서, javascript application 의 특성인 로딩이 필요없는 어플리케이션의 특성 유지할 수 있다. 또한, 검색 엔진 등이 웹페이지를 분석하는데 친화적이다. 

 

7. react native

 - react와 같은 방법으로 native app( ios, android 같은 플랫폼을 의미 ) 생성 가능. 하나의 코드로 거의 모든 플랫폼에서 동작하는 어플리케이션을 만들 수 있다!!!