져니's Life

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

2020.03.31(수) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 열네번째날 1. var ( 옛날에 많이 쓰던 변수선언 방식, 최근에는 덜 쓰는편! ) 2. let let을 붙이면 사용현위치에 따라서 사용범위가 달라짐 최상위구간에 let을 사용하면 전체에서 사용, function안에서 쓰면 function안에서만 사용, fuction 안에 있는 let이 먼저 인식 let으로 전역변수에는 index에 값 10을 주고, 지역변수에는 0을 주게 되면, 지역변수 let을 우선인식한다. 3. const 상수라는 의미로 변하지 않는 변수이다. index ++같이 변수에 변화를 주는 것을 적용하게 되면 에러가 나옴 만약 index ++; 를 빼주면 다음과 같은 결과값이 나오게 된다.

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 개발자 양성과정 아홉째날 자바스크립트 return문 sum(a,b,c)를 a+b+c 로 값을 변환 box(width,height)를 width*height값으로 변환

2020.03.25(목) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 열째날 시간이 넘나 빠르다,,,벌써 열흘차라니,,,ㅠㅠㅠ 단시간내에 많은걸 배웠지만 내가 정확히 이해했는지 확신이 없다ㅠㅠ 오늘은 경일게임아카데미 사이트에 있는 배너처럼 계속 돌아가는걸 자바스크립트를 이용해서 만드는걸 해봤음!!! var index = 0; -> index 변수값 0부터 시작 banner(); -> banner 함수를 창 열자마자 실행 function banner(n){ console.log(n); bannerImg = document.querySelectorAll('.banner1>li'); ->banner1의 리스트들 가져와서 배열로 변환 if (index >= bannerImg.length){ index =..

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초) * 결과물

2020.03.23(화) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 여덟째날 어제는 creatElement와 appendChild를 사용하여 html 요소를 추가해보았다. 그래서 오늘은 삭제하는 것을 배워보았다. (대문자 소문자 구분해서 쓰는 것이 중요중요! 안그러면 작동 안할 수 있음!!!!) To do list content1 content2 content3 box_input = document.querySelector('#box_input'); -> input box 아이디 값을 받아서 변수에 담았다. content = document.querySelector('#content'); -> 내용 출력하는 영역 설정 li = document.createElement('li'); -> 내용 출력..

2020.03.22(월) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 일곱째날_오후 오늘 자바스크립트 처음 배웠는데 굉장히 많은걸 배운 느낌이다ㅠ 머릿속에서 모든게 정립이 안된 느낌,,, 용어 정립도 하나도 안됐다ㅋㅋㅋㅋㅋㅜㅜㅜㅜ to do list sample1 sample2 sample3 liElement = document.createElement('li'); -> li 엘리먼트 추가생성 liElement.innerHTML = document.querySelector('#Box_input').value; -> li엘리먼트 안에 Box_input안의 내용 값 넣어줌 document.querySelector('#content').appendChild(liElement); -> ???? 꼴의 내용..

2020.03.22(월) 블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 일곱째날 앞에서 documet, alert, console에 대해 배운 후 조건문, 비교문, 반복문에 대해 배워보았다. 가장 기초적인 문법들 위주로 배웠음 1. 조건문(if-else) 위에서 jihyun에다가 40이라는 값을 넣어줬었음 ( ' = '은 대입연산자라고 불림 ) 그래서 if문 안에 jihyun이 40인 경우 console에서 맞습니다. 라는 문장이 나온다. 만약, jihyun에 39를 넣게 되면 다음과 같이 틀렸습니다. 라는 문장이 console에 나옴 2. 비교문 jihyun2와 jihyun3을 각각 10에 넣어주었다. console.log(jihyujn2==jihyun3); -> true result = jihy..