logo

JavaScript 튜토리얼 알아보기

자바스크립트 튜토리얼

우리의 자바스크립트 튜토리얼 초보자와 전문가 모두를 위해 설계되었습니다. JavaScript는 클라이언트 측 동적 페이지를 만드는 데 사용됩니다.

자바스크립트는 객체 기반 스크립팅 언어 가볍고 크로스 플랫폼입니다.

자바스크립트는 컴파일된 언어는 아니지만 번역된 언어입니다. 브라우저에 내장된 JavaScript 변환기는 웹 브라우저용 JavaScript 코드를 번역하는 역할을 담당합니다.

자바스크립트란 무엇인가

JavaScript(js)는 여러 웹사이트에서 웹페이지를 스크립팅하는 데 사용되는 경량 객체 지향 프로그래밍 언어입니다. 이는 HTML 문서에 적용할 때 웹사이트에서 동적 상호 작용을 가능하게 하는 해석되고 완전한 기능을 갖춘 프로그래밍 언어입니다. Netscape Navigator 브라우저의 웹페이지에 프로그램을 추가하기 위해 1995년에 도입되었습니다. 그 이후로 다른 모든 그래픽 웹 브라우저에서 채택되었습니다. JavaScript를 사용하면 사용자는 매번 페이지를 다시 로드하지 않고도 직접 상호 작용하는 최신 웹 애플리케이션을 구축할 수 있습니다. 전통적인 웹사이트는 js를 사용하여 여러 형태의 상호작용성과 단순성을 제공합니다.

병렬 처리

그러나 JavaScript는 Java 프로그래밍 언어와 연결되지 않습니다. 자바가 시장에서 인기를 끌던 시기에 제안되고 제공된 이름이다. 웹 브라우저 외에도 CouchDB 및 MongoDB와 같은 데이터베이스는 JavaScript를 스크립팅 및 쿼리 언어로 사용합니다.

자바스크립트의 특징

JavaScript에는 다음과 같은 기능이 있습니다.

  1. 널리 사용되는 모든 웹 브라우저는 내장된 실행 환경을 제공하므로 JavaScript를 지원합니다.
  2. JavaScript는 C 프로그래밍 언어의 구문과 구조를 따릅니다. 따라서 구조화된 프로그래밍 언어이다.
  3. JavaScript는 특정 유형이 암시적으로 캐스팅되는(작업에 따라) 약한 유형의 언어입니다.
  4. JavaScript는 상속을 위해 클래스를 사용하는 대신 프로토타입을 사용하는 객체 지향 프로그래밍 언어입니다.
  5. 가볍고 해석 가능한 언어입니다.
  6. 대소문자를 구분하는 언어입니다.
  7. JavaScript는 Windows, macOS 등을 포함한 여러 운영 체제에서 지원됩니다.
  8. 웹 브라우저를 통해 사용자에게 우수한 제어 기능을 제공합니다.

자바스크립트의 역사

1993년에는 모자이크 최초의 대중적인 웹 브라우저인 가 탄생했습니다. 에서 1994년 , 넷스케이프 에 의해 설립되었습니다 마크 안드레센 . 그는 웹이 더욱 역동적이 되어야 한다는 것을 깨달았습니다. 따라서 디자이너와 파트타임 프로그래머가 웹 디자인을 쉽게 할 수 있도록 HTML에 '글루 언어'가 제공된다고 믿었습니다. 이에 따라 1995년 회사는 인재를 채용했다. 브렌든 아이치 Scheme 프로그래밍 언어를 브라우저에 구현하고 내장하려고 합니다. 그러나 Brendan이 시작하기 전에 회사는 다음과 합병되었습니다. 썬 마이크로시스템즈 웹 기술 및 플랫폼을 놓고 Microsoft와 경쟁할 수 있도록 Navigator에 Java를 추가했습니다. 이제 Java와 스크립팅 언어라는 두 가지 언어가 있었습니다. 또한 Netscape는 스크립트 언어에 Java와 유사한 이름을 부여하기로 결정했습니다. 그것은 '자바스크립트'로 이어졌다. 마침내 1995년 5월 Marc Andreessen은 ''라는 이름의 최초의 Javascript 코드를 만들었습니다. 모카 '. 나중에 마케팅팀에서 이름을 ''로 바꾸었습니다. 라이브스크립트 '. 그러나 상표권 문제와 기타 다른 이유로 인해 1995년 12월 마침내 언어 이름이 'JavaScript'로 변경되었습니다. 그때부터 자바스크립트가 등장했습니다.

