23.02.03-23.02.09 주특기 입문 주차 / S.A과제 제출, React에서의 JS
주간 일정
2월 3일(금) ~21시 S.A과제 회원가입 html 만들고, 배포
2월 9일(목) 10시-12시 입문주차 퀴즈
2월 9일(목) ~21시 개인 입문주차 과제 제출(todo)
2월 9일(목) ~21시 팀 과제 노션 작성 제출
SPA / MPA
SPA : Single Page Application
MPA : Multi Page Applicaion
[SPA의 장점]
딱 한개의 페이지로 구성된 웹으로 필요한 데이터만 받아 기존페이지를 수정하는 방식으로 화면이 수정되므로 MPA와 비교해 UX가 좋다. (MPA의 경우 하나의 데이터만 수정되어도 전체페이지가 재로딩되어야 함)
[SPA의 단점]
한번에 모든 데이터를 불러오므로 초기 로딩시간이 길다.
SEO에 약하다.
history 관리에 약하다.
SEO?
SEO: Search Engine Oranizaion의 약자로 검색엔진 최적화를 의미한다
(검색엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스)
리액트의 경우 SPA 방식에 해당하므로 SEO에는 적합하지는 않다.
React Component?
컴포넌트를 통해 ui를 재사용이 가능한 개별적인 여러 조각으로 나눈다. 그리고 각 조각을 개별적으로 살펴볼 수 있다.
즉, 독립적이다.
개념적으로 컴포넌트는 java script의 함수와 유사하다.
(input, output이 있다)
- 함수형 컴포넌트
- 클래스형 컴포넌트
두가지 모두 기능적으로 동일하나 함수형을 사용하는 것을 권장한다.
컴포넌트를 만들때 첫글자는 대문자로 시작하고, 폴더는 소문자로 시작하는 카멜케이스로 작성하는 것이 약속이므로 유의하자.
｡˚⋆｡˚ ☁︎˚｡⋆｡˚☽˚｡⋆˚ ☁︎˚