져니's Life

2020.03.31(수) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 열네번째날 특정텍스트를 일정하게 늘릴때, 이중 for문을 사용해도 되고, 배열을 사용해도 된다. 10줄 이내일때는 배열이 편하고, 10줄이 넘어가면 이중for문 사용하는 것이 편할듯 이중for문을 사용하면 코드가 길어지는 단점이 있다. 이중for문 사용해서 * 하나씩 늘려서 작성할때, 그리고 4번째 줄에 Hello world 나오게 할 때 for(let i=0; i

2020.03.29(월) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 열두번째날 CSS *{ margin: 0; padding: 0; } ul,li{ list-style: none; } a{ text-decoration: none; } img{ display: block; line-height: 0; } #wrap{ width: 100%; } #header_wrap{ width: 100%; background-color: red; } #header{ width: 1200px; margin: 0 auto; height: 100px; background-color: blue; } #snb_wrap{ width: 100%; height: 200px; position: absolute; backgroun..

2020.03.26(금) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 열한번째날 오늘은 자바스크립트로 마우스가 올라가면 메뉴바가 튀어나오고, 마우스가 나가면 메뉴바가 사라지는걸 만들어 보았음 mouseover : 해당객체에 마우스가 올라갔을때 효과 나타내기 mouseout : 해당 객체에 마우스가 나갔을때 효과 나타내기 학교소개 교육과정 취업정보 커뮤니티 상담신청 word 인사말 연혁 교직원소개 시설소개 오시는길 과정안내 취업자인터뷰 취업현황 포트폴리오 공지사항 수강후기 KI이야기 KI기자단 교수칼럼 상담게시판 지원하기 자주묻는질문 *{ /*전체 엘리먼트를 지정*/ margin: 0; padding: 0; } ul,li{ list-style: none; } a{ text-decoration: no..

2020.03.24(수) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 아홉째날 어제 오후시간에 해보라고 하셨던건데 난 결국 못했다ㅠ 배열에 대한 개념이 정립이 안되어있어서 그랬던 듯하다 li = document.querySelectorAll('#puppy > li'); -> querySelectorAll을 사용하면 puppy안에 있는 정보들을 각 속성값 형식 그대로 배열 형식으로 변환해준다. img들은 Element형식이었기때문에 [Element,Element,Element] 다음과 같은 형태로 가져오는 것! setInterval(moving,2000); ->내가 설정한 함수를 2초마다 실행해주도록 설정한것이다! (2000=2초, 3000=3초,4000=4초) * 결과물