풍경소리(정용만)

index.html Hello World!! 영역 1입니다. 영역 2입니다. src/styles.css .container { border: solid 1px #ccc; padding: 16px; margin: 8px; } src/index.js const divEl = document.querySelectorAll(".container"); for (let i = 0; i < divEl.length; i++) { const buttonEl = document.createElement("button"); // buttonEl.textContent = "버튼"+(i+1); buttonEl.innerHTML = "버튼"+(i+1); divEl[i].appendChild(buttonEl); }

https://www.youtube.com/watch?v=e56H5n1SvEs index.html-------------------- MIERO CODING style.css-------------------- *{margin: 0;padding: 0;box-sizing: border-box;} body{background-color: darkslateblue;} .wrap{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;text-align: center;} .lg-text{font-size: 2rem;font-weight: bold;margin-bottom: 5px;} .sm-text{font-size..

자바스크립트 연습 기초11 문자열의 길이를 알아내보자 index.html javascript11.js let input = "Coding"; // let input = ["Coding","miero","newstep"]; let count = 0; while(input[count] !== undefined){ console.log(input[count]); count=count+1; } console.log('끝'); console.log(count); 자바스크립트 연습 기초12 가변적인 상황에 대한 대처 javascript12.js let input = "5...........6"; let length = 0; while(true){ if(input[length] === undefined){ break..

자바스크립트 11. 비동기 처리의 시작 콜백 이해하기, 콜백 지옥 체험 ? JavaScript Callback | 프론트엔드 개발자 입문편 (JavaScript ES6) javascript>index.html 자바스크립트는 동기적이다 -호이스팅 된 이후부터 코드가 우리가 작성한 순서에 맞추어서 하나 하나씩 동기적으로 실행된다 -호이스팅 : var, function declaration var변수와 함수 선언들이 제일 위로 올가가는 것 javascript>async>callback.js 'use strict'; // JavaScript is synchronous. // Execute the code block by orger after hoisting. // hoisting: var, function de..

자바스크립트 타이핑 효과 구현하기 https://www.youtube.com/watch?v=H1723LKnthk html css .text{display: table-cell;vertical-align: middle;border-right: .05em solid black;animation: cursor 0.5s ease infinite;} @keyframes cursor{ 50%{border-color: transparent;} } js const content = "주식회사 밀앤아이" const text = document.querySelector(".text") let index = 0; function typing(){ text.textContent += content[index++]; if(in..

jQuery test1 test2

다음 이미지

Javascript 16 [ 아코디온 accodion ] 자바스크립트 아코디언 구현하기 https://www.youtube.com/watch?v=T4I5psIHOVA&list=PL-qMANrofLyvzqz2yYzNectJnYo5ZifE7&index=16 html HTML html CSS css JAVASCRIPT 자바스크립트 Collapse All FAQ + Lorem ipsum dolor sit? Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad aliquid voluptate fugit quaerat non molestiae quo magni soluta minima corporis! Soluta, ipsa et. Quos quibusdam, ..

function adds(){ value=0; for (let i in arguments){ //for 문을 사용 !! value = value + arguments[i]; } return value; } console.log(adds(7,8,9,10));

웹브라우저 ctrl + shift + i 콘솔창 탭에서 JavaScript 실행 API Application Programming Interface MDN web docs - Console API console.log("안녕"); 콘솔 탭 내용 지우기 console.clear(); 메시지박스 alert("Hello"); 덜효율적 효율적으로 자바스크립트 포함