React Link2 2021.08.03 리액트 라우터로 SPA 개발하기 2021.08.03 리액트 라우터로 SPA 개발하기_정리노트 드디어....SPA 까지 왔다... 힘들어따...... SPA(Single Page Application) 말 그대로 한 개의 페이지로 이루어진 애플리케이션 기존에는 사용자가 다른 페이지로 이동할 때마다 새로운 html를 받아오고 페이지를 로딩할 때마다 서버에서 리소스를 받아서 해석한 뒤 화면에 보여준다. 사용자에게 보이는 화면은 서버가 제공함!! 그래서 사전에 html 파일을 만들어서 제공하거나, 데이터에 따라 유동적인 html 을 생성해주는 템플릿 엔진을 사용하기도 했다. 하지만 웹에서 제공하는 정보가 많아지면서 새로운 화면을 보여줄 때마다 모든 뷰를 준비하다보니 성능에 문제가 발생할 수 있어졌다. 예로 트래픽이 너무 증가한다거나, 사용자가.. 2021. 8. 3. 2021.02.04 React Style 적용,Styled Components 정리 2021.02.04_React Style 적용, Styled Components_정리노트 드디어 프로젝트가 시작됨 ㅊㅊㅊㅊ 근데 아직 쓰면서도 많이 헷갈리는 것 같다. 오늘은 그나마 스타일 컴포넌트라서 괜찮았는데.. 아마도 다음 포스팅 주제가 될 모달창 같은경우나, 이벤트 설치, props,state 쓰게 되면 대혼란이 올 것 같다... 쨋든 또 주절주절 그만하고 오늘은 인트로 페이지를 만들면서 주가 되는 스타일 적용 방법, 스타일 컴포넌트를 정리하고, 추가적으로 적용해놓은 부수적인 컴포넌트들을 설명해보게씀. 먼저 리액트에서 style 을 적용하는 여러 가지 방법부터 ㄱㄱ inline styling html 태그 안에 직접 입력하는 방법. style={ } 형식으로 입력하며, 안에는 json 형식으로 속.. 2021. 2. 4. 이전 1 다음
