Younyc찬찬잉

또한 title로 할 수있는 것들이 많다. 예를 들어 className, id, innerHTML, innerText등등 많은 것들이 있다. 그 중 style을 사용해보자. const title = document.getSelectById("title"); title.innerHTML = "Hi! From JS"; title.styel.color = "red"; console.dir(document)를 이용해 살펴보면 우리가 갖고있는 모든 텍스트를 보여주고, body, css 등등 모든것을 객체로 보여준다. head에서 작성하는 브라우저의 title을 바꿀 수 도 있다. document.title = 'I own you now'; 이제 querySelector를 이용해보자 querySelector는 노드..

HTML이 자바스크립트하고 함께 쓰려고 하면 어떻게 동작하는지 보여주는 챕터 이미 가지고있는 함수를 보여주고자함. const title = document.getElementById('title'); console.log(title); 자바스크립트는 html 태그를 가져다가 객체로 만들어준다. 우리가 배울 모든 함수들은 DOM로 변경이 가능하다. const title = document.getElementById('title'); title.innerHTML = "Hi! From JS";

콘솔로그 말고 스트링을 써보자! 자바스크립트에서는 텍스트를 써야하고 우린 텍스트와 섞어쓸수없지 그렇기에 스트링이 좋다! '' = 싱글 " = 더블 ` = 백틱 function sayHello(name, age){ console.log(`Hollo` ${name} you are ${age} years old`); } const greeNicolas = sayHello("Nicolas", 14) console.log(greeNicolas) -> 14살 이라는 답변을 받을 수 있다. $ { } 안에 값이 콘스트 변수의 값으로 출력됨 calulator.plus() const calculator = { plus: fuction(a, b) { return a + b; } } const plus = calculato..

함수 함수란 함수야, 어떤것의 기능 내가 수행하려는 부분을 내가 원하는 만큼 쓸 수 있는 코드 우리의 코드를 여기에 어떻게 넣을 수 있을까?~ console.log('hello') 라고 쓸 수 있을꺼야? 그럼 이건 그냥 코드지 hello 대신 grettings 등으로 바꿀땐 넌 그 hello가 써진걸 다 바꿔야하지. 그때 gretiting등 뭘하든 내가 바꾼 일일하게 바꾸지 않아도 값을 나오게해주는게 함수다. function 변수 ( ) 이게 함수의 정의이다! function sayHello () { console.log('hello!') } sayHello(); function sayHello () { console.log('hello!') } sayHello(); console.log("hi") 콘솔..

font-weight 폰트 크기 조절 font-size 폰트 사이즈 조절 line-height 글 줄간격 조절 margin-bottom 아래 간격을 마진으로 띄울 수 있음 margin-top 위에 간격을 마진으로 띄울 수 있음 font-family 폰트의 종류를 설정 할 수 있음 display 속성은 요소를 어떻게 보여줄지를 결정한다. none 보이지 않음 block 블록 박스 inline 인라인 박스 inline-block block과 inline의 중간 형태 justify-content 내부요소를 오른쪽에 정렬/ 배치 overflow: visible 기본값입니다. 넘친 컨텐츠는 상자 밖으로 보여집니다. overflow: hidden 넘친 컨텐츠는 잘려지고 보여지지 않습니다. overflow: scro..

아직도 SQL을 모른다고해서 5분 설명해드림 https://www.youtube.com/watch?v=z9chRlD1tec