자바스크립트의 응용

JavaScript는 대화형 웹사이트를 만드는 데 사용됩니다. 주로 다음 용도로 사용됩니다.

  • 클라이언트 측 검증,
  • 동적 드롭다운 메뉴,
  • 날짜와 시간을 표시하고,
  • 팝업 창 및 대화 상자 표시(예: 경고 대화 상자, 확인 대화 상자 및 프롬프트 대화 상자),
  • 시계 등을 표시합니다.

자바스크립트 예

 document.write('Hello JavaScript by JavaScript'); 
지금 테스트해보세요

첫 번째 JavaScript 예제에 대한 자세한 설명은 다음 장에서 제공됩니다.


자바스크립트 인덱스


자바스크립트 튜토리얼

자바스크립트 기초

자바스크립트 객체

자바스크립트 BOM

  • 브라우저 개체
  • 1) 창 개체
  • 2) 히스토리 객체
  • 3) 네비게이터 객체
  • 4) 화면 개체

자바스크립트 DOM

  • 5) 문서 객체
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • JavaScript innerHTML 속성
  • JavaScript innerText 속성

자바스크립트 검증

자바스크립트 OOP

  • 자바스크립트 클래스
  • 자바스크립트 객체
  • 자바스크립트 프로토타입
  • JavaScript 생성자 메서드
  • JavaScript 정적 메소드
  • 자바스크립트 캡슐화
  • 자바스크립트 상속
  • 자바스크립트 다형성
  • 자바스크립트 추상화

자바스크립트 쿠키

  • 자바스크립트 쿠키
  • 쿠키 속성
  • 여러 이름을 가진 쿠키
  • 쿠키 삭제

자바스크립트 이벤트

    HTML/DOM 이벤트

자바스크립트 기타

  • JavaScript 이 키워드
  • 자바스크립트 디버깅
  • 자바스크립트 호이스팅
  • JavaScript 엄격 모드

자바스크립트 고급

문자열을 char로 변환 java
  • JavaScript TypedArray
  • 자바스크립트 세트
  • 자바스크립트 지도
  • 자바스크립트 WeakSet
  • 자바스크립트 위크맵

인터뷰 질문들

  • 자바스크립트 면접 질문

자바스크립트 메소드

자바스크립트 배열 객체

JavaScript DataView 객체

  • 자바스크립트 데이터뷰
  • DataView getFloat32() 메서드
  • DataView getFloat64() 메서드
  • DataView getInt8() 메서드
  • DataView getInt16() 메서드
  • DataView getInt32() 메서드
  • DataView getUint8() 메서드
  • DataView getUint16() 메서드
  • DataView getUint32() 메서드

JavaScript 함수 객체

  • 자바스크립트 기능
  • 함수 apply() 메소드
  • 함수 바인드() 메소드
  • 함수 호출() 메서드
  • 함수 toString() 메서드

JavaScript 날짜 객체

  • 자바스크립트 날짜
  • 날짜 getDate() 메소드
  • 날짜 getDay() 메서드
  • 날짜 getFullYears() 메소드
  • 날짜 getHours() 메서드
  • 날짜 getMilliseconds() 메서드
  • 날짜 getMinutes() 메서드
  • 날짜 getMonth() 메소드
  • 날짜 getSeconds() 메소드
  • 날짜 getUTCDate() 메소드
  • 날짜 getUTCDay() 메서드
  • 날짜 getUTCFullYears() 메서드
  • 날짜 getUTCHours() 메소드
  • 날짜 getUTCMinutes() 메소드
  • 날짜 getUTCMonth() 메소드
  • 날짜 getUTCSeconds() 메소드
  • 날짜 setDate() 메서드
  • 날짜 setDay() 메서드
  • 날짜 setFullYears() 메서드
  • 날짜 setHours() 메서드
  • 날짜 setMilliseconds() 메소드
  • 날짜 setMinutes() 메서드
  • 날짜 setMonth() 메서드
  • 날짜 setSeconds() 메서드
  • 날짜 setUTCDate() 메서드
  • 날짜 setUTCDay() 메서드
  • 날짜 setUTCFullYears() 메서드
  • 날짜 setUTCHours() 메서드
  • 날짜 setUTCMilliseconds() 메서드
  • 날짜 setUTCMinutes() 메서드
  • 날짜 setUTCMonth() 메서드
  • 날짜 setUTCSeconds() 메서드
  • 날짜 toDateString() 메서드
  • 날짜 toISOString() 메소드
  • 날짜 toJSON() 메서드
  • 날짜 toString() 메소드
  • 날짜 toTimeString() 메서드
  • 날짜 toUTCString() 메소드
  • 날짜 valueOf() 메서드

