코딩하는 마멋

Variables - 기본적으로 const 사용, 필요할 때만 let 사용 - const를 사용한 코드는 절대 바뀌지 않는 것을 알 수 있고, let을 사용한 코드는 바뀔 가능성이 있다는 것을 알게해줌 문제 제기 console.log(5+2); console.log(5*2); console.log(5/2); // 결과 7 10 2.5 위에서 아래 순서대로 출력 문제점 : 바꾸고 싶은 숫자가 있으면 직접 다 바꿔줘야함 해결방안 : 변수를 사용해서 바꾸기 간단하게 변경 var - 가장 기본적인 변수 선언 방식, 재할당이 가능하고 중복 선언이 가능하기때문에 더 늦게 선언된 변수가 적용된다 - 아무런 규칙이 없음 - 문제점 : 실수로 값을 업데이트해도 알려주지 않아서 처음 지정한 값 보호 불가능 - 이러한 문제..

객체란 코드가 많아지면 함수를 써서 정리하는데, 그 함수가 많아지면 객체를 활용해서 정리 예시 : document.querySelector document ➝ 객체 querySelector ➝ Method 기본 var coworkers = { "programmer" : "marmot", "designer" : "gooma" }; document.write("programmer : "+ coworkers.programmer+" "); document.write("designer : "+ coworkers.designer+" "); coworkers.bookkeeper = 'ada'; document.write("bookkeeper : "+ coworkers.bookkeeper+" "); /* 위 아래 같은..

document.querySelector('a') : 제일 처음 나오는 a 태그 출력 document.querySelectorAll('a') : 문서에 존재하는 전체 a (노드 리스트) 출력 ➝ 배열은 아니지만 배열이라고 생각 alist[n]에 들어간 수의 순서에 맞는 a 태그 출력 반복문 while을 활용하여 a 태그를 모두 출력 활용 var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length) { alist[i].style.color = 'powderblue'; i = i + 1; } 위 코드를 클릭시 버튼의 이름과 배경, 글씨색이 바뀌는 if 조건문에 대입시 글씨색을 바꿀 수 있음 예시 결과 : (작동 x) 클릭시 da..

Array(배열) var coworkers = ["marmot", "leon"]; var : 변수 선언문 coworkers : 변수 이름 (다른 이름도 상관없음) "marmot" : index1, 0번 "leon" : index2, 1번 "marmot", "leon" 등의 항목은 배열에서 원소(element) 라고 지칭 document.write(coworkers[0]); document.write(coworkers[1]); 결과 : marmotleon 변수 coworkers의 0번인 marmot과 1번인 leon의 순서대로 값을 가져옴 coworkers.push('chris'); coworkers.push('ada'); *.push : coworkers에 chris, ada를 추가하는 태그 변수 안의 ..