15호의 개발자

[JavaScript] 자바스크립트 놓치기 쉬운 기본 개념들 1. const vs let const는 상수를 입력할 때 쓰인다. 상수란 변하지 않는 값으로, 한 번 정하면 나중에 바꿀 수 없다. const a = 5; console.log(a+a) // 10 const a = 10; console.log(a+a) // Assignment to constant variable. 에러 위의 예시처럼 a를 const로 정해놓고 5를 입력했으면 이후 이 값은 바뀔 수 없다. 이 a값을 10으로 바꾸려 했더니 Assignment to constant variable. 에러가 떴고, 이는 상수값에 값을 적용하려 했다는 의미의 에러이다. 값을 마음껏 변경하고 싶은 변수값을 입력하려면 const가 아닌 let을 이용해..

[JavaScript] parseFloat() 사용법 parseFloat()는 문자열을 부동소수점(실수)으로 변환해주는 함수이다. 형식은 다음과 같다. parseFloat( string ) 띄어쓰기로 여러 개의 숫자가 이어져 있으면, 첫 번째 숫자만 바꾼다. 첫 문자가 숫자가 아닌 경우, NaN을 반환한다. (숫자로 변환할 수 있는 값도 해당됨) (ex) string = '12.345' 인 경우 : 12.345 반환 string = '12.345abcde' 인 경우 : 12.345 반환 string = "12.345 7.789" 인 경우 : 12.345 반환 string = "abc 12.345" 인 경우 : NaN 반환

[JavaScript] return문 설명 return은 함수에서 반환하는 값을 정할 때 사용한다. return 반환값; function add(num1, num2) { add = num1 + num2; return add; } 위와 같이 코드를 짜면 add(=num1+num1) 값이 반환된다. num1=1, num2=2 이면 add=3이므로 3이 반환된다. 하지만, return 뒤에 add가 아닌 0을 입력하면, num1과 num2을 더한 add 값이 5이든 100이든 1000이든 항상 0이 반환되게 된다. function add(num1, num2) { add = num1 + num2; return 0; } 또한, return 뒤에 아무것도 입력하지 않으면 add에 num1과 num2를 더한 값이 저..

[JavaScript] ===와 ==의 차이 (Identity vs Equality) == (Equality) 같음을 비교할 때 쓰이며, 같으면 true, 다르면 false를 반환한다. 타입 검사는 하지 않는다. === (Identity, Strict Equality) ===는 Identity라고 부르며, Strict Equality라고도 부른다. 즉, 같음을 비교할 때 ==보다 더 엄격하게 한다. 타입 검사도 하므로 같은 형식이어야 한다. 1 2 3 4 5 6 7 8 9 10 123 == '123' // true 123 == new String("123") // true '123' == new String("123") // true null == undefined // true 123 === '123'..

[JavaScript] innerText 사용법 element.innerText; element 내부에 있는 text 값을 가져올 때 주로 쓴다. ex) title명을 바꾸고 싶으면 아래와 같이 입력하면 된다. title.innerText = "바꿀 내용"; element.innerHTML; element 내부에 있는 HTML 값을 가져올 때 주로 쓴다. HTML 구조까지 모두 가져온다.

[JavaScript] document.querySelector() 사용법 HTML, CSS, JavaScript(JS)를 이용해서 웹사이트를 만들 때, JS를 이용해서 html의 클래스와 태그를 조종할 수 있어야 한다. 이때 document.querySelector() 를 이용한다. (main.js) const myElement = document.querySelector('.className'); 주의할 점은, 동일한 클래스명을 가진 요소가 여러 개 있을 경우 html 문서 내에서 가장 먼저 나타나는 요소를 선택자로 반환하게 된다.