검색 본문
namu.wiki JavaScript - 나무위키 Ecma International의 프로토타입 기반의 프로그래밍 언어로, 스크립트 언어에 해당된다. 특수한 목적이 아닌 이상 모든 웹 브라우저에 인터프리터가 내장되어 있다. 오늘날 HTML, CSS와 함께 웹을 구성하는 요소 중 하나다. HTML이 웹 페이지의 기본 구조를 담당하고, CSS가 디자인을 담당한다면 JavaScript는 클라이언트 단에서 웹 페이지가 동작하는 것을 담당한다. 웹 페이지를 자동차에 비유하자면, HTML은 자동차의 뼈대, CSS는 자동차의 외관, JavaScript는 자동차의 동력원인 엔진이라고 볼 수 있다. 개발 브랜든 아이크, Ecma International 최신버전 ECMAScript 2023(2023년 6월) 개요 역사 개발 도구 특징 DOM CommonJS 관련 개념 웹과 JavaScript 2024.05.31 웹문서 검색 더보기 WebAssembly - 나무위키 Deno - 나무위키 ydoag2003.tistory.com 개발새발 로그 lighthouse - 자바스크립트 줄이기 🛠️프로젝트 성능을 측정해보자 위처럼 메인페이지를 성능측정해봤더니 처참했다. 현재 문제는 아래와 같다. 여기서 LCP가 가장 문제인 것으로 보인다. 하지만 오늘은 "자바스크립트 줄이기" 부분만 해결해보려고 한다. 🤔자바스크립트 줄이기? 말 그대로 불필요한 자바스크립트 코드를 줄이라고 하는 것이다. 그래서 커버리지로 검사를 해보면 아래와 같이 빨간 것을 볼 수 있는데이게 사용하지 않는 자바스크립트 코드라고 한다. 🤔그럼 어떻게 줄여야할까? 사실 줄이는 방법은 다양하다. 그래서 나는 먼저 코드 스플리팅을 시도했다. 기존에 route만 사용한 react-router-dom에서 lazy를 활용해서 아래와 같이 수정했다. // 동적 import를 위해 lazy 사용 const HomePage = lazy(() => import('./pages/home')); const PostDetailPage = lazy(() => import('./pages/postDetail')); //... const router = createBrowserRouter( createRoutes 📖번들 파일 분석 툴 bundle analyzer bundle analyzer는 번들 파일이 어떻게 이루어져있는지 확인하는 툴이다. 번들링된 번들파일이 어떤 코드로 이루어져있는지 트리맵으로 시각화해서 보여준다. webpack을 사용한다면 webpack-bundle-analyzer을 사용하고. 나는 vite를 사용했으므로 vite-bundle-analyzer을 설치해 사용했다. vite-bundle-analyzer 사용법은 간단하다. npm i -D vite-bundle-visualizer 설치한 다음 아래 명령어를 입렫하면 자동으로 창을 띄워준다. npx vite-bundle-vi 🤔근데 아직 많이 남은 자바스크립트는 어떻게 줄일까? 그래도 여전히 줄여야할 자바스크립트가 있다. 이 부분은 어떻게 줄여야할까? 나는 이 방법을 찾던 도중에 배포환경에서는 결과가 다를 수 있다는 정보를 알게 됐고,궁금해서 직접 확인해봤다. 내 프로젝트는 vercel에 배포되어있다. 배포 후 배포 후를 보면 성능 점수도 올라가있고, 이전에 보였던 다른 성능 문제도 없어진 것을 볼 수 있다. (3개의 문제는 똑같이 존재) 특히 내가 시도했던 자바스크립트 줄이기는 없어지고, 사용하지 않는 자바스크립트 줄이기만 존재하고 있다. (lazy를 적용안한 배포입니다) 🤔그럼 lazy를 적용... 📘마무리하며... 5월6일 현재 성능 최적화에 대해서 시도해본 점이 적었다. 아직 내가 성능 최적화를 글로만 알고 직접 해보지 못해서 별 거 아닌 것에 시간이 많이 소요됐다.그래서 다시 책을 읽고, 자료를 찾아서 다시 시도해보려고 한다. 특히 LCP 문제는 꼭 해결해보려고한다. 원래 처음에는 LCP문제를 해결하려고 했지만 검색했던 해결 방법으로 모두 시도해봤지만 성능에 변화가 없었다. 근본적인 문제임을 추측했고, 이 또한 책을 읽어서 다시 시도해보려고 한다. 15 위처럼 메인페이지를 성능측정해봤더니 처참했다. 현재 문제는 아래와 같다. 여기서 LCP가 가장 문제인 것으로 보인다. 하지만 오늘은 "자바스크립트 줄이기" 부분만 해결해보려고 한다. 2024.05.06 블로그 검색 더보기 선언형 프로그래밍 방식을 바닐라 자바스크립트로 배워보자 실버를 위한 스터디 IT 분야 크리에이터 자바스크립트와 크롬 브라우저 자바스크립트의 특징 인터프리터 언어: 자바스크립트 코드는 컴파일 과정 없이 실행됩니다. 브라우저가 자바스크립트 코드를 직접 해석하고 실행합니다. 클라이언트 사이드 스크립트: 대부분의 자바스크립트는 사용자의 브라우저에서 실행되므로, 서버의 부하를 줄이고 사용자 경험을 향상시킵니다. 동적 타이핑: 자바스크립트는 변수의 타입을 선언할 필요가 없으며, 런타임에 타입이 결정됩니다. 객체 기반: 자바스크립트는 프로토타입을 기반으로 하는 객체지향 프로그래밍을 지원합니다. 크롬 브라우저와 자바스크립트 구글의 크롬 브라우저는 2008년에 출시되었으며, 빠른 속도와 안정성, 확장성 때문에 많은 사용자에게 인기를 얻었습니다. 크롬의 가장 중요한 기능 중 하나는 자바스크립트를 실행하기 위한 고성능 엔진인 V8 엔진입니다. V8 엔진은 자바스크립트 코드를 바이트코드로 컴파일하는 대신 직접 기계어로 컴파일하여 빠르게 실행할 수 있게 합니다. V8 자바스크립트 엔진 빠른 실행 속도: V8은 자바스크립트 코드를 기계어로 직접 컴파일합니다. 이를 통해 실행 속도가 향상되며, 복잡한 애플리케이션도 빠르게 동작할 수 있습니다. 가비지 컬렉션: 메모리 관리를 자동으로 처리하며, 메모리 누수를 최소화합니다. 최적화 기능: 실행 중에 코드의 실행 패턴을 분석하고, 그에 따라 더 빠르게 실행할 수 있도록 코드를 최적화합니다. 크롬브라우저의 JS 생태계 정리 이러한 V8 엔진 덕분에 크롬은 자바스크립트 기반 애플리케이션을 매우 빠르게 처리할 수 있으며, 이는 구글의 웹 애플리케이션(예: Gmail, Google Maps)의 성능 향상에 기여했습니다. 또한, Node.js의 등장과 함께 서버 사이드에서도 자바스크립트가 사용될 수 있는 길이 열렸으며, 이는 자바스크립트 생태계의 확장을 가속화하는 데 중요한 역할을 했습니다. 인터프리터 언어: 자바스크립트 코드는 컴파일 과정 없이 실행됩니다. 브라우저가 자바스크립트 코드를 직접 해석하고 실행합니다. 클라이언트 사이드 스크립트: 대부분의 자바스크립트는 사용자의 브라우저에서 실행되므로, 서버의 부하를 줄이고 사용자 경험을 향상시킵니다. 동적 타이핑: 자바스크립트는 변수의 타입을 선언할 필요가 없으며, 런타임에 타입이 결정됩니다. 객체 기반: 자바스크립트는 프로토타입을 기반으로 하는 객체지향 프로그래밍을 지원합니다. 자바스크립트 크롬브라우저 2024.05.16 [JS] 자바스크립트 반복 처리 정리 [JS] 자바스크립트 이름에 얽힌 사연과 관리 sincc0715.tistory.com youth 자바스크립트 비동기처리란 무엇인가? 8 방식을 동기적 방식이라고 합니다. 비동기적 방식 : 특정 작업이 끝날때까지 다음코드를실행을 멈추지 않고 다음코드를 먼저 실행하는것을 의미합니다. 아래 코드 javascript를 통해서 알아보도록 하겠습니다. 아래의 코드를 참고하세요! console.log('첫 번째 console'); setTimeout(() => { console.log('두 번째... 자바스크립트비동기처리 자바스크립트비동기처리란 2024.06.09 leeseolyu.tistory.com 나의 라이브러리 자바스크립트 주요 개념 스크립트의 기본 개념을 확장하여, 웹 애플리케이션을 더 효율적으로 개발할 수 있도록 돕는다 자바스크립트에서 Deep 하게 공부할 주제들은 다음과 같다 자바스크립트 주요 개념 변수 (Variables) - var, let, const 자바스크립트에서 변수를 선언하는 방법은 var, let, const이다 var : 함수 스코프를 가지며... 2024.06.08 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 한상훈 커리어 분야 크리에이터 『쉽게 설명한 자바스크립트 알고리즘』 출간 이벤트 9 을 맛있게 담아보려고 책을 한 권 썼습니다. 맛없는건 다져서 티 안나게 해야한다는 이말년 선생님 말씀 저도 그렇지만 많은 신입 개발자 분들이 자바스크립트를 가장 먼저 배우기도 하고, 알고리즘 공부에 대해 고민이 많으실 거를 저는 알고 있습니다. 그런 의미에서 이 책은 훌륭한 영양분이 될겁니다. 서두에 말씀... 알고리즘 자바스크립트 한상훈 2024.05.29 브런치스토리 검색 더보기 yujung1339.tistory.com 유정잉 🌷 자바스크립트 복습 [ import&export, 객체, ... ] 30 2024년 6월 10일 리액트 : 선언형 vs 자바스크립트 : 명령형 1) react.new 검색 -> 웹 기반 react 개발도구(npm istall과 npm run dev를 할 필요 없음) 주로 오른쪽 Via 방법 사용 Via 방식 : import하게 되면 웹페이지를 로드할때 해당 파일이 같이 로드 됨 ! defer : 나머지 HTML 문서을 읽어와 파싱한후 스크립트가... React 2024.06.10 티스토리 검색 더보기 story.kakao.com 이윤찬 이윤찬 - 카카오스토리 3 말을 하더라구요. 오늘 봤던 게 타입 스크립트였는데 타입을 일일이 지정하지 않고 쓰는 일반적인 자바스크립트 동작 때문에 복잡한 프로그램에서 어떤 에러도 보여주지 않고 실행이 되어 문제가 발생한다고 해서... 2024.03.28 카카오스토리 검색 더보기 커리어 크리에이터 보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 얄코의 Too Much 친절한 HTML+CSS+자바스크립트 저자 고현민 출간 2024.2.1. 도서 28,800원 코딩 자율학습 HTML + CSS + 자바스크립트 저자 김기수 출간 2022.4.25. 도서 24,300원 e북 17,010원 자바스크립트 저자 곽문기 출간 2024.1.25. 도서 28,800원 모던 자바스크립트 Deep Dive 저자 이웅모 출간 2020.9.25. 도서 40,500원 e북 28,350원 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 저자 고경희 출간 2021.1.22. 도서 27,000원 e북 17,100원 자바스크립트 핵심 가이드(더글라스 크락포드의) 저자 더글라스 크락포드 출간 2008.9.30. 도서 19,800원 자바스크립트(Java Script)1학년 저자 리브로웍스 출간 2018.11.22. 도서 15,300원 함수형 자바스크립트 저자 마이클 포거스 출간 2014.2.1. 도서 19,800원 자바스크립트 저자 존 라쉬 출간 2014.8.8. 자바스크립트 저자 이성욱, 장종준 출간 2016.8.20. 도서 19,000원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
자바스크립트 애니메이션 silbaram.github.io/ 신청자 작성 자바스크립트 모션 API. 프로그래밍. 자바스크립트 소스 javascriptsource.com/ Java Script 소스정보, 다운로드 안내. 휴먼교육센터 www.human.or.kr/ 소프트웨어개발자 무료교육기관. 충청남도 천안시 서북구 성정공원5로 위치. 컴퓨터학원, 프로그램, 소프트웨어개발, 자바, 안드로이드, JAVA, 자바스크립트, C언어, 앱개발. 전화고객센터: 041-561-1122 채널 장소 사이트 더보기
서비스 안내 Melon Company가 운영하는 음악 서비스입니다. 다른 사이트 더보기 Javascript Distorted Vortex 앨범 Javascript 2023.02.14. Javariddim Javascript 앨범 Javariddim 2015.04.20. Crisis Mode DJ Javascript 앨범 '97 Energy 2022.02.20. Javascript Chillout Dim 앨범 Programming... 2022.11.08. Bad Advice DJ Javascript 앨범 '97 Energy 2022.02.20. In a Different Place DJ Javascript 앨범 '97 Energy 2022.02.20. Drifting Away DJ Javascript 앨범 '97 Energy 2022.02.20. Steviepink Javascript R Stevie Moore & Ariel Pink 앨범 Ku Klux Glam 2012.02.23. SteviePink Javascript Redo Theme R Stevie Moore & Ariel Pink 앨범 Ku Klux Glam 2012.02.23. Javascript Kevin M. Thomas 앨범 Artificial ... 2018.10.05. Java Script 1999 Whalez 앨범 Young Subur... 2017.07.21. Forward Motion DJ Javascript 앨범 '97 Energy 2022.02.20. 3AM (Comedown Mix) DJ Javascript 앨범 '97 Energy 2022.02.20. See Through DJ Javascript 앨범 '97 Energy 2022.02.20. '97 Energy DJ Javascript 앨범 '97 Energy 2022.02.20. Praha DJ Javascript 앨범 '97 Energy 2022.02.20. Give Me Space DJ Javascript 앨범 '97 Energy 2022.02.20.