Record4me

시작하면 끝을 봐야지

react 2

[TIL] 24_0119 SPA기반 리액트

SPA - Singel Page Aplication의 준말이야. 단 한 개의 페이지로 이루어진 애플리케이션이야. 모바일로 된, 안드로이드앱같다며 웹앱, 웹애플리케이션이라고도 불려. 기존의 MPA 같은 여러 페이지로 나누어진 앱은 문제가 있어. 예를 들어, 좋아요 기능을 눌렀을 때마다 페이지가 다시 갱신되며 깜빡이면서 다시 위치가 조정되는 건데(리렌더링,re-rendering) 그건 사용자에게 굉장히 불편해. (누를 때마다 화면이 계속 깜빡이며 새로고침되는 것.) 하지만 실제, 인스타, 페이스북처럼 리액트를 사용하는 앱은 그런 좋아요를 눌렀을 때, 그 자리만 해당 컴포넌트만 이미지가 채워지는 것 처럼 보여. 그 자리만 다시 갱신되는 거야. 하나의 페이지 안에서 해당 요소만 바꿔주는 거지. 단 한 개의 페이..

개발일지 2024.01.19

[TIL] 24_0117 React? 아키텍처?

React - 리액트는 javascript 라이브러리야. UI(User Interface)를 구축하기 위해 만들어졌어. - UI를 Building한다는 건 웹 또는 앱어플리케이션의 보여지는 부분을 구축한다는 거야. React자체적으로는 라이브러리로 분류되어있어. 하지만 일부 사람들은 React는 단순한 라이브러리가 아닌 프레임워크라고 간주하기도 해. 그 이유로는 세 가지의 프레임워크적인 특징을 가지고 있다고 볼 수 있어서야. 1. 컴포넌트 기반 아키텍처를 가지고 있어.(컴포넌트 기반) - 이를 통해서 애플리케이션을 작은 다위롤 분할하고 재사용할 수 있게 해. *아키텍처 - 크게 빌딩을 짓는 시공과 비슷한 개념이야. - 여러 조각이 합쳐져서 하나의 건물을 만들어 내는 과정이라고 생각하면 돼. 소프트웨어도 ..

개발일지 2024.01.16