웹/JavaScript 6

[JavaScript] function 에서의 세미콜론(;)

※배워가고 있는 학생입니다. 틀린 부분이 있다면 댓글로 피드백 부탁드려요😆 1) 개요 진짜 별거 아닌데, 가끔씩 자바스크립트 문법에서 세미콜론을 붙이냐 안 붙이냐 를 고민한 적이 좀 있다. 그래서 이참에 헷갈리는 거 정리해보려고 한다! 원칙은 아니고, 권고사항이니 참고만 해라! 2) 문법 1. 함수 선언문(function statement)와 함수 표현식(function expression) 함수 선언문 - 함수 끝에 세미콜론을 붙이지 않음 함수 표현식 - 세미콜론을 붙이는 것을 권장 //함수 선언식 function add(x,y){ return x+y; } //함수 표현식 const add = (x,y) => { return x+y; }; 똑같은 식을 함수 선언식과 함수 표현식으로 나타낸 것이다. 하나..

웹/JavaScript 2021.07.20

[JavaScript] 클릭한 요소 인덱스 구하기 (querySelectorAll, onclick...)

querySelectorAll을 쓰면서 가끔 겪는 문제가 있다. 선택한 요소 중 특정 요소만 효과를 주고 싶은데, 그러면 그 요소의 인덱스를 알아야 한다는 것! 그래서 구글링을 해보다가 할 수 있는 방법을 찾았긴 찾았다. 이게 과연 성능 등을 고려해도 좋은지는 모르겠지만....! 그래도 오늘의 성과이니 기록해두려고 한다. 아래의 예제는 모든 button 요소들을 저장한 buttons 에서, 내가 클릭한 인덱스(buttons[n])의 요소가 가지고 있는 textContent를 alert 창으로 띄우는 기능이다. const buttons=document.querySelectorAll('button'); for(let i=0;i{ alert(buttons[idx].textContent); } })(i); } ..

웹/JavaScript 2021.06.26

[JavaScript] 숫자 자료형(number)

※배워가는 학생입니다. 틀린 부분이 있다면 댓글로 피드백 부탁드려요😁 1) 자바스크립트 자료형 자바스크립트의 자료형은 크게 기본 타입과 참조 타입으로 나뉨 - 기본 타입 : 숫자, 문자열, 불린값, undefined, null - 참조 타입 : 객체 (배열, 함수, 정규표현식) 2) 숫자 c언어와 같은 경우에 int, long, float, double 등 정수냐 실수냐에 따라 다양한 숫자타입이 존재하지만, 자바스크립트의 경우에는 딱 하나의 숫자형, number 만 존재한다. let intNum=10; let floatNum=0.5; console.log(typeof intNum); // number console.log(typeof floatNum); //number 자바스크립트에서는 모든 숫자를 64..

웹/JavaScript 2021.06.15

[JavaScript] undefined vs null (undefined과 null의 차이점)

※배워가고 있는 학생입니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다😁 자바스크립트 데이터 타입 중 null과 undefined의 차이를 잘 몰라서 정리해두려고 한다. 사실 그렇게까지 중요한지는 잘 모르겠지만 .. 그냥 궁금해서 찾아보았다! 배우는 입장에서 중요하고 중요하지 않고를 따져가면서 하기엔 넘 건방지니까,, null과 undefined는 모두 자바스크립트에서 '값이 비어있음'을 나타낸다 1) undefined - 값이 할당되지 않은 변수의 기본값. 즉, 변수를 선언할 때 값을 대입하지 않으면 undefined로 저장 - 반환할 결과값이 없을 때. - 타입이자, 값 let empty; //undefined console.log(typeof empty); //undefined 2) null - ..

웹/JavaScript 2021.06.15

[JavaScript] typeof 연산자

1) typeof 인수의 자료형을 반환해주는 typeof 연산자는 두가지 형태의 문법을 지원한다. 1) 연산자: typeof x 2) 함수: typeof (x) 괄호의 여부에 상관없이 결과는 동일하다. typeof undefined // "undefined" typeof 0 // "number" typeof 10n // "bigint" typeof true // "boolean" typeof "foo" // "string" typeof Symbol("id") // "symbol" 2) 각 타입별 typeof 연산자 결과 타입 자료형 결과 기본 타입 숫자 number 기본 타입 문자열 string 기본 타입 불린값 boolean 기본 타입 null object 기본 타입 undefined undefined..

웹/JavaScript 2021.06.05

[JavaScript] 진수변환 toString() / parseInt()

배워가는 학생입니다. 틀린 부분이 있다면 댓글로 알려주시면 감사하겠습니다!🤗 알고리즘 문제 중에, 진수변환 문제가 종종 있다. 나는 이걸 여태까지는 직접 % 를 통해 구해왔었는데, 자바스크립트 함수로 이를 쉽게 변환할 수 있다는 사실을 알고 정리해보려고 한다! 1) toString() numObj.toString(radix) - radix: 2~26 사이의 정수 중, 변환하고자 하는 수가 몇진수인지 적어주면 된다. 만약, 2~26 사이의 값이 아니라면 에러가 발생한다. 10진수를 다른 진수로 변환할 때 사용한다. 원래의 toString()은 '특정 객체를 문자열로 반환해주는' 함수이지만, 특정 진수로 변환하고자 할 때에는 이렇게 사용하면 특정 진수로 변환해준다. 즉, 변환하고 자 하는 수.toString..

웹/JavaScript 2021.05.20
728x90