기초공사 (html,css,javascript)

//https://curryyou.tistory.com/328 [자바스크립트] setInterval/clearInterval 반복 중단, 재시작(재개) 방법setInterval(콜백함수, 시간) 는 "시간(ms)"을 간격으로 "콜백함수"를 반복 호출 하는 함수이다. 애니메이션 등을 구현하다보면, 잠깐 반복을 중단했다가, 재시작하는 코드를 구현해야할 때가 있다.curryyou.tistory.com  //코드 시작 중지 초기화 0  Issue

// GeeksforGeeks DOM replaceChild() Method Sorting Algorithm Homepage Services About Contact Click Here!

htmlC:\hee\.academy\lesson\javascript\day10\board-self 제목 내용 등록하기 제목: 내용 등록하기 --> exmple-title 삭제 example-content 수정 example-title exmaple-content  js  전체코드// *****..

//const generateMockPosts = (n) => Array(m).fill().map((_,i) => ({ id : i + 1, title : `title-${i + 1}`, content : `cotent-${i + 1}`}))위의코드에서1. 여기서 Array(n).fill().map((_, i) => ({...})) 부분은 map 함수를 사용하여 배열의 각 요소를 변환하는 부분이다.Array(n).fill()은 크기가 n인 배열을 생성하고, 모든 요소를 undefined로 초기화합니다. .map((_, i) => ({...}))는 이 배열의 각 요소(undefined)를 순회하면서, 새로운 객체를 생성하여 반환합니다. 중요한 부분은 .map((_, i) => ({...})..

// 참가자 명단 이 름 전 공 등록하기 이 름 전 공 ///*1. 새로운 요소 tr을 만든다.- const new_tr = document.createElement("tr") --tr의 요소가 만들어졌고,2. td2개를 받아와서 tr과 연결해줘야한다. td2를 텍스트노드로 해야하나...?? ..

//자바스트립트 ES6 부터는 백틱 기호를 사용한 문자열을 템플릿 리터럴이라고 부릅니다console.log(language + "처음이죠?" + "Hello World" + language + "참 쉽죠?"); 문자열을 연결하고 출력하려면 따옴표와 더하기(+) 기호를 사용해 위와 같이 사용해야 했습니다. 템플릿 문자열에서는 ${}(플레이스 홀더place holder라고 부릅니다)를 사용해 변수를 넣고, 아래와 같이 따옴표와 더하기 기호를 빼고 쓸 수 있습니다.onsole.log(`${language} 처음이죠? Hello World ${language} 참 쉽죠?`);익숙해진다면, 같은 문자열이어도 더 간단하게 표현하는 것이 가능해지는 것이죠. 좀 더 어렵게 표현하자면, 내장된 표현식을 사용하는 것을 허..

// /*실습 : 웹문서를 열었을때,시간이 12시 이전이면 images/morning.jpg시간이 12시 이후이면 images/afternoon.jpg을 표시하려고 한다. 현재시간을 알아내려면 알아내는 방법은 아래 제공 : const today = new Date(); // 현재 날짜와 시간 정보를 담은 today 객체const hrs = today.getHours() // 현재 시간중 시 정보를 가져온다.1. 현재 시간에 따른 이미지를 다르게 하려면 어떻게 해야할까? -- if(hrs > 12) images/afternoon.jpg images/morning.jpg2. img 요소를 만들고 이미지 파일 경로를 지정하려면 어떻게 해야할까? --let imgE = document.c..

//   위의 코드를 보면 htmlcollection은 '6'으로 바로 반영이 되는데 --> live 실시간으로 반영nodelist는 한번 찍힌 '5'는  div가 추가 되어도 바뀌지 않는다.(상단에 있었자만) --> nolive--> live와 nolive가 이말 이었음.  nodelist를 6으로 바뀌고 하고싶으면    NodeList와 HTMLCollection의 업데이트 방식이다. 1. Live Collection  vs  Static Collection : -  HTMLCollection은 "live" 컬렉션이다. 즉 DOM 변경사항이 실시간으로 반영된다. 따라서 새로운  가 추가되면 그 변경사항이 즉시 HTML..

// 고차함수 1. map ( ) 메서드 - map 메서드는 자신을 호출한 배열의 모든 요소를 순회하면서 인수로 전달받은 콜백 함수를 반복 호출한다. - 배열의 각 요소에 대해 콜백 함수를 실행하고, 이 때 콜백 함수에는 현재 요소(aaa)와 그 요소의 인덱스(i)가 인자로 전달됩니다. const posts = [ { id: 1, title: "안녕하세요-1", }, { id: 2, title: "안녕하세요-2", }, ]; [("안녕하세요-1", "안녕하세요-2>")]; const hello = posts.map((aaa, i) => { //console.log(aaa); //console.log(i); if (i % 2 === 0) return; // 0번째는 참이므로 undefined return ..