Seungho Lee웹팩 입문: 3. webpack 4, babel7 설정 및 웹성능 최적화웹팩 입문 시리즈 세번째편, webpack 4와 babel7 설치에 대해 알아보도록 하겠습니다. 이전 1편, 2편에서는 webpack 3.x.x를 사용하였습니다. 이번은 4.30.0버전을 기반으로 웹팩 설정을 진행하도록 하겠습니다.May 8, 2019May 8, 2019
Seungho Lee웹성능 최적화 네이버 UI개발사용자에게 최적의 인터넷 환경을 제공하기 위해서 프론트엔드 UI개발에서 고려해야할 점들은 생각보다 많습니다. 이번 포스팅에서는 필자가 웹성능을 향상 시키기 위해 사용했던 다양한 방법을 정리하여 소개하고자 합니다.Apr 23, 2019Apr 23, 2019
Seungho Lee리액트 hooks, useState 4가지 상용방법지금까지 함수형 컴포넌트에서 state를 관리하기 위해서는 클래스형 컴포넌트로 바꿔줘야했습니다. 생각해보면 참으로 번거로운 작업이기도 합니다. 우선, class Thing extends React.Component를 적어주고 render()…Mar 2, 20191Mar 2, 20191
Seungho Lee리액트 아폴로(React Apollo) 리덕스와 무엇이 다른가?!기존 리덕스를 이용한 데이터 교환은 다음 아래와 같은 절차를 통해 이루어집니다.Feb 28, 2019Feb 28, 2019
Seungho LeeCSS 레이아웃 Normal Flow & FloatsCSS 페이지 레이아웃 기법 중 Normal flow는 페이지 레이아웃을 제어하는 어떠한 것도 하지 않으면, 브라우저가 기본적으로 HTML을 레이아웃하는 방법입니다. (링크)Feb 7, 2019Feb 7, 2019
Seungho Lee자바스크립트 브라우저 이벤트 기초event는 무언가가 일어났다는 신호이며, 모든 DOM 노드는 이러한 신호를 발생할 수 있습니다. 가장 대표적인 이벤트 몇개를 소개합니다.Jan 31, 2019Jan 31, 2019
Seungho Lee프론트앤드(Front-End) UI인터렉션 개발프론트앤드개발을 진행하면서 자주 사용할 법한 UI 인터렉션을 정리하였습니다. 부족한 실력으로 바닐라 자바스크립트를 사용하여 제작하였으며, 앞으로도 꾸준히 업데이트를 진행할 예정입니다. 인터렉션 스크린샷과 코드를 확인할 수 있습니다.Dec 26, 2018Dec 26, 2018