검색 본문
100.daum.net 백과사전 자바스크립트 문자열형 등)을 생략하거나 새로운 클래스 정의를 할 수 없도록 하였다. 스크립트는 HTML 문서 속에 직접 기술하며, ‘script’라는 꼬리표를 사용한다. 자바 스크립트와 같은 기능을 갖는 것으로서 마이크로소프트사에서는 ‘Virtual Basic Scripting... 백과사전 검색 더보기 출처: TTA정보통신용어사전 lychee9494.com lycheezzang 자바스크립트란 무엇인가? 자바스크립트 소개 자바스크립트에 대한 블로그 포스트에 오신 것을 환영합니다! 현대 웹 개발에서 필수적인 역할을 하는 자바스크립트는 웹 페이지의 동적 기능을 구현하고 사용자와의 상호작용을 가능하게 합니다. 이 글에서는 자바스크립트의 중요성과 다양한 활용 방법에 대해 알아보겠습니다. 자바스크립트의 역사와 발전 자바스크립트는 웹 개발의 핵심적인 언어로 자리 잡고 있지만, 그 역사는 웹의 초기부터 시작됐습니다. 1995년에 넷스케이프 브라우저의 브렌던 아이크(Brendan Eich)에 의해 개발되었습니다. 초기에는 클라이언트 측 스크립트 언어로써 웹 페이지에 인터랙티브한 요소를 추가하는 데 사용되었습니다. 그러나 초기 자바스크립트는 제한적이었고, 웹 페이지의 단순한 요소만을 다룰 수 있었습니다. 2000년대 초반, 자바스크립트의 발전은 획기적인 변화를 겪었습니다. AJAX(Asynchronous JavaScript and XML) 기술의 등 자바스크립트의 프레임워크와 라이브러리 자바스크립트의 발전과 함께 다양한 프레임워크와 라이브러리가 등장하면서 개발자들은 더욱 다양하고 효율적인 웹 애플리케이션을 구축할 수 있게 되었습니다. 그 중에서도 가장 인기 있는 프레임워크 중 하나는 React입니다. React는 Facebook에서 개발된 UI 라이브러리로, 컴포넌트 기반 접근 방식을 채택하여 UI를 구축하는 데 매우 효율적입니다. 또한, React는 가상 DOM(Virtual DOM)을 사용하여 성능을 최적화하고, React Native를 통해 모바일 애플리케이션도 개발할 수 있는 장점을 가지고 있습니다. 또 다 자바스크립트에 대한 블로그 포스트에 오신 것을 환영합니다! 현대 웹 개발에서 필수적인 역할을 하는 자바스크립트는 웹 페이지의 동적 기능을 구현하고 사용자와의 상호작용을 가능하게 합니다. 이 글에서는 자바스크립트의 중요성과 다양한 활용 방법에 대해 알아보겠습니다. 프로그래밍 javascript 자바스크립트 프로그래밍언어 2024.05.14 블로그 검색 더보기 자바스크립트 프레임워크 비교: React vs Vue vs Angular itworld.co.kr topnews “만능 프로그래밍 언어” 자바스크립트의 이해 자바스크립트는 큰 인기를 누리는 인터프리트 스크립팅 언어로, 구인 수요도 가장 많다. 2023년 전체 구인 공고의 29%가 자바스크립트 또는 타입스크립트 프로그래밍 경험을 요구 조건으로 제시할 정도다. 자바... 2024.03.08 웹문서 검색 더보기 hyun0907.tistory.com 공부 기록 [JS] 자바스크립트란 자바스크립트의 오해: 자바스크립트 = 자바? 자바스크립트(JavaScript)란 웹 브라우저에서 사용하는 프로그래밍 언어입니다. 참고로 이름과 달리 자바스크립트는 자바라는 프로그래밍 언어와는 거의 관련이 없습니다. 이름이 비슷한 것은 마케팅과 연관이 있기 때문이며 엄밀한 다른 언어입니다. 자바스크립트의 정의 고급 레벨의 객체 지향 다중 패러다임 프로그래밍 언어 무슨 의미인가? 우리가 코드를 작성하도록 도와주는 언어입니다. 컴퓨터가 무엇을 하도록 지시하는 언어라고 생각하면 됩니다. 그게 자바스크립트 사용의 주요 목표입니다. 그리고 자바 스크립트는 고급 언어입니다. 복잡한 것을 생각할 필요가 없습니다. 여기서 복잡한 것들은, 컴퓨터 메모리나 프로그램을 실행하는 동안 관리하는 것들을 말합니다. 이런 모든 작은 디테일들에 대한 소위 ‘추상화’라는 개념이 많습니다. 덕분에 언어를 간편하게 쓰고 배우기가 훨씬 쉬워졌습니다. 그리고 자바스크립트는 개체 지향입니다. 그 말은 언어의 대부분이 자바스크립트를 왜 쓰는가? HTML, CSS, JS를 이용해 상호작용적이며 동적인 웹을 만들 수 있습니다. HTML은 모든 콘텐츠를 책임집니다. CSS는 스타일링과 레이아웃에 이용됩니다. JS는 인터넷 프로그래밍 언어로 동적 상호 작용 효과를 추가할 수 있습니다. 콘텐츠나 CSS 조작에도 이용됩니다. 전체 응용프로그램을 구축하는 데에도 필요합니다. 라이브러리와 프레임워크(리액트, 앵귤러, 뷰 등)는 현대적으로 발전한 도구인데, 이들은 여전히 100% 자바스크립트에 기반을 두고 있기 때문에 다루기 전에 자바스크립트를 능숙하게 아는 편이 좋습니다. 간단한 자바스 표현식과 문장 자바스크립트에서 값을 만들어내는 간단한 코드를 '표현식'이라고 부릅니다. 27310 + 20 + 30 * 2'javascript' 하나 이상의 표현식이 모이면 문장이 됩니다. 문장 끝에는 마침표를 찍듯 세미콜론(;) 또는 줄바꿈을 넣어 문장의 종결을 알려줍니다. 10 + 20 + 30 + 40 * 2;let fullName = 'Baek' + 'Seung' + 'Hyun';alert('Hello World!'); 이러한 문장들이 모여서 프로그램을 이룹니다. 식별자 식별자는 프로그래밍 언어에서 이름을 붙일 때 사용하는 단어입니다. 주로 변수명이나 함수명 등으로 사용됩니다. 자바스크립트 식별자를 만들 때에는 규칙이 있습니다. 키워드(자바스크립트에서 처음 만들어질 때 정해놓은 특별한 의미가 있는 단어)를 사용하면 안 됩니다. 숫자로 시작하면 안 됩니다. 특수문자는 _와 $만 허용합니다. 공백문자를 포함할 수 없습니다. 식별자를 만들 때에는 의미 있는 단어를 사용하는 게 좋습니다. 또한 식별자 작명 관례가 있습니다. - 낙타 표기법: 낙타 등처럼 중간 중간 대문자가 튀어나와 보이는... 주석 주석은 프로그램 코드를 설명할 때 사용하며 프로그램 진행에 영향을 주지 않습니다. 자바스크립트 주석의 형태는 다음과 같습니다. 1. // 주석 내용 한 줄 주석을 표현하는 방법으로 // 뒤의 문장은 실행되지 않습니다. 2. /* 주석 내용 */ 여러 줄 주석을 표현하는 방법으로 /*와 */ 사이의 모든 문장은 실행되지 않습니다. 출력 처음 자바스크립트를 공부할 때 코드가 제대로 만들었는지 확인하기 위한 기본적인 방법은 출력입니다. - 크롬 개발자 도구 구글 크롬 주소창에 about:blank를 입력하여 크롬이 기본적으로 제공하는 빈 페이지로 들어가 개발자 환경을 띄우고 콘솔 탭에서 코드를 입력하면 그 결과를 바로 출력합니다. - alert() 파일을 만들었을 때 가장 기본적인 출력 방법은 alert() 함수를 이용하는 것입니다. 이를 이용하면 웹 브라우저에 경고창을 띄울 수 있습니다. 이때 함수의 괄호 안에 들어가는 것은 매개변수라고 부릅니다. 괄호 안에 메세지 3 자바스크립트(JavaScript)란 웹 브라우저에서 사용하는 프로그래밍 언어입니다. 참고로 이름과 달리 자바스크립트는 자바라는 프로그래밍 언어와는 거의 관련이 없습니다. 이름이 비슷한 것은 마케팅과 연관이 있기 때문이며 엄밀한 다른 언어입니다. JavaScript 자바스크립트 2024.04.02 [JS] 자바스크립트 엔진과 런타임 [JS] 자바스크립트 트랜스파일러 바벨(Babel) 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] 자바스크립트 이름에 얽힌 사연과 관리 통합웹 더보기
서비스 안내 스토리의 글을 대상으로 검색결과를 제공합니다. 자세히보기 한상훈 커리어 분야 크리에이터 『쉽게 설명한 자바스크립트 알고리즘』 출간 이벤트 9 을 맛있게 담아보려고 책을 한 권 썼습니다. 맛없는건 다져서 티 안나게 해야한다는 이말년 선생님 말씀 저도 그렇지만 많은 신입 개발자 분들이 자바스크립트를 가장 먼저 배우기도 하고, 알고리즘 공부에 대해 고민이 많으실 거를 저는 알고 있습니다. 그런 의미에서 이 책은 훌륭한 영양분이 될겁니다. 서두에 말씀... 알고리즘 자바스크립트 한상훈 2024.05.29 브런치스토리 검색 더보기 integin1212.tistory.com SEAN 01. JavaScript-자바 스크립트 2. 자바스크립트의 상수(Constant) - 한번 선언된 상수는 다시 재정의할 수 없음 - 값을 재할당 할 수 없음 - 개발자의 실수를 방지하기 위해 권장 - 해킹을 방지하기 위한 목적 let name; // 변수의 선언 name = '김사과'; // 값 할당 let name = '김사과' // 변수의 선언 및 할당 const name; name = '김사과' (X) const name = '김사과' (O) 3. 자바스크립트의 데이터 타입(Data Type) - 프로그램에서 다룰 수 있는 값의 종류 - 자바스크립트는 선언시 타입을 정하지 않기 때문에 많은 문제가 발생할 수 있음 - 자바스크립트의 타입 유연성을 해결하기 위해 MS에 만든 타입스크립트가 존재 2-1. 숫자형(number) - 정수와 실수를 따로 구분하지 않음 - 모든 수를 실수 하나로만 표현 2-2. 문자형(string) '', "", ``로 둘러싸인 문자의 집합 2-3. 논리형(boolean) - 참(true), 거짓(false)으로 표현되는 값 - false, 0 4. 자바스크립트의 자동 타입 변환 - 특정 타입의 값을 기대하는 곳에 다른 타입의 값이 오면 자동으로 타입을 변환해서 사용 const num4 = 10; const str3 = '10'; console.log(num4 + str3); console.log(num4 - str3); console.log(num4 * str3); console.log(num4 / str3); ※ NaN(Not a Number) - '정의되지 않은 값이나 표현할 수 없는 값'을 의미 - 숫 5. 자바스크립트의 타입 변환 함수 - 강제로 타입을 변환하는 함수 Number() 문자를 숫자로 변환 String() 숫자나 불린 등을 문자형으로 변환 Boolean() 문자나 숫자 등을 불린형으로 변환 Object() 모든 자료형을 객체형으로 변환 ParseInt() 문자를 소수없는 정수형으로 변환 ParseFloat() 문자를 실수형으로 변환 6. 자바스크립트의 대화 상자 Web API: 브라우저에서 제공하는 API(Application Programming Interface) alert() 사용자에게 메세지를 보여주고 확인을 기다림 confirm() 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그 결과를 불린값으로 반환 prompt() 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환 alert('안녕하세요! 자바스크립트!');로 인해 다음과 같은 대화상자가 나타납니다. consr result = confirm('확인 또는 취소를 눌러주세요!');로 인해 다음과 같이 확인, 7. 자바스크립트의 연산자 파이썬에서와 유사하게 자바 스크립트내에서 연산자가 존재합니다. 이 중 증감 연산자, 삼항 연산자는 파이썬에서 없던 개념이므로 유념해서 보면 좋겠습니다. 7-1. 산술 연산자 +, -, *, /, %, ** 7-2. 비교 연산자 >, <, >=, <=, ==, !=, ===, !== ===: 두 식의 값이 같고, 타입이 같아야 함 예) 3 == 3 -> true '3' == 3 -> true '3' === 3 -> false !==: 두 식의 값이 다르고 8. 자바스크립트의 if문 파이썬에서 if문을 다뤄본 적이 있기에 쉽게 이해할 수 있습니다. if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... } if(조건식){ 조건식의 결과가 true일 때 실행할 문장; ... }else{ 조건식의 결과가 false일 때 실행할 문장; ... } if(조건식1){ 조건식1의 결과가 true일 때 실행할 문장; ... }else{ 모든 9. 자바스크립트의 switch문 파이썬에서 다루어본 적 없던 개념이지만 어렵지 않아 쉽게 이해할 수 있습니다. switch(변수 또는 값) { case 값1: 변수와 값1이 같은 경우 실행할 문장; ... break; case 값2: 변수와 값2가 같은 경우 실행할 문장; ... break; ... default: 변수와 모든 값이 다를 경우 실행할 문장;\ 38 Web API: 브라우저에서 제공하는 API(Application Programming Interface) alert() 사용자에게 메세지를 보여주고 확인을 기다림 confirm() 사용자에게 메세지를 보여주고 확인이나 취소를 누르면 그 결과를 불린값으로 반환 prompt() 사용자에게 메세지를 보여주고 사용자가 입력한 문자열을 반환 alert('안녕하세요! 자바스크립트!');로 인해 다음과 같은 대화상자가 나타납니다. consr result = confirm('확인 또는 취소를 눌러주세요!');로 인해 다음과 같이 확인, 2024.04.16 티스토리 검색 더보기 story.kakao.com 이윤찬 이윤찬 - 카카오스토리 3 말을 하더라구요. 오늘 봤던 게 타입 스크립트였는데 타입을 일일이 지정하지 않고 쓰는 일반적인 자바스크립트 동작 때문에 복잡한 프로그램에서 어떤 에러도 보여주지 않고 실행이 되어 문제가 발생한다고 해서... 2024.03.28 카카오스토리 검색 더보기 커리어 크리에이터 보기
서비스 안내 Kakao가 운영하는 책 서비스 입니다. 다른 사이트 더보기 코딩 자율학습 HTML + CSS + 자바스크립트 저자 김기수 출간 2022.4.25. 도서 24,300원 e북 17,010원 얄코의 Too Much 친절한 HTML+CSS+자바스크립트 저자 고현민 출간 2024.2.1. 도서 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원 함수형 자바스크립트 저자 마이클 포거스 출간 2014.2.1. 도서 19,800원 BBC micro:bit 프로그래밍 with 자바스크립트 블록 에디터(사물인터넷을 위한) 저자 서영진 출간 2017.9.25. 도서 25,200원 Do it! 자바스크립트+제이쿼리 입문 저자 정인용 출간 2014.7.31. Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편 저자 고경희 출간 2019.3.26. 도서 16,920원 e북 13,000원 러닝 자바스크립트 저자 이선 브라운 출간 2017.7.1. 도서 25,200원 e북 17,640원 더보기 (주)카카오는 상품판매의 당사자가 아닙니다.법적고지 안내 (주)카카오는 통신판매중개자로서 통신판매의 당사자가 아니며 상품의 주문 배송 및 환불 등과 관련한 의무와 책임은 각 판매자에게 있습니다.
휴먼교육센터 www.human.or.kr/ 소프트웨어개발자 무료교육기관. 충청남도 천안시 서북구 성정공원5로 위치. 컴퓨터학원, 프로그램, 소프트웨어개발, 자바, 안드로이드, JAVA, 자바스크립트, C언어, 앱개발. 전화고객센터: 041-561-1122 채널 장소 KIC 캠퍼스 kiccampus.com/ 신청자 작성 자바학원, 프론트엔드학원, 백엔드 학원 - IT교육 센터. 서울 강남역 12번 출구 근처. 자바 백엔드 교육, 자바스크립트 프론트엔드 교육, 파이썬 빅데이터 교육 등. 전화고객센터: 02-538-3644 채널 장소 코드잇 www.codeit.kr/ 시작하기 코딩, 데이터, 프로그래밍, Pyhthon, JavaScript, HTML CSS 레슨 제공. 채널 장소 사이트 더보기
서비스 안내 Melon Company가 운영하는 음악 서비스입니다. 다른 사이트 더보기 Javascript Distorted Vortex 2023.02.14. '97 Energy DJ Javascript 2022.02.20. Javariddim Javascript 2015.04.20.