Web Front-End 마카로그

/

Web Front-End

4

프론트엔드 성능 최적화 웹사이트의 성능은 사용자 경험과 직결되며, 검색 엔진 최적화(SEO)에도 큰 영향을 준다. 특히 Core Web Vitals 항목인 TTFB(Time To First Byte), CLS(Cumulative Layout Shift), LCP(Largest Contentful Paint)는 웹사이트의 성능을 측정하는 핵심 지표로 사용된다.1. TTFB(Time

0

0

2 months ago

5 min read

article-thumbnail

Webpack 기본 설정 1. Node 설치 [https://nodejs.org/ko]2. Node, NPM 설치 & 버전 확인$ node -v $ npm --version3. 프로젝트 폴더 생성4. 프로젝트 작업환경 셋팅$ npm init -y5. 프로젝트 디렉토리에 src 폴더 추가6. Webpack 설치$ npm i -D webpack // webpack 설치 $ n

0

0

2 months ago

5 min read

article-thumbnail

PWA 적용하기 PWA (Progressive Web Apps)모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기술입니다. 웹과 앱 모두의 장점을 결합한 제품이다.특징전체 화면 모드로 표시 되어 앱과 유사한 외관을 가지고 있어, 일반 웹사이트와는 다르게 앱과 비슷한 사용자 경험을 제공한다.PWA는 웹 브라우저에서 바로 실행 되므로 사용자는 홈 화면에 아이콘을

0

0

2 months ago

4 min read

article-thumbnail

프론트엔드 추천 사이트 모음 사이트MDN - 가장 유명한 MDN모던 javascript 튜토리얼 - JS 튜토리얼로 정말 좋음.타입스크립트 핸드북 - TS 공식문서 번역본웹팩 핸드북 - 캡틴판교님의 웹팩 핸드북fontawesome - 다양한 ICON을 가져올 수 있는 사이트flatuicolors - 다양한 색들을 가져오기 편한 사이트CSS Dinner - 다양한 css 선택자들을 게임

0

0

2 months ago

7 min read

article-thumbnail

·

소프트웨어 개발자 전상욱입니다.

태그

프론트엔드추천사이트모음PWAProgressive Web Appsmanifest.jsonsw.jsserviceWorkernodejswebpackloader.eslintrc.js.prettierrc.jsbabelTypescriptwebpack.config.jspackage.json성능최적화TTFBCLSLCP개선전략

최근 댓글

아직 댓글이 없어요