728x90

Frontend/JavaScript 15

[js] ==와 ===의 차이점과 비교연산자

js는 ==, === 2개의 동등 비교 연산자가 있다 == : 동등연산자 === : 엄격한 일치연산자 로 부른다 다음과 같이 ==는 값만 같으면 true, ===는 값과 데이터 타입까지 같아야 true를 반환한다 console.log('1' == 1) //true console.log('1' === 1) //false console.log(null == undefined) // true console.log(null === undefined) // false console.log(0 == "") // true, 빈문자열과 0은 false이기 때문 console.log(0 === "") // false, 위와 같지만 데이터 타입이 다름 배열과 객체의 경우에는 어느경우에도 해당하지 않는다 왜냐하면 배열이나 ..

Frontend/JavaScript 2024.04.07

[js] &&와 || 의 활용법 : 단락회로평가

프로그래밍을 막 처음 배우기 시작하던 시절부터 많이 봤던 &&와 ||이다 전통적인 프로그래밍 관점에서 이 둘은 논리연산자로 AND와 OR을 의미한다 AND연산자는 2개의 값이 모두 참이면 true 반환하고 아니면 false, OR연산자는 2개의 값중 어느 한 값만 참이면 true 반환하고 아니면 false이다 AND연산자 console.log(true && true) //true console.log(true && false) //false console.log(false && false) //false OR연산자 console.log(true || false) //true console.log(true && false) //true console.log(false && false) //false 이렇게..

Frontend/JavaScript 2024.03.01

[js] jquery

자바스크립트의 특징이자 단점인데 하나하나 뜯어보면 알아보기 직관적이지만 코드 자체가 매우 길고 더럽다... vue나 react같은 프레임워크 쓰는거와 마찬가지로 jquery를 써보자 jquery는 간단하게 설치 후 사용할 수 있다 이렇게 스크립트 태그를 쓰고 이 밑에서 jquery 문법을 사용하면 된다 jquery 써서 html 변경하고 싶을 때 안녕 jquery 써서 스타일 변경하고 싶을 때 안녕 등 이런식으로 jquery 문법을 사용 가능하다 정리하면 $() 를 사용할수 있게 되고 이것은 querySelector와 동일한 기능을 한다 $를 사용하면 이 뒤는 jquery 함수를 붙여야된다( $('hi').innerHTML이런식 안된다는 소리 ) 아래 예시와 같이 $()는 querySelector와 다르..

Frontend/JavaScript 2023.09.04

[js] 콜백 함수, 콜백 지옥

콜백 함수는 다른 함수에 매개변수로 전달되어 그 함수의 실행이 끝난 후 호출되는 함수이다주로 비동기 작업을 처리하거나, 특정 이벤트가 발생했을 때 주로 사용된다 function func(callback) { callback();}function callback() { console.log("hello");}func(callback); //hello  콜백함수는재사용성비동기 처리에서 장점이 나타난다  재사용성 예시function repeat(count) { for (let idx = 0; idx  이렇게 유사한 함수를 아래와 같이 콜백함수를 이용하여 재사용성있게 사용할 수 있다function repeat(count, callback) { for (let idx = 0; idx console.l..

Frontend/JavaScript 2023.09.04

[js] 변수에 데이터저장하는 방식의 차이(배열, 객체 vs 기본 데이터 타입)

변수에 배열과 객체를 저장하는 방식과 기본 데이터 타입을 저장하는 방식은 js에서 차이가 있다 이는 값이 직접 저장되는가, 참조에 의해 저장되는가 에 대한 차이이다 기본 데이터의 저장 기본 데이터 타입을 변수에 저장하면 js는 실 제 값을 변수에 직접 저장한다 다른 변수에 할당할 때, js 는 값을 복사한다 let a = 10; let b = a; a = 20; console.log(a) // 20 console.log(b) // 10 위와 같이 a의 값을 변경해도 b에 영향을 주지 않는다, 이는 값을 복사했기 때문 배열과 객체의 저장 객체와 배열은 변수에 참조로 저장된다. 객체나 배열을 생성할 때, 실제 데이터는 메모리 어딘가에 저장되고 변수는 실제 데이터가 아닌 그 메모리 위치를 가르키는 주소를 가지..

Frontend/JavaScript 2023.09.03
728x90