코딩공부

비구조화 할당 function print(hero){ const { alias, name, actor } = hero; const text ='${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.'; console.log(text); }; function print({alias, name, actor}){ const text ='${alias}(${name}) 역할을 맡은 배우는 ${actor} 입니다.'; console.log(text); }; const ironMan = { name: '토니 스타크', actor: '로버트 다우니 주니어', alias: '아이언맨' }; const {name} = ironman; // 비구조화 할당으로 name에 값을 채움 console.log..

객체란 객체는 우리가 변수 혹은 상수를 사용하게 될 때 하나의 이름에 여러 종류의 값을 넣을 수 있게 해줍니다. 객체 사용하는 방법 const dogName ='멍멍이'; const dogAge = 2; console.log(dogName); console.log(dogAge); const dog = { name: '멍멍이', age:2, 'key is sample': 'sample' } console.log(dog); //object{name: "멍멍이", age:2, samplekey with space: "sample"} console.log(dog.name); //멍멍이 console.log(dog.age); //2 객체를 선언 할 때에는 이렇게 { } 문자 안에 원하는 값들을 넣어주면 됩니다. ..

ES6버전 이전 function hello(name){ console.log('Hello, ' +name + '!'); } hello('coding'); //Hello, coding! function add(a,b){ return a+b; } const sum = add(1,2); console.log(sum); //3 ES6버전 이후 fucntion hello(name){ return 'Hello ${name}!'; } const result = hello('Coding'); console.log(result); // Hello Coding! 화살표 함수 const add = (a, b) => { return a+b; } const sum = add(1, 2); console.log(sun); //3 ..

ES6 이전의 변수 선언방법 var ES6 이후의 변수 선언방법 var, let, const 현재에는 var를 거의 사용하지 않는 추세입니다. var를 사용하였을때 문제점 1. 변수 선언시 var 키워드 생략가능 coffee = 'good'; console.log(coffee); //good 2. 변수 선언 후 중복 선언 가능 var coffee = 'good'; console.log(coffee); //good var coffee= 1; console.log(coffee); //1 3. 변수가 선언도 되지 않았는데 참조 가능 ( 변수 호이스팅 ) console.log(coffee); // undefined var coffee ='good'; // (할당) console.log(coffee); //goo..

1. 블록 요소 1. div, h1, p 2. 사용 가능한 최대 가로 너비를 사용한다. 3. 크기를 지정할 수 있다. 4. width = 100%; height = 0; 에서 시작 5. 수직으로 쌓임 6. margin, padding 위 아래 좌 우 사용 가능하다 7. 레이아웃 2. 인라인 요소 1. span, img 2. 필요한 만큼의 너비를 사용한다. 3. 크기를 지정할 수 없다. 4. width = 0; height = 0; 으로 시작 5. 수평으로 쌓임 6. margin, padding 위 아래는 사용할 수 없다. 7. 텍스트