안녕하세요

// 화살표함수에 중괄호{}를 쓰려면 {} 안에 return을 넣어주어야 합니다. const A = DATA.map((data) => { return `${data.content}`; }); 화살표함수의 장점은 한 줄로 표기가 가능하다는 것입니다. 가급적이면 가독성이 높은 방향으로 표현합니다. const RESULT = DATA.map((data) => `${data.content}`); console.log(RESULT); html에 출력을 하려면 선택된 객체의 .innerHTML 을 수정하면 됩니다. html에서는 ","가 같이 나타나기 때문에 join 함수로 없애줍니다. const RESULT = DATA.map((data) => `${data.content}`).join(""); console.l..

이번 주와 다음 주는 자유주제입니다. 호텔, 여행을 주제로 하려고 준비했으나 영 느낌이 안와서 색다른 주제를 해보고자 게임으로 정했습니다. [220720 웹코딩(게임)] [ html / css / js ] 슬릭 센터모드를 이용하여 현재 슬라이드를 화면 한 가운데로 위치하면서, 양 옆으로는 이전과 다음 슬라이드의 절반만큼은 보이도록 하는 방법입니다. $(".titleSlider").slick({ slidesToShow: 1, centerMode: true, centerPadding: "25%", }); centerMode와 centerPadding을 통해서 슬라이드 간의 간격을 조절합니다. 현재 슬라이드를 가운데로 위치하기 위해서는 .titleSlider img { width: 400px; margin: ..

객체 생성 방법입니다. // 1. 객체 리터럴 표기법을 이용한 객체 생성 const young = { name: "영", age: 31, }; console.log(young); // 2. 객체 생성자함수를 이용한 객체 생성 const han = new Object(); han.name = "한"; han.age = 29; console.log(han); 객체의 메소드 : 객체는 속성(property)과 함수(method)를 가집니다. property (key: value) const you = { name: "유", 하는일: function () { console.log("허리 펴기"); }, }; console.log(you["name"], you.name); you.하는일(); 객체에서의 this ..

함수에서 아무런 값을 입력받지 않았을 때 대신해서 입력할 값을 지정할 수 있습니다. 원하는 위치의 변수에 할당을 해두면 됩니다. function 이름(a, b = 1000) { console.log(a, b); } 이름(1, 1); // 1 1 이름(1); // 1 1000 호이스팅은 script를 다 읽어들여 function이나 변수를 위로 끌어 올려 순서가 달라도 실행시키는 것을 말합니다. 이름(1, 1); function 이름(a, b = 1000) { console.log(a, b); } //함수표현식 변수에 담긴 함수는 호이스팅되지 않습니다. *실행 불가능 이름2(); const 이름2 = function () { console.log("이름2"); }; //화살표 함수 표현식 arrow fun..