콘솔로그 말고 스트링을 써보자! 자바스크립트에서는 텍스트를 써야하고 우린 텍스트와 섞어쓸수없지 그렇기에 스트링이 좋다! '' = 싱글 " = 더블 ` = 백틱 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..
이번엔 Obejct로 데이터를 정렬해보자. array와의 차이점은 각 value에 이름을 줄 수 있다는것이다. 만약 내가 개인 정보를 저장해야할땐 const younycInfo =["younyc", "30", true, "gunpo"]; console.log(younycInfo) const younycInfo2 = { name : "younyc", age: 30, gender:"Male", isHandosme:true } console.log(younycInfo2.name) 내가 원하는 값을 .붙여 출력가능함 중간에 변수 값을 변경하여 출력할 수 있다. younycInfo2 자체의 값을 바꿀 순 없지만, { } 안의 값은 바꿀 수 있다. const younycInfo2 = { name : "younyc"..
Array , Object -> 데이터를 정하는 곳인데 리스트로 저장하는곳이다. const daysOfWeek = 문법을 위한 규칙이 필요하다. 이렇게 작성하지 않고 소문자로해도 상관없다. camel case 변수명을 언제나 소문자로 시작해서 변수 중간에 스페이스가 필요하면 대문자를 쓴다. 이게 낙타 공식이다. ex) lower of week 라는 변수가 있다. 이걸 camel case로 적용하면 -> lowerOfWeek로 된다. const monday = "Mon"; const tue = "Tue"; const wed = "Wed"; const thu = "Thu"; const fri = "Fri"; console.log(monday, tue, wed, thu, fri); [ ] 의미가 Array이다..