기술블로그3 babel이란? babel이란? [ 목차 ] 1. babel의 등장배경 2. babel의 개념 3. babel의 기능 3가지 4. babel의 프로세스 3단계 1. babel의 등장배경 프론트엔드 영역의 기술들이 빠르게 변화하면서 최신 브라우져 조차도 지원하지 못하는 문법과 여러 기술들이 출연하고 있습니다.모두가 빠르게 새로운 브라우저를 사용한다면 호환성에 대한 걱정없이 개발할 수 있겠지만, 아직도 많은 사람들이 예전 버전의 브라우저를 사용하고 있습니다. 그렇기 때문에 프론트엔드 개발자하면 하위 호환성을 반드시 고려할 수 밖에 없습니다. 이렇게 다양한 상태의 브라우저에서도 동일한 서비스를 유지하기 위해 크로스브라우징은 필수입니다. 크로스 브라우징은 브라우저 환경에 맞춰 사용자에게 동일한 웹 서비스를 경험할 수 있도록 최.. 2023. 8. 21. Local Storage & Session Storage란? Local Storage & Session Storage란? [ 목차 ] 1. Web Storage 개념 2. storage 이벤트 3. local Storage란? 4. session Storage란? 5. Web Storage & Cookie 비교 6. cookie가 아닌 Web Storage를 사용하는 이유 1. Web Storage 개념 localStorage와 sessionStorage ko.javascript.info HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있습니다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴입니다. 그리고 영구저장소(LocalStorage)와 임.. 2023. 8. 16. webpack이란? Webpack 이란? [ 목차 ] 1. webpack의 등장 배경 2. Webpack의 개념 3. Webpack의 필요성 4. Webpack의 장단점 5. webpack의 Concepts 1. Webpack 의 등장 배경 webpack이 만들어진 배경을 보면 왜 webpack을 사용하지는 알수있습니다. 잠시 역사를 짚어보면, 약 2010년경부터 자바스크립트 프레임워크들의 경쟁과 함께 자바스크립트 웹 개발 추세가 치솟았습니다. 프론트엔드 업계에서 많이 사용되는 프레임워크인 리액트와 뷰만 하더라도 프로젝트 파일의 크기가 꽤 큽니다. 또한 최근에는 백엔드의 로직을 일부 프론트엔드로 옮겨오는 추세인지라 그 복잡도가 더 증가하고 있습니다. 따라서 이런 대규모 소스코드를 브라우저가 그대로 다운받아서 실행할경우, 너.. 2023. 8. 16. 이전 1 다음
