본문 바로가기
728x90
300x250
SMALL

javaScript/J Query & 스크립트138

const 상수 배열 선언시 변경 지난 포스팅에서 var let const 차이점을 각각 알아봤다. https://moo-you.tistory.com/477 var let const 차이 자바 스크립트에서 변수를 사용할 때 var let을 사용한다. 같은 변수이지만 각각 차이점을 가지고 있다. var var test = 200; document.write(test," ") //200 var test = 300; document.write(test," ") //300 t.. moo-you.tistory.com const는 상수 즉 변하지 않는 수 이지만 상수로 선언된 배열과 객체 내부의 값은 변경이 가능하다. const myArray = ['김밥','떡볶이','라면']; myArray[0] = '튀김' 위의 예시와 같이 const로 선언된.. 2022. 2. 15.
== === 차이점 (JavaScript) 자바스크립트에서 ==과 ===의 차이를 알아보자 자바스크립트에는 문자, 숫자등의 타입이 존재하는데 ==은 타입이 다르더라도 값이 같으면 같은 데이터로 간주 한다. 예시를 보자 console.log(10=='10'); //값은 true 위와 같이 앞에는 숫자 10이고 뒤에는 문자 10이지만 ==이 2개 일 경우 타입에 상관없이 데이터만 같다면 true를 반환한다. console.log(10==='10'); //false 반환 만약 ===일 경우에는 두 개의 데이터 값은 같아도 타입이 다르기 때문에 false를 반환한다. 다르면 true를 반환하는 !=과 !==도 마찬가지이다. 2022. 2. 14.
자바스크립트 async vs defer async vs defer의 차이를 알기 위해서 자바스크립트를 HTML 문서에 포함하는 여러가지 방법을 알아보겠습니다. 1. 영역에 script 태그 포함 이 경우에는 사용자가 html파일을 다운 받았을때 브라우저는 한줄한줄 parsing 과정을 거치게 됩니다. 위에서 부터 한줄씩 차례로 분석해서 내려오다가 script 태그를 만나면 html parsing을 멈추고 필요한 자바스크립트 파일을 서버에서 다운받고(fetching js) 다운받은 파일을 실행 합니다.(excuting js) 그리고 다시 이어서 나머지 html을 parsing 합니다. parsing html fetching js excuting js parsing html 문제점 : 만약 js파일이 아주 클 경우 다운받는 오랜시간 동안 사용자는.. 2022. 2. 12.
var let const 차이 자바 스크립트에서 변수를 사용할 때 var let을 사용한다. 같은 변수이지만 각각 차이점을 가지고 있다. var var test = 200; document.write(test," ") //200 var test = 300; document.write(test," ") //300 test = 400; document.write(test," ") //400 위의 예시를 살펴보면 test 변수에 초깃값 200을 설정하였으나 다시 300으로 재설정하였을 때 300으로 변경되는 걸 확인할 수 있다. 또 새로운 값 400을 넣었을 때도 문제없이 변경되는 걸 확인할 수 있다. 이렇게 변수를 재선언할때 마다, 값을 변경할 때마다 아무런 에러 없이 변경되면 간단한 테스트에는 편리할 수 있으나 여러 명이 함께하는 복잡.. 2022. 2. 9.
728x90
반응형
LIST