전체 글 (204) 썸네일형 리스트형 WASM이란? (웹어셈블리란?) 원래 브라우저는 html, css, js 만 읽을 줄 알았음 그런데 2017년 부터 "웹어셈블리 (WebAssembly=WASM) 파일도 지원할게" 선언함 웹어셈블리란? 브라우저에서 실행할 수 있는 새로운 파일 형식 .wasm 평소에 짜던 프로그래밍 언어들을 .wasm으로 컴파일 -> 브라우저에 보냄 -> 브라우저 해석 [장점] 1) js말고 다른 언어들도 브라우저에서도 돌릴 수 있게됨(확장성) 2) js보다 빠름 왜 빠르니? 브라우저에서 js구동순서와 .wasm구동 순서 비교 SSR/CSR (+ SEO, SPA, TTV, TTI) 웹 렌더링의 발전 순서에 따른 웹 랜더링 방식의 발전 순서 static sites 서버에 이미 배포되어있는 html 을 받아와서 그대로 보여줌 문서내에서 또다른 문서를 가져올 수 있는 iframe의 등장 페이지 내에서 부분적으로 업데이트 가능해짐 xmlHttpRequest 태그로 html문서 전체가 아니라 서버에서 json같은 형식으로 데이터만 받아올 수 있게 된다 그 데이터를 받아서 js가 동적으로 html을 생성하여 페이지를 업데이트 하는 방식 AJAX - SPA 위 방식이 정식적인 이름을 달고 등장 웹사이트에서도 사용성 올라감 Angular, React, Vue 프레임워크의 등장 CSR 등장 서버에서 index.html 을 보내주면, 필요한 js를 서버로부터 다운로드 받는다. (어플리케이션 로직 & 소스코드 등 사이즈가 큼) 추.. PWA란? 모바일 어플리케이션 구현형태 (네이티브앱, 웹앱,하이브리드앱, 크로스플랫폼앱, PWA) SPA : Single Page Application 하나의 페이지로 구성된 앱 필요한 부분만 갈아 끼운다 MPA : Multi Page Application 여러개의 페이지로 구성된 앱 페이지별로 html, css, js를 받아와서 화면을 그린다. 페이지의 이동 Nativa APP : 각각의 OS에 맞게 개발된 앱 (안드로이드-코틀린, IOS-스위프트) 내부파일시스템, 카메라 등 스마트폰 자체 기능 모두 사용가능 구글스토어, 앱스토어에 등록 아이콘으로 추가하여 사용 (단) 개발에 드는 인력/시간 (안드/애플 각각 개발해야함) (단) 각각의 스토어에서 배포 거절될 수도 있다. Mobile Web : 스마트폰 사용자를 대상으로한 웹사이트 스마트폰에서 보기 편하게 레이아웃 모바일웹 = 웹앱 OS 구분없이 개.. 이전 1 ··· 35 36 37 38 39 40 41 ··· 68 다음