JavaScript 핸들러 객체

  • 자바스크립트 핸들러
  • 핸들러 apply() 메소드
  • 핸들러 constructor() 메서드
  • 핸들러 정의Property() 메소드
  • 핸들러 deleteProperty() 메소드
  • 핸들러 get() 메소드
  • 핸들러 getOwnPropertyDescriptor() 메소드
  • 핸들러 getPrototypeOf() 메소드
  • 핸들러 has() 메소드
  • 핸들러 isExtensible() 메소드
  • 핸들러 ownKeys() 메소드
  • 핸들러 PreventExtensions() 메소드
  • 핸들러 set() 메소드
  • 핸들러 setPrototypeOf() 메소드

자바스크립트 JSON 객체

  • 자바스크립트 JSON
  • JSON.parse() 메서드
  • JSON.stringify() 메서드

JavaScript 지도 객체

  • 자바스크립트 지도
  • 지도 지우기() 메서드
  • 지도 delete() 메소드
  • 맵 항목() 메서드
  • Map forEach() 메서드
  • 지도 get() 메서드
  • 지도 has() 메서드
  • 맵 키() 메서드
  • 지도 set() 메서드
  • 값 매핑() 메서드

JavaScript 수학 객체

  • 자바스크립트 수학
  • 수학 ABS() 메서드
  • 수학 acos() 메서드
  • 수학 asin() 메서드
  • 수학 atan() 메서드
  • 수학 cbrt() 메서드
  • 수학 ceil() 메서드
  • 수학 cos() 메서드
  • 수학 cosh() 메서드
  • 수학 exp() 메서드
  • 수학 바닥() 메서드
  • 수학 hypot() 메서드
  • 수학 log() 메서드
  • 수학 max() 메서드
  • 수학 min() 메서드
  • 수학 pow() 메서드
  • 수학 무작위() 메서드
  • 수학 round() 메서드
  • 수학 기호() 메서드
  • 수학 sin() 메서드
  • 수학 sinh() 메서드
  • 수학 sqrt() 메서드
  • 수학 tan() 메서드
  • 수학 tanh() 메서드
  • 수학 trunc() 메서드

JavaScript 숫자 객체

  • 자바스크립트 번호
  • 숫자 isFinite() 메서드
  • 숫자 isInteger() 메서드
  • 숫자 구문 분석Float() 메서드
  • 숫자parseInt() 메소드
  • 숫자 toExponential() 메서드
  • Number toFixed() 메서드
  • 숫자 toPrecision() 메서드
  • 숫자 toString() 메서드

JavaScript RegExp 객체

  • 자바스크립트 정규식
  • RegExp.exec() 메서드
  • RegExp.test() 메서드
  • RegExp.toString() 메서드

자바스크립트 객체

10ml ~ 온스
  • 자바스크립트 객체
  • 객체.할당() 메서드
  • Object.create() 메서드
  • Object.defineProperty() 메서드
  • Object.defineProperties() 메서드
  • Object.entries() 메서드
  • Object.freeze() 메서드
  • getOwnPropertyDescriptor() 메서드
  • getOwnPropertyDescriptors() 메서드
  • getOwnPropertyNames() 메서드
  • getOwnPropertySymbols() 메서드
  • Object.getPrototypeOf() 메서드
  • Object.is() 메서드
  • 방지확장() 메서드
  • Object.seal() 메서드
  • Object.setPrototypeOf() 메서드
  • Object.values() 메서드

