FrontEnd9 Vite https://vitejs.dev/guide/why.html 문제점 프로젝트가 커지면서 JavaScript 기반의 도구는 성능 병목 현상이 발생. 개발 서버를 동작시키는데 시간이 오래 걸렸다. 개발 서버를 구동할 때, 번들러 기반의 도구의 경우 애플리케이션 내 모든 소스 코드에 대해 크롤링 및 빌드 작업을 마쳐야만 실제 페이지를 제공할 수 있었다. vite의 해결책 몇몇 라이브러리는 몇 백개의 JS 모듈을 가지는 매우 큰 디펜던시에 대한 번들링 과정이 필요했다. vite는 이를 esbuild로 사전 번들링한다. Go로 작성된 esbuild는 기존 번들러(webpack, parcel)에 비해 10-100배 빠르다. vite는 JSX, CSS Vue/Svelte 컴포넌트와 같이 컴파일링이 필요하고 수정이 매.. 2022. 12. 1. robots.txt / sitemap.xml 이란? 검색엔진 최적화(SEO, Search Engine Optimization)란 구글, 네이버와 같은 검색엔진의 검색 결과 상위에 랭크되어 많은 사람들이 방문할 수 있도록 하는 것입니다. 검색엔진이 웹사이트를 쉽게 찾아 크롤링하고 색인할 수 있게 해줘야하는데 이때 robots.txt와 sitemap.xml이 필요합니다. robots.txt 란? robots.txt 는 웹사이트에 대한 검색엔진 로봇들의 접근을 조절해주고 제어해주는 역할, 그리고 로봇들에게 웹사이트의 사이트맵이 어디 있는지 알려주는 역할을 합니다. 만약 웹사이트 내 특정 페이지가 검색엔진에 노출되지 않기를 바란다면 robots.txt파일을 설정하여 이를 제어할 수 있습니다. robots.txt 는 일반 텍스트파일로 작성하고 사이트의 루트 디렉토.. 2022. 10. 26. 웹 컴포넌트 코딩을 최근 접한 개발자라면 당연히 웹 컴포넌트 개념을 기준으로 개발을 시작했을 것이다. 여러 개발자를 만나보면서 자신이 사용하는 기술을 정확하게 알고 개발을 하는 사람이 많지 않다는 것을 깨달았다. 기술이란, 목적에 맞게 사용했을 때 가장 빛나는 것이며 다양한 기술들 중 알맞게 선택할 수 있어야한다. 나도 급할땐 기술먼저 적용한 적도 많았지만, 내가 쓴 기술은 어떤 장단점이 있고 어떤 용도로 써야하며 지금 목적에는 어떤 기술들이 있고 어떤것이 가장 적합한지 공부하고 정리하는 습관을 들이자. 모든 기술은 목적이 명확하고 그 근본이 되는 기술이나 개념이있다. 앞으로는 개념들을 여기 블로그에 정리해야겠다. 우선은 '웹 컴포넌트' 이다. 작년 프론트엔드 작업을 하면서 웹 컴포넌트에 대해 익히게 됐다. 모든 태.. 2022. 9. 15. 이전 1 2 다음