검색 본문
hyotoshi.tistory.com 효정이의 언제까지 할지 모르는 공부블로그 자바스크립트닷 인포로 공부하기#15 43 알겠죰니당 과제! 문자열 안에 0이 들어가있으니 true! true니까 alert은 실행된다 넘오쉬웠고^^ if와 else를 사용하여 위 내용 실행시키기! let name = prompt('자바스크립트의 공식 이름은 무엇일까요?', ''); if(name == 'ECMAScript') { alert ('정답입니다!'); } else { alert ('모르셨나요? 정답은 ECMAScript... 2024.05.31 블로그 검색 더보기 자바스크립트닷 인포로 공부하기#12 자바스크립트닷 인포로 공부하기#11 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 웹문서 검색 더보기 htmx - 나무위키 TypeScript - 나무위키 실버를 위한 스터디 IT 분야 크리에이터 [JS] 자바스크립트 반복 처리 정리 3 자바스크립트 반복 처리 정리 자바스크립트에서의 반복 처리는 데이터 구조를 순회하며 각 요소에 대해 반복적인 작업을 수행할 때 사용됩니다. 자바스크립트는 다양한 방법을 제공하여 이터레이션을 처리할 수 있습니다. 1. 전통적인 반복문 for 문: 가장 기본적인 반복문으로, 초기식, 조건식, 증감식을 사용해 명시적... js 이터레이션 2024.04.19 자바스크립트와 크롬 브라우저 [JS] 자바스크립트 이름에 얽힌 사연과 관리 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 선언형 프로그래밍 방식을 바닐라 자바스크립트로 배워보자 howdy1227.tistory.com 힘빠진 컴공 모던 자바스크립트 자바스크립트의 동작원리 자바스크립트의 데이터 타입에는 number, string, boolean, null, undefined, object, symbol, bigint 총 8가지 * Symbol : 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용 - 다른 어떤 값과 비교해도 true 가 될 수 없는 고유한 변수 *BigInt : 아주 큰 정수를 표현하기 위해 등장하나 데이터 타입 *typeOf 를 사용하면 모든 타입과 1:1 매칭되 않음. - null -> object - 함수 -> function (object가 아님) 불린이 아닌 값이 조건 함수 다루기 함수를 만드는 방법 1. 함수 선언 -> 호이스팅 가능 (밑에 함수 선언해도 위에서 호출 가능) 2.함수 표현식 -> 함수를 값으로 다룸 즉시 실행 함수 (Immediately Invoked Function Expression (IIFE)) (function () { console.log('Hi!'); })(); 함수에 이름을 지어주더라도 외부에서 재사용할 수 없다 외부로부터 값을 전달받기 위해 함수를 선언할 때 작성하는 것은 Parameter 함수를 호출할 때 파라미터로 전달하는 값은 Argument Rest Parameter 4 자바스크립트의 데이터 타입에는 number, string, boolean, null, undefined, object, symbol, bigint 총 8가지 * Symbol : 코드 내에서 유일한 값을 가진 변수 이름을 만들 때 사용 - 다른 어떤 값과 비교해도 true 가 될 수 없는 고유한 변수 *BigInt : 아주 큰 정수를 표현하기 위해 등장하나 데이터 타입 *typeOf 를 사용하면 모든 타입과 1:1 매칭되 않음. - null -> object - 함수 -> function (object가 아님) 불린이 아닌 값이 조건 2024.05.24 비동기 자바스크립트 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 실버를 위한 스터디 IT 분야 크리에이터 자바스크립트와 크롬 브라우저 자바스크립트의 특징 인터프리터 언어: 자바스크립트 코드는 컴파일 과정 없이 실행됩니다. 브라우저가 자바스크립트 코드를 직접 해석하고 실행합니다. 클라이언트 사이드 스크립트: 대부분의 자바스크립트는 사용자의 브라우저에서 실행되므로, 서버의 부하를 줄이고 사용자 경험을 향상시킵니다. 동적 타이핑: 자바스크립트는 변수의 타입을 선언할 필요가 없으며, 런타임에 타입이 결정됩니다. 객체 기반: 자바스크립트는 프로토타입을 기반으로 하는 객체지향 프로그래밍을 지원합니다. 크롬 브라우저와 자바스크립트 구글의 크롬 브라우저는 2008년에 출시되었으며, 빠른 속도와 안정성, 확장성 때문에 많은 사용자에게 인기를 얻었습니다. 크롬의 가장 중요한 기능 중 하나는 자바스크립트를 실행하기 위한 고성능 엔진인 V8 엔진입니다. V8 엔진은 자바스크립트 코드를 바이트코드로 컴파일하는 대신 직접 기계어로 컴파일하여 빠르게 실행할 수 있게 합니다. V8 자바스크립트 엔진 빠른 실행 속도: V8은 자바스크립트 코드를 기계어로 직접 컴파일합니다. 이를 통해 실행 속도가 향상되며, 복잡한 애플리케이션도 빠르게 동작할 수 있습니다. 가비지 컬렉션: 메모리 관리를 자동으로 처리하며, 메모리 누수를 최소화합니다. 최적화 기능: 실행 중에 코드의 실행 패턴을 분석하고, 그에 따라 더 빠르게 실행할 수 있도록 코드를 최적화합니다. 크롬브라우저의 JS 생태계 정리 이러한 V8 엔진 덕분에 크롬은 자바스크립트 기반 애플리케이션을 매우 빠르게 처리할 수 있으며, 이는 구글의 웹 애플리케이션(예: Gmail, Google Maps)의 성능 향상에 기여했습니다. 또한, Node.js의 등장과 함께 서버 사이드에서도 자바스크립트가 사용될 수 있는 길이 열렸으며, 이는 자바스크립트 생태계의 확장을 가속화하는 데 중요한 역할을 했습니다. 인터프리터 언어: 자바스크립트 코드는 컴파일 과정 없이 실행됩니다. 브라우저가 자바스크립트 코드를 직접 해석하고 실행합니다. 클라이언트 사이드 스크립트: 대부분의 자바스크립트는 사용자의 브라우저에서 실행되므로, 서버의 부하를 줄이고 사용자 경험을 향상시킵니다. 동적 타이핑: 자바스크립트는 변수의 타입을 선언할 필요가 없으며, 런타임에 타입이 결정됩니다. 객체 기반: 자바스크립트는 프로토타입을 기반으로 하는 객체지향 프로그래밍을 지원합니다. 자바스크립트 크롬브라우저 2024.05.16 티스토리 검색 더보기 한상훈 커리어 분야 크리에이터 『쉽게 설명한 자바스크립트 알고리즘』 출간 이벤트 9 을 맛있게 담아보려고 책을 한 권 썼습니다. 맛없는건 다져서 티 안나게 해야한다는 이말년 선생님 말씀 저도 그렇지만 많은 신입 개발자 분들이 자바스크립트를 가장 먼저 배우기도 하고, 알고리즘 공부에 대해 고민이 많으실 거를 저는 알고 있습니다. 그런 의미에서 이 책은 훌륭한 영양분이 될겁니다. 서두에 말씀... 알고리즘 자바스크립트 한상훈 2024.05.29 브런치스토리 검색 더보기 story.kakao.com 이윤찬 이윤찬 - 카카오스토리 3 말을 하더라구요. 오늘 봤던 게 타입 스크립트였는데 타입을 일일이 지정하지 않고 쓰는 일반적인 자바스크립트 동작 때문에 복잡한 프로그램에서 어떤 에러도 보여주지 않고 실행이 되어 문제가 발생한다고 해서... 2024.03.28 카카오스토리 검색 더보기 IT 크리에이터 보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 코딩 자율학습 HTML + CSS + 자바스크립트 저자 김기수 출간 2022.4.25. 도서 24,300원 e북 17,010원 얄코의 Too Much 친절한 HTML+CSS+자바스크립트 저자 고현민 출간 2024.2.1. 도서 28,800원 자바스크립트 저자 곽문기 출간 2024.1.25. 도서 28,800원 모던 자바스크립트 Deep Dive 저자 이웅모 출간 2020.9.25. 도서 40,500원 e북 28,350원 자바스크립트 핵심 가이드(더글라스 크락포드의) 저자 더글라스 크락포드 출간 2008.9.30. 도서 19,800원 Do it! HTML+CSS+자바스크립트 웹 표준의 정석 저자 고경희 출간 2021.1.22. 도서 27,000원 e북 17,100원 자바스크립트(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.