리액트에 대한 입문자들의 착각 리액트를 뭔가 특별한 것이라고 생각한다. 그것은 엄청난 착각이다. 결국에는 웹브라우저는 html,css,js밖에 못읽는다. 특히 화면을 구성하는것은 html,css 이여야 하고, 그에 대한 동작은 js여야 한다. 여기서 리액트라는게 뭔가 새로운 존재가 아니라 리액트도 결국은 자바스크립트일 뿐이고, 자바스크립트로 html,css를 만들어내는 그런 존재일뿐이다. 그래서 우리는 리액트로 프로그래밍을 하더라도 결과물은 html,css,js가 나와야지만 브라우저가 파일들을 읽고 화면에 표시 할 수 있다. 리액트가 특별한게 아니라 자바스크립트라는점 이부분을 꼭 명심하자! create-react-app 을 하면 초반에 셋팅이 쫙 되고 그걸 실행하면 "hello world"같은 앱이 딱 ..
리액트를 사용하는이유 - 복잡한 웹앱에서 데이터와 화면일치 문제를 쉽게 해결 해준다. 리액트를 사용한다고해서 무조건 장점만 있는것이 아님(무지성 리액트 ❌) 리액트를 사용하는 이유는 복잡한 웹앱에서 데이터와 화면의 일치 문제를 리액트가 쉽게 풀어주기 때문에 쓰는것이다. 그럼 고전적인 문서같은 웹 사이트들은 리액트를 굳이 쓸 필요가 없다. 하지만 요즘 트렌드는 문서같은 웹 사이트들도 싱글 페이지 애플리케이션으로 만드는 추세이긴 하다. 대신에 리액트를 도입한다고 해서 무조건 장점만 있는것이 아니다. 페이지 깜빡임 새로고침없이 자연스럽게 넘어가는 그런효과, 데이터와 화면일치문제 이런것들을 해결하기 쉽지만 데이터들이 자바스크립트로만 이루어져 있다 보니까 검색엔진 노출에 어려움이 있을수 있다. 검색엔진 노출 때문..
웹 애플리케이션(SPA)은 웹사이트에 비해서 데이터가 많음 -> 복잡하고 어려움 -> 프론트엔드 개발자가 나온 이유 데이터가 바뀌면 화면도 바뀌어야 하기 때문에 javascript로만 구현하기 힘듬 이러한 문제를 해결하기 위해서 angular, react, vue, svelte 같은 싱글 페이지 어플리케이션 프레임워크들이 나오기 시작함 (참고) 리액트는 라이브러리이기는 하지만 Redux나 MobX, react-router와 함께 프레임워크처럼 사용된다. 이런 것들의 주목적은 프론트에서 데이트를 갖고 있고 데이터를 바꾸면 화면도 알아서 데이터와 일치되게 바뀌는 것 페이스북은 기존의 mvc 패턴으로 만들었던 웹사이트를 버리고 react를 만들어서 데이터와 화면의 불일치 문제를 해결함. → 복잡한 웹앱에서 데..
