최근 clippler의 bootstrap-vue module 번들링 최적화를 위해 tree shaking 작업을 진행하면서 webpack-bundle-analyzer 의 번들링 size가 최적화 이전보다 증가하는? 희한한 경험을 했다. 그래서 webpack-bundle-analyzer의 size가 정확히 무슨 의미인지 정의해보는 글을 써볼려고 한다. (왜
시작하기 전최근 개인 프로젝트를 개발하며 Git에 대한 기본 사용법 또는 advanced 한 사용법에 대해 갈증을 느끼던 와중에 생활코딩의 이고잉님께서 강의하신 GITn 수업을 찾았고, 강의를 정리해가면서 복습할 목적으로 강의 전체에 대한 정리목적의 시리즈 포스팅을 이어나가려고 합니다. 이번 포스팅에서는 GITn 강의의 두번째 수업인 CLI - 버전관리
시작하기 전최근 개인 프로젝트를 개발하며 Git에 대한 기본 사용법 또는 advanced 한 사용법에 대해 갈증을 느끼던 와중에 생활코딩의 이고잉님께서 강의하신 GITn 수업을 찾았고, 강의를 정리해가면서 복습할 목적으로 강의 전체에 대한 정리목적의 시리즈 포스팅을 이어나가려고 합니다. 이번 포스팅에서는 GITn 강의의 두번째 수업인 CLI - 버전관리
시작하기 전최근 개인 프로젝트를 개발하며 Git에 대한 기본 사용법 또는 advanced 한 사용법에 대해 갈증을 느끼던 와중에 생활코딩의 이고잉님께서 강의하신 GITn 수업을 찾았고, 강의를 정리해가면서 복습할 목적으로 강의 전체에 대한 정리목적의 시리즈 포스팅을 이어나가려고 합니다. 이번 포스팅에서는 GITn 강의의 첫번째 수업인 GIT1 수업에 대해
이번 포스팅은 Vue.js & Nuxt.js를 하기 전에 서버사이드 렌더링과 클라이언트 사이트 렌더링에 대해 짧게나마 정리해보는 것이 필요하다고 생각되서 쓰게 되었다. 1. SSR과 CSR의 MVC 패턴SSR과 CSR은 HTLM 페이지 렌더링 방식으로 아래의 이미지처럼 Rendering을 어디서 하냐에 따라 Server-Side 또는 Client-
최근 진행하고 있는 외주 프로젝트에서 이미지 및 js, css 관련 최적화 과정 진행 중 webpack의 압축 관련 설정을 살펴보던 중 참고할만한 링크들을 찾았다. 공식 링크 https://webpack.js.org/plugins/compression-webpack-plugin/ https://github.com/webpack-contrib/compress
본 글은 mdn web docs의 Critical Rendering Path를 번역한 글입니다. 현재 작성일자(2020년 9월 27일) 기준으로 아직 한글로 번역되지 않아 본 번역 포스팅을 완료하면 해당 페이지를 한국어로 옮겨놓을 예정입니다. 수정 및 보완사항이 있다면 본 포스팅 하단 댓글에 작성 부탁드립니다. 브라우저 작동 원리 또는 렌더링에 관해
본 글은 mdn web docs의 Populating the page: how browsers work를 번역한 글입니다. 현재 작성일자(2020년 9월 25일) 기준으로 아직 한글로 번역되지 않아 본 번역 포스팅을 완료하면 해당 페이지를 한국어로 옮겨놓을 예정입니다. 수정 및 보완사항이 있다면 본 포스팅 하단 댓글에 작성 부탁드립니다. 브라우저 작
본 글은 mdn web docs의 Populating the page: how browsers work를 번역한 글입니다. 현재 작성일자(2020년 9월 25일) 기준으로 아직 한글로 번역되지 않아 본 번역 포스팅을 완료하면 해당 페이지를 한국어로 옮겨놓을 예정입니다. 수정 및 보완사항이 있다면 본 포스팅 하단 댓글에 작성 부탁드립니다. 브라우저 작