JavaScript 반사 객체

  • 자바스크립트 반영
  • Reflect.apply() 메서드
  • Reflect.construct() 메서드
  • Reflect.defineProperty() 메서드
  • Reflect.deleteProperty() 메서드
  • Reflect.get() 메서드
  • getOwnPropertyDescriptor() 메서드
  • Reflect.getPrototypeOf() 메서드
  • Reflect.has() 메서드
  • Reflect.isExtensible() 메서드
  • Reflect.ownKeys() 메서드
  • 방지확장() 메서드
  • Reflect.set() 메서드
  • Reflect.setPrototypeOf() 메서드

JavaScript 세트 객체

자바스크립트 문자열 객체

  • 문자열 charAt() 메서드
  • 문자열 charAt() 메서드
  • 문자열 charCodeAt() 메서드
  • 문자열 연결() 메서드
  • 문자열 indexOf() 메서드
  • 문자열 lastIndexOf() 메서드
  • 문자열 검색() 메서드
  • 문자열 일치()
  • 문자열 교체() 메서드
  • 문자열 substr() 메서드
  • 문자열 하위 문자열() 메서드
  • 문자열 슬라이스() 메서드
  • 문자열 toLowerCase() 메서드
  • toLocaleLowerCase() 메서드
  • 문자열 toUpperCase() 메서드
  • toLocaleUpperCase() 메서드
  • 문자열 toString() 메서드
  • 문자열 valueOf() 메서드

JavaScript 기호 객체

  • 자바스크립트 기호
  • Symbol.for() 메서드
  • Symbol.keyFor() 메서드
  • Symbol.toString() 메서드

기호 속성

  • Symbol.hasInstance 속성
  • isConcatSpreadable 속성
  • Symbol.match 속성
  • Symbol.prototype 속성
  • Symbol.replace 속성
  • Symbol.search 속성
  • Symbol.split 속성
  • Symbol.toStringTag 속성
  • Symbol.unscoables 속성

JavaScript TypedArray 객체

  • JavaScript TypedArray
  • TypedArray copyWithin() 메서드
  • TypedArray 항목() 메서드
  • TypedArray 모든() 메서드
  • TypedArray fill() 메서드
  • TypedArray 필터() 메서드
  • TypedArray find() 메서드
  • TypedArray findIndex() 메서드
  • TypedArray forEach() 메서드
  • TypedArray include() 메서드
  • TypedArray indexof() 메서드
  • TypedArray Join() 메서드
  • TypedArray Keys() 메서드
  • TypedArray lastIndexof() 메서드
  • TypedArray map() 메서드
  • TypedArray 감소() 메서드
  • TypedArray ReduceRight() 메서드
  • TypedArray reverse() 메서드
  • TypedArray set() 메서드
  • TypedArray Slice() 메서드
  • TypedArray some() 메서드
  • TypedArray sort() 메서드
  • TypedArray 하위 배열() 메서드
  • TypedArray 값() 메서드
  • toLocaleString() 메서드
  • TypedArray toString() 메서드

JavaScript WeakMap 객체

연월
  • 자바스크립트 위크맵
  • WeakMap delete() 메서드
  • WeakMap get() 메서드
  • WeakMap has() 메서드
  • WeakMap set() 메서드

JavaScript WeakSet 객체

  • 자바스크립트 WeakSet
  • WeakSet add() 메소드
  • WeakSet delete() 메소드
  • WeakSet has() 메소드

전제 조건

JavaScript를 심도있게 배우기 전에 HTML에 대한 기본 지식이 있어야 합니다.

청중

우리는 초보자와 전문가 모두를 위해 이 JavaScript 튜토리얼을 개발했습니다. JavaScript 편집기에는 많은 예제가 제공됩니다. 따라서 JavaScript 코드를 쉽게 편집할 수 있어 JavaScript를 쉽게 배울 수 있습니다.

문제

우리는 JavaScript 튜토리얼에서 어떤 문제도 발견하지 못할 것이라고 확신합니다. 하지만 실수를 발견하면 댓글 섹션에 게시할 수 있습니다.