무엇을 고민해야 할까?
직관적인 App = React ?
React
는 javascript를 기반으로 UI를 좀 더 쉽게 만들어 주기 위한 라이브러리로 이해하고 있다. 화면에 보이는 것들을 독립된 하나의 component로 분류하여, 코드의 재사용성, 가독성을 높여 좀 더 사용하기 쉽게 만들어 준다.
- 각각의 부분들은 하나의 컴포넌트 이다.(같은색은 같은 컴포넌트)
SPA
기존의 방식인 MPA는 페이지가 바뀔 때 마다 렌더링이 되어 깜빡임 현상이 일어난다. 이를 개선하기 위해 나온것이 SPA로, 하나의 페이지에 한 번의 리소스를 서버로 부터 받아온다, 이후 필요한 리소스는 추가적으로 요청하여 받는다, 이것의 SPA의 특징으로 사용자에게 자연스러운 UX를 제공해 준다 (페이지 이동이 있어도 깜빡임이 없다) = 변경된 Component만 변경하면 된다. 전체 페이지를 re-roading 할 필요 X. 그렇다면 단점은 없을까?
SEO 약하다: 해당 사이트 찾기가 어렵다
SPA의 HTML로, 검색 엔진 로봇에게는 HTML의 전체 페이지가 필요한데 보기와 같이 되어있어 SEO에 약하다 =
등등 , 이런 점을 보완하기 위해 Next.js가 생겼고,React 팀에서 조차 Next.js를 권장한다. 프론트엔드 개발자가 풀스택 개발자를 향해 가고 있지 않나 라는 생각이 든다. 뒷단에서 일어나는 서버의 부하,메모리, 등등을 프론트 개발자가 관리하다니.....
run through today
오늘은 React 복습을 통해, 기존에는 컴포넌트를 만들고 코드를 짜는데 급급 했다면, 구조적으로 접근하여 어떻게 하면 나의 코드가 cost가 덜들고 효율적인지를 생각하며 짜야 하는지를 생각했던 것 같다.
Enchanté!