자바스크립트

[JavaScript] Boolean 활용하기

용어 설명 undefined와 null null은 비어있는 값이고, undefined는 변수에 아무것도 할당되지 않았을 때의 값이다 자바스크립트에서는 변수의 선언과 초기화를 동시에 하지 않아도 되기 때문에, 선언만 된 변수는 undefined라는 값을 갖게 된다 let n = null; let u; console.log(n); console.log(u); null undefined NaN (Not a Number) NaN은 'Not a Number'의 약자이며, 숫자가 아닌 것을 숫자로 표현하려 할 때 반환된다 let n = parseInt('abcd'); console.log(n); NaN false와 true로 간주되는 것들 자바스크립트 if문이나 while문의 조건 부분에는 Boolean이 아닌 다..

[JavaScript] 다양한 자바스크립트 스타일 가이드

W3Schools JavaScript 스타일 가이드 JavaScript Style Guide W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 깃허브 인기 JavaScript 스타일 가이드 GitHub - rwaldron/idiomatic.js: Principles of Writing Consistent, Idiomatic JavaScript Principles of Wri..

[JavaScript] 자바스크립트 Date 정리

날짜와 관련된 프로그램은 Date 객체를 활용해 만들 수 있다 객체 만들기 우선 객체를 만들어야 활용할 수 있으며, 두 가지 방법이 있다 현재 날짜로 설정 파라미터 없이 new Date()를 하면 현재 날짜로 설정되어 있는 Date 객체가 생성되어 리턴된다 let date = new Date(); 원하는 날짜로 설정 파라미터를 써주면 원하는 날짜로 설정할 수 있다 만약 날짜만 쓸 경우, 0시 0분 0초로 지정된다 // 2022년 1월 11일 18시 50분 30초 let date1 = new Date('Jan 11, 2022 18:50:30'); let date2 = new Date('2022-01-11T18:50:30'); // 1999년 03월 02일 (날짜만) let date3 = new Date('..

[JavaScript] 자바스크립트 Array 정리

배열의 길이 length 속성은 배열의 길이를 담고 있다 let brands = ['Apple', 'Coca-Cola', 'Starbucks']; console.log(brands.length); 3 배열에서 특정 값 찾기 문자열에서 사용했던 indexOf가 배열에서도 똑같이 동작한다 array.indexOf(item)을 하면 array배열에 item이 포함되어 있는지 확인할 수 있다 만약 포함되어 있다면, item이 있는 인덱스가 리턴된다 포함되어 있지 않다면, -1이 리턴된다 여러 번 포함되어 있으면, 처음 발견된 인덱스가 리턴된다 let brands = ['Apple', 'Coca-Cola', 'Starbucks']; console.log(brands.indexOf('Starbucks')); con..

[JavaScript] 자바스크립트 String 정리

문자열의 길이 length 속성은 문자열의 길이를 담고 있다 let str = 'Codeit'; console.log(str.length); 6 특정 인덱스의 문자 받아오기 str.charAt(index)를 하면 문자열 str의 index 인덱스에 있는 문자를 받아올 수 있다 let str = 'Codeit'; console.log(str.charAt(2)); d 문자열 안에서 다른 문자열 검색 str.indexOf(searchValue)를 하면 문자열 str 내에 문자열 searchValue가 포함되어 있는지 확인할 수 있다 만약 포함되어 있다면, 문자열이 시작되는 문자의 인덱스가 리턴된다 포함되어 있지 않다면, -1이 리턴된다 여러 번 포함되어 있으면, 처음 발견된 인덱스가 리턴된다 let str =..

[JavaScript] 자바스크립트 Math 정리

절댓값 (Absolute Number) Math.abs(x)를 하면 x의 절댓값 리턴 console.log(Math.abs(-10)); console.log(Math.abs(10)); 10 10 최댓값 (Maximum) Math.max 함수에 파라미터로 여러 수를 넘겨주면, 그 중 가장 큰 값 리턴 console.log(Math.max(2, -1, 4, 5, 0)); 5 최솟값 (Minimum) Math.min 함수에 파라미터로 여러 수를 넘겨주면, 그 중 가장 작은 값 리턴 console.log(Math.min(2, -1, 4, 5, 0)); -1 거듭제곱 (Exponentiation) Math.pow(x, y)를 하면 x의 y승의 결과값 리턴 console.log(Math.pow(2, 3)); con..

제이쿼리(jQuery) 설치 및 사용법

"write less, do more." 적게 작성하고, 많은 것을 하자 제이쿼리(jQuery)란? 제이쿼리(jQuery)는 웹 사이트에 자바스크립트를 쉽게 활용할 수 있도록 만들어주는 오픈소스 기반의 자바스크립트 라이브러리이다. 2006년 미국의 존 레식(John Resig)에 의해 뉴욕 시 바캠프에서 공식적으로 소개되었다. 작지만 풍부한 기능을 강점으로 여러 자바스크립트 라이브러리 중 높은 점유율을 보였으며 전 세계 개발자 설문 조사 StackOverflow Developers Survey 2020에 따르면 jQuery는 개발자 사이에서 가장 많이 사용되는 웹 프레임워크로 1위를 차지했다. 그러나 현재는 웹브라우저 환경의 변화(Google Chrome), 가상 DOM을 사용하는 리액트(React.js..