exestudiary

document.title, document.body 을 호출 가능 (console 창에서) document는 우리가 javascript 에서 HTML에 접근할 수 있는 방법이다. document는 브라우저에서 그냥 사용할 수 있는 object임. document.getElementById("title") getElementById => string을 전달받는 함수 const title = document.getElementById("title") #getElementById는 HTML에서 id를 통해 element를 찾아준다. console.dir(title) Grab me! HTML을 가지고 오는거지만, 그걸 JavaScript에서 하고 있음. JavaScript는 이 HTML element를 가지고..

return > function으로 무언가를 해서 function에서 결과값을 갖고 싶을 때 > function이 function 밖과 소통하는 방법 > console.log()를 찍지 않아도 코드 내에서 반환값을 받을 수 있다. > return을 하면 function은 작동을 멈추고 결과 값을 return하고 끝나버린다. 예 1. return을 쓰지 않았을 때 const age = 21; function caculateKrAge (ageOfForeigner) { ageOfForeigner + 2; } const krAge = caculateKrAge(age); console.log(krAge); 결과값이 나오지 않는다. 2. return을 쓴다면 const age = 21; function cacula..

Object > 게임 같은 거를 생각하면 player 에다가 경험치, 이름, 인기도 이런 거를 설정할텐데 const playerName = "daesung" const playerFat = "little bit" const playerage = 23 이런 식으로 설정하면 번거롭다. 그래서 object 를 할 건데, > object는 이런 식으로 설정 // 중괄호가 들어간다는 거 기억 // object 안과 밖의 규칙은 다르다. 밖에서는 = 을 사용하지만, 안에서는 : 을 사용 // 한 개의 특성(예, name : "daesung")을 설정하면 다른 특성도 올 수 있으니깐 그 뒤에는 ,를 사용한다. // player의 name에 접근하고 싶을 때는 player.name 또는 player["name"] co..

숫자와 문자 > 자바스크립트는 숫자는 그대로 쓰면 인식한다. > 문자는 " '', ' ' 이 안에다가 써야 한다. 문자로만 이루어진 텍스트를 string이라고 부른다. 변수 설정 > 변수 앞에 const (const 대신 let, var을 붙여줘도 됨.) 를 붙여주고 자신이 원하는 변수 이름을 설정하면 된다. > 변수가 길 때 띄어쓰기를 해주고 싶으면 아래 코드 myName 과 같이 띄어쓰기 해주고 싶은 부분의 뒤에 문자를 대문자로히면 된다. const a = 5; const b = 2; const myName = "daesung"; cf. const와 let의 차이점 > const 는 constant(상수)라는 것이고, constant 는 값이 바뀔 수 없다. > let 은 새로운 것을 생성할 때 사용..

자바스크립트가 없는 브라우저는 보기 힘들다. (그만큼 많다.) 자바스크립트 제대로 배워 놓으면 나중에 편하다. 시작하기 전에 HTML과 CSS는 조금 할 줄 알아야한다. HTML이랑 CSS가 뭐고 어떤게 있는지만 알면 된다. 너무 자세하게 알 필요는 없다. 자바스크립트를 다루는 방법은 브라우저의 console을 사용하면 된다. 어떻게 하냐면 어디든지 웹 페이지에서 우클릭을 하고 제일 하단에 있는 검사를 누르면 이런 화면이 뜨는데 저기서 빨간색으로 동그라미 한 곳을 들어가면 된다. 참고로 여기서 검은색 네모칸이 HTML 부분이고 노란색 네모칸이 CSS부분이다. console에 들어가면 이렇게 나오는데 여기서 코딩을 할 수는 있지만 한 줄씩 해야해서 번거롭다. 그러니 VS code를 사용해서 하면 된다. 그..