본문 바로가기

Study/JavaScript

(6)
[JavaScript] 태그선택과 이벤트리스너 기본지식 HTML : 화면 요소 담당 CSS : 요소의 디자인 담당 JavaScript : 프로그램의 동작을 담당 기본화면만들기 대화창 - prompt, alert, confirm HTML 태그 선택하기 - querySelector / querySelectorAll 이벤트 리스너 - 콜백함수 기본 화면 만들기 -word-replay.html 1번째 참가자 제시어 : 입력 파일탐색기로 해당 파일을 누르거나 F5를 눌러 웹페이지에 화면을 그릴 수 있다. -실행결과 대화창 - prompt, alert, confirm 대화박스 - prompt() const number = parseInt(prompt("몇 명이 참가하나요?"), 10); // 숫자 10은 10진법을 의미 사용자의 입력을 기다리는 대화상자를 띄운..
[JavaScript] 객체 - 함수, 객체 리터럴 함수 매개변수(parameter)와 인수(argument) 객체 리터럴 리터럴 값에 접근하기 배열과 함수가 객체인 이유 객체 간의 비교 참조(reference)와 복사 함수 function() {} () => {} // 화살표함수 함수를 생성하는 방법은 function 예약어를 사용하거나 =>(화살표) 를 사용하는 방법이 있다. 이름을 붙이지 않은 함수는 다른 곳에서 호출하는 것이 불가능하다. function name1() {} // 함수선언문 const name2 = function() {} // 함수표현식 const name3 = () => {} // 화살표 함수 // 함수 선언에는 세미콜론을 붙이지 않는다. 함수 선언문 : function 키워드 뒤에 함수 이름을 넣는 방식 함수 표현식 : 함수를 ..
[JavaScript] 객체 - 배열 객체 배열 배열에 요소 추가하기 - unshift, push 배열 요소 제거하기 - pop, shift, splice 배열에서 요소 찾기 - includes, indexOf 객체(object) 객체 배열 함수 배열이나 함수가 아닌 객체 배열 배열 내부에 든 값을 요소라고 한다. 변수도 배열의 요소가 될 수 있다. 배열의 요소는 자료형이 일치하지 않거나 값이 중복될 수 있다. 배열의 length 데이터 속성은 요소의 개수를 반환한다. const a = 10 const b = 20 const variableArray = [a, b, 30] variableArray[0] // 10 (a의 값) // 변수도 배열에 넣을 수 있다. const everyting = ['한글', 1, undefined, null, ..
[JavaScript] 논리연산자 변수 논리연산자 빈값(undefined, null) 변수 let 상수 const 변수 var 별 찍기 repeat(count) 논리연산자 Boolean() 매개변수로 사용되는 값의 참/거짓 여부를 반환한다. 문자열 또는 숫자의 bool값을 알고 싶은 경우 Boolean을 사용하여 형변환을 한다. Boolean('a') // true false를 반환하는 값들 빈값,0(false), NaN, undefined, null은 false를 반환한다. Boolean대신 !!를 사용해도 같은 결과를 얻을 수 있다. !!'a' // true !!'' // false !!' ' // true !!0 // false !!'0' // true !!NaN // false !!undefined // false !!null // f..
[JavaScript] 문자열 숫자 boolean 값비교 문자열 숫자 - parseInt, NaN 문자열을 숫자로 바꾸기 산술 연산자 무한값 형변환 실수계산 불값 - boolean == 와 === 의 차이 문자열 값(value) 프로그램이 조작할 수 있는 데이터. 값에는 여러 가지 종류가 있으며 이런 값의 종류를 자료형(data type)이라고 한다. 백틱 ( ` ) 백틱을 사용하면 문자열 줄 바꿈을 위해 '\n'을 적어주거나 문자열을 이어 주기 위해 '+'를 사용할 필요가 없다. 백틱 내에서 줄이 바뀌면 알아서 줄 바꿈 출력이 된다. typeof typeof 연산자는 피연산자의 평가 전 자료형을 나타내는 문자열을 반환한다. typeof '문자열' // "string" typeof '' // "string" 백틱, 따옴표, 백슬래시 출력 문자열 합치기 1+1 ..
[JavaScript] 참고페이지 참고페이지 https://thebook.io/080270/ Let's Get IT 자바스크립트 프로그래밍 더북(TheBook): (주)도서출판 길벗에서 제공하는 IT 도서 열람 서비스입니다. thebook.io https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼 ..