안녕하세요

객체 생성 방법입니다. // 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..

스틱키를 활용하여 제품을 소개하는 화면을 구현했습니다. 쌤이 설명하는 박스의 간격이 많이 넓다고 하셨습니다. 다음 부터는 이런 빈 공간 간격을 좀 더 유저입장에서 생각해 봐야겠습니다. [220712의류웹코딩] [ html / css / js ] footer의 제목 격이 되는 헤드 부분은 p가 아니라 h태그에 넣고, 내용물은 dl dt 태그를 활용합니다. 지금까지는 ul과 li 만을 이용했는데 dl dt 다음부터는 사용해 봐야겠습니다. 슬라이드를 만들때는 autoplay가 되면 화살표를 빼고, autoplay가 안되면 화살표를 넣습니다.

이번에 웹코딩은 스틱키 연습을 목표로 하면서 지식이 많이 늘었습니다. 항상 새로운 것을 배우는 것이 재밌습니다. [220712의류웹코딩] [ html / css / js ] 회전하는 글씨를 구현했습니다. 새롭게 배우는 내용이 많습니다. rotateX를 이용하면 대상을 눕힐 수 있습니다. rotateX(90deg); 90도로 설정하게 되면 가로로 완전히 눕게 되며 높이가 사라지게 됩니다. $(function () { const circleText = (txt, h) => { 텍스트를 원형으로 만드는 방법은 (360도 / 글자의 길이)로 글자를 rotate 시키면 됩니다. 10개의 글자가 있다면 첫번째 글자는 0도를 회전시키고, 두번째는 36도, ..., 마지막은 360 - 36도 만큼회전시킵니다. cons..