본문 바로가기

분류 전체보기

(207)
CSS Buttons 버튼 Property정리 버튼 배경색 background-color 버튼 사이즈 font-size 원형 버튼 border-radius 코드 .button1 {border-radius: 2px;} .button2 {border-radius: 4px;} .button3 {border-radius: 8px;} .button4 {border-radius: 12px;} .button5 {border-radius: 50%;} 출력 버튼 테두리 색 border HTML Green Blue Red Gray Black CSS .button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: c..
JS에서 동적으로 생성한 태그에 클래스 만들어주기! const li = document.createElement("li"); const delBtn = document.createElement("button"); const span = document.createElement("span"); 클론 코딩한 ToDo리스트를 CSS로 다듬던 중 리스트나 버튼, span에 클래스 이름이 없어서 css로 꾸밀 수 없는 곤란한 상황이 발생했고 ! 검색결과 .setAttribute를 발견! li.setAttribute("class", "toDoList"); delBtn.setAttribute("class", "myBtn"); span.setAttribute("class", "toDoContent"); 리스트, 버튼, 스팬에 각각 클래스를 만들어 줄 수 있었고!!!!!..
함수 - return, 계산기 function sayHello(name, age){ return `Hello ${name} you are ${age} years old.`; } const greetNicolas = sayHello("Nicolas", 15) console.log(greetNicolas)​ function sayHello(name, age){ console.log(`Hello ${name} you are ${age} years old.`); } sayHello("Yunmi", 15); console.log("Hi") "hello", name, "you are" "hello"+name+"you are" 대신 `hello ${name}` function sayHello(name, age){ console.log(`Hello..
객체 - Property and Method Object Create Iterate Property&Method Property: 객체에 포함된 변수. 이 코드에서는 programmer, designer, bookkeeper, data scientist가 해당 Method: 객체에 포함된 함수. 이 코드에서는 ShowAll showAll 함수도 coworkers에 포함되기 때문에 가장 아랫줄에 나타남. 선생님이 나중에 if문으로 없앨 수도 있다고 하길래 혼자서 코드를 써봤고 Property&Method 원했던 대로 함수 없이 출력!
객체 - 반복문과 객체 Object Create Iterate 파이썬 반복문과 비슷해서 다행히 이해하기 어렵지 않았다.
객체 - 쓰기와 읽기 Object Create
배열과 반복문 활용 WEB HTML CSS JavaScript JavaScript JavaScript (/ˈdʒɑːvəˌskrɪpt/[6]), often abbreviated as JS, is a high-level, dynamic, weakly typed, prototype-based, multi-paradigm, and interpreted programming language. Alongside HTML and CSS, JavaScript is one of the three core technologies of World Wide Web content production. It is used to make webpages interactive and pr
배열과 반복문 JS에서 배열 선언 .length while loop Loop & Array Coworkers