JS문법
1.QUOTES
10개의 명언을 랜덤으로 내 website에 띄우고자 할때 사용하는 방법에 대한 내용.먼저 10개의 명언을 array로 묶었을때 0번~9번까지 숫자를 주는 function이 필요한데이때 Math Moudule을 사용함. javascript에 기본적으로 포함되어 있는 기
2.Background
website에 배경화면을 랜덤으로 띄우는 방법에 대한 설명임.quotes편에서 기술한 내용과 거의 동일함.내가 띄우고자하는 이미지들을 array시켜놓고 아래 코드대로 작성지금까지는 javascript를 이용해서 html에서 무언가를 가져왔는데아직 javascript에
3.weather, location
s
4.👁🗨javascript(변수, 데이터, 함수, 조건문)
let : 재선언이 불가능함으로써 실수를 방지할 수 있다. / 재할당은 가능하고 범위는 모든 중괄호가 범위임.const : 재선언, 재할당이 불가능하다. (그래서 변하면 안되는 값을 보관하기 용이함.) / 범위는 let과 같음.var : 재선언, 재할당이 가능하며 범위
5.👁🗨javascript(DOM, 이벤트리스너, 이벤트 버블링, classList, Jquery)
const title = document.getElementById("title")title.innerText = "got you!"html에서 해당하는 태그의 모든 내용을 array형식으로 가지고 오기 때문에 원하는 하나의 태그만 가지고 오지 못함.class이름으로
6.👁🗨javascript(애니메이션(apple music ui), 클릭횟수, setTimeout, setInterval 함수, includes 함수, 정규식(문자검사))
ㅇㅇ
7.👁🗨javascript(캐러셀 만들기, 스크롤바 만들기, 케러셀에 스와이프 기능추가)
ㅇ
9.👁🗨javascript(js로 html태그 생성,Ajax, sticky 포지션, switch문법)
ㅇ
10.조건문 Nesting
각각 따로 조건문을 만들면 결과가 2번 나오게 되는데 사용자 입장에서 상당히 번거로움.보통은 사용자에게 한번에 하나의 피드백만 제공함.아래와 같은 경우인데..중첩하면 약간 코드가 무거워질 수 있음.
11.Truth-y와 False-y
false0""(empty string)nullundefinedNaN위 코드의 결과는 false\~~
12.논리연산자 AND
AND는 &&로 표현할 수 있다.문장 전체가 참이 되려면 왼쪽과 오른쪽이 모두 참이어야 함.예시)조건문을 중첩하지 않아도 2가지 논리를 확인할 수 있다.password.length >= 6 && password.indexOf(' ') === -1는 입력한 비밀번호의 길
13.논리연산자 OR
OR의 기호는 ||
14.논리연산자 NOT
!null : true!(0 === 0) : false!(3 <= 4) : falseNOT은 두 표현식을 결합하지는 않지만 표현식에 작용해서 값을 반전시키는 역할을 함.거짓이었던 것을 참으로, 참이었던 것을 거짓으로.구문에서 ! 하나는 'NOT' 을 뜻함.참인 무
15.[].forEach메서드에 대해
arr 객체의 요소들이 callback 함수에 순서대로 호출되는 모습forEach는 return이 없다. 즉, callback 함수에 의해서 어떤 결과물을 내놓고 싶으면 함수 밖의 변수를 사용해야..forEach의 callback 함수에는 배열의 요소 뿐만아니라 ind