본문 바로가기

분류 전체보기126

SPA? MPA? 1. MPA(Multiple Page Application) 여러 개의 Page로 구성된 Application SSR(Server Side Rendering)방식으로 렌더링 새로운 페이지를 요청할 때마다 서버에서 렌더링된 정적 리소스(HTML, CSS, JavaScript)가 다운로드 되고, 페이지 이동하거나 새로고침하면 전체 페이지를 다시 렌더링 [장점] SEO(검색 엔진)관점에서 유리 → 완성된 형태의 HTML 파일을 서버로부터 전달받기 때문에 첫 로딩 매우 짧음 → 서버에서 이미 렌더링해 가져오기 때문에 [단점] 매 페이지 요청마다 리로딩 발생하여 UX가 좋지 않음 페이지 이동시 전체 페이지를 다시 렌더링하기 때문에 불필요한 템플릿도 중복해서 로딩하여 성능이 좋지 않음 서버 렌더링에 따른 부하 발생.. 2022. 12. 30.

디자인 패턴(MVC, MVVM, MVP) 1. MVC(Model-View-Controller) Model: 사용되는 데이터를 정의하고 처리하는 역할 View: 사용자에게 보이는 것 Controller: 사용자로부터 응답을 받아 Model 또는 View를 업데이트 하거나, 데이터를 전달해주는 역할 [동작 순서] 1. action(사용자가 제출한 form데이터)이 Controller에게 전달된다. 2. Controller는 Model에게 전달하고 새로운 데이터를 요청하거나 Controller가 View의 데이터를 직접처리해서 View에게 알림 3. Model은 로직을 처리하여 새로운 데이터를 연관된 VIew에게 알림 4. View는 받은 데이터를 통해 화면을 업데이트 [장점] 다른 패턴들에 비해 직관적인 구조로 상대적으로 이해하기 쉬움 [단점] V.. 2022. 12. 30.

정적 웹? 동적 웹? 정적 웹: 언제 접속해도 같은 리소스를 건네주는 웹 사이트 ex) 회사나 학교 소개 페이지, 댓글 기능이 없는 블로그 페이지 → 개발자가 HTML, CSS, JS를 사용자에게 보여질 모습 최종본으로 코딩해서 서버에 올려놓음 동적 웹: 새로운 정보가 들어오면 서버가 해당 정보를 반영하여 보여주는 웹 사이트 ex) sns, 게시판 페이지 → 데이터베이스에 새로운 내용이 입력되면, 새로고침할 때 업데이트 되도록 코딩해놓음 단점 1. 계속해서 새로운 데이터를 보관해야하는 데이터베이스를 관리하기 까다로움 2. 같은 글을 보여주는데 서버가 매번 일을 하도록 코딩하는 것이 번거로움 → 요즘, 동적 웹의 문제점을 해결하기 위해 정적 웹 생성 툴(Jekyll, HUGO 등)로 블로그 많이 운영 2022. 12. 30.

HTTP 헤더2 - 캐시와 조건부 요청 캐시 기본 동작 캐시가 없을 때 데이터가 변경되지 않아도 계속 네트워크 통해서 데이터를 다운로드 받아야 함 인터넷 네트워크는 매우 느리고 비싸다 브라우저 로딩 속도가 느림 느린 사용자 경험 캐시 적용 1. 첫 번째 요청 시, 웹 브라우저가 요청한 데이터를 서버가 응답을 해줄 때, cache-control(캐시 유효 시간)을 같이 보냄 2. 서버로 부터 온 응답결과를 브라우저 캐시에 캐시 유효 시간동안 저장해 놓음 3. 웹 브라우저가 동일한 데이터를 요청 할 때, 브라우저 캐시에 있는 요청정보이면 캐시 유효 시간을 검증 한 후 브라우저 캐시에서 해당 데이터를 가져옴 캐시 덕분에 캐시 가능 시간동안 네트워크를 사용하지 않아도 됨 비싼 네트워크 사용량을 줄일 수 있음 브라우저 로딩 속도가 매우 빠름 빠른 사용.. 2022. 12. 19.

이전 1 ··· 21 22 23 24 25 26 27 ··· 32 다음

티스토리툴바