본문 바로가기

Front-end56

브라우저 동작 원리(1) 자바스크립트 엔진, V8 엔진이란 자바스크립트 엔진?javascript로 작성된 코드를 해석하고 실행하는 인터프리터(프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경)js엔진은 브라우저 벤더별로 다양하다. Mozilla의 Monkey시리즈, 자바의 바이트코드로 컴파일해주는 라이노(Rhino), 구글 크롬의 V8, Safari의 JavascriptCore, Explorer의 차크라(Chakra) 등이 있음V8 엔진이란?구글이 개발한 자바스크립트 엔진 (Open Source)C++로 제작자바스크립트의 수행 속도 개선을 목표로 처음 고안됨클라이언트 쪽(구글 크롬)과 서버 쪽(node.js 런타임)에서 사용인터프리터를 이용하는 대신 JavaScript 코드를 좀 더 효율적인 기계어 코드로 번역쓰레드를 사용메인 쓰레드 코드를.. 2019. 3. 22.
브라우저 현황 (Edge, Chrome, FF, Whale 등) 브라우저 10년 전까지 윈도우 프로그램의 대중화에 힘입어 IE가 웹브라우저 전체 사용률의 95%를 차지함2010년을 기점으로 크롬이 급성장함국내에서는 ActiveX지원, 인터넷 뱅킹 등의 이유로 대다수가 IE 사용IE는 windows에서만 사용, 속도 느림, 웹 표준(www을 구현하기 위해 따라야 할 HTML, Javascript 등과 같은 웹 콘텐츠 접근성 지침)이 맞지 않는다는 단점 있음Digital Twin은 공공기관 납품으로 IE를 기준으로 개발함브라우저 특징크롬2008년 출시다양한 운영체제에서 사용 가능높은 웹 표준 지원빠른 로딩 및 충돌이 적다는 장점 있음메모리와 배터리 소모 관련 이슈가 있었음엣지MS(마이크로소프트)에서 IE의 단점을 개선하기 위해 윈도우 10 부터 출시속도가 빠르고 웹 표준.. 2019. 3. 13.
SSR(서버사이드렌더링) & CSR(클라이언트사이드렌더링) SSR(서버사이드렌더링)JSP(자바서버페이지), 서버에서 소스 렌더링 해서 보내줘서 빠름 B2C 같이 고객에게 빠르게 화면을 제공해줘야 될 때 적합하다. 카카오페이지 React로 포팅하게된 계기 참고 https://medium.com/@ljs0705/%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9B%B9-react-%ED%8F%AC%ED%8C%85-%ED%9B%84%EA%B8%B0-76402cc5e031CSR(클라이언트사이드렌더링)소스가 30개인 경우 한꺼번에 스택에 넣어서 불러오느라 느림(SPA-싱글쓰레드페이지어플리케이션) 페이지를 처음에만 한번 static으로 불러와주고, 해쉬값에 따라 화면만 제어해줌. 프레임워크 라이브러리제어 주기가 어디.. 2019. 3. 11.
반응형 웹(feat.미디어 쿼리) / 적응형 웹 반응형 웹 (Responsive Web)하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지입니다. 같은 페이지 리소스를 가져와도 해당 페이지 크기에 따라서 다르게 보입니다.하나의 템플릿이 핵심, 개발자는 기기마다 따로 코드를 개발, 관리하지 않아도 됩니다. 페이지 좁을때 페이지 넓을때 ■ 모바일 퍼스트웹 디자인을 할때, PC보다 모바일 기기를 먼저 생각해서 디자인하고 프로그래밍 하는 기법입니다. 모바일의 제약을 [ 1. 모바일 기기의 스크린 크기 2. 네트워크 속도 및 품질 3. 사용하는 모드 ] 총 3개로 인식하고, 불필요한 요소를 최소화 시켜 사용하기 편한 웹을 제공합니다.고사양 웹이 저사양 모바일 기기에서도 불편함 없.. 2019. 3. 5.

티스토리툴바