배열(array)이란? 자바스크립트에서 배열(array)은 이름과 인덱스로 참조되는 정렬된 값의 집합으로 정의한다. 배열을 구성하는 각각의 값을 배열 요소(element)라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스(index)라고 한다. 배열은 만드는 방법은 간단하다. const asdf = ["a", "b", "c", "d" ]; 와 같이 대괄호로 묶어주면 된다. 배열 속에서 요소들은 쉼표로 구분을 해준다. console.log에서 배열 속 요소를 데려오는 법은 console.log(asdf[0]); 와 같이 첫 번째가 0에서부터 시작. 두 번째를 불러오고 싶다면 console.log(asdf[1]); 이런 식으로 해주면 된다. push를 통해서 배열 속에 요소를 추가 할 수 있다.
const와 let은 변수를 선언하는 가장 기초적인 방법이다. 둘의 차이점으로는 const는 변경이 불가하다. 하지만 let은 변경이 가능하다. 대부분은 const를 쓰고, 변경하고 싶은 게 있다면 let으로 변수를 만들어준다. 위의 사진처럼 const는 한번 설정하면 hopakisgood = "qute"로 못을 박아버리는 것이고, let은 언제든지 자유자재로 hopakisbad = "ugly" 등등으로 바꿀 수 있다. string이란 문자열 선언으로 작은 따옴표나 큰 따옴표로 가려서 사용한다. console.log("12345"); ("") 속의 숫자가 숫자로 보이겠지만 큰 따옴표 속에 들어가 버렸기 때문에 문자열로 바뀌었다. 예를 들어 const hopakIsFat = "true"; console.l..
geolocation.getCurrentPosition - 현재 자신의 위치를 가져온다. - argument가 2개 필요하다.(한 개는 정상 작동할 때, 다른 한 개는 오류가 났을 때) Navigator 객체 navigator 객체는 브라우저 공급자 및 버전 정보 등을 포함한 브라우저에 대한 다양한 정보를 저장하는 객체입니다. 이 객체의 이름은 넷스케이프(Netscape)의 초기 웹 브라우저였던 내비게이터(Navigator)에서 유래되었습니다. position.coords.(latitude,longitude) - 위도 경도 좌표. 최종본. fetch를 이용해 화면에 나타낸다. fetch() 함수는 첫번째 인자로 URL, 두번째 인자로 옵션 객체를 받고, Promise 타입의 객체를 반환합니다. 반환된 객..
To Do List const A = document.createElement("B"); B요소를 만들고 A에 저장함. A.appendChild(C); C(const 된거)를 A(얘도)에 저장 A.innerText = B B를 A에 html에 문자로만 집어넣음?.. A.target.parentElement; A속에 있는 놈의 타겟(button), 그리고 그 속의 부모 요소(li)? arrow function : function의 화살표 형태 filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환한다. return 값으로 인해 1000이하의 숫자만 반환하는 모습. 하지만 const arr의 값은 변환하지 않는다. 반환하는 값만 달라질 뿐이다.
https://codesandbox.io/s/empty-blueprint-forked-hmv4t?file=/src/index.js Empty Blueprint (forked) - CodeSandbox Empty Blueprint (forked) codesandbox.io 0부터 내가 설정한 최대값을 이용하여 0~max 값중에 랜덤으로 돌리고, 또 내가 숫자를 하나 지정하여 랜덤으로 돌린 숫자 중에 내가 지정한 숫자와 일치하면 You win! 일치하지 않으면 You lost! 값을 내는 과제였다. 처음 빡센 문제를 접하니 속이 메슥거렸지만 구글링으로 값을 하나하나 찾아가며 완성했다.
html 버튼 생성 띄어쓰기 잘하기 ! html에서 조건문을 하기 위해선 form 태그가 필요함 Javascript html의 element 불러오기 document.getElementById(id);에 해당 element의 id를 넣음으로 사용한다. id가 없을 경우 document.querySelector 사용 id앞에 #을 넣어 사용 가능하다. 두번째 줄에서 loginForm은 첫재 줄의 const로 내릴 loginForm을 불러온 것이다. class.length => class의 길이 (몇 개의 음절로 되어있는지) onLoginSubmit()