duedue

https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWebFront-end Development Tutorialpoiemaweb.com 자바스크립트를 공부 할 때 보려고 글을 씁니다 기본 개념을 이해하고 용어를 잘 알자어느 분야든 사람과의 대화가 꼭 들어간다용어를 모르면 대화가 안된다개념을 이해 못해도 문제설명 할 수 있어야 한다  코드는 문제 해결한 결과이다문제를 명확히 하고단순하게 보아야 한다글이 어려우면 이미지로 생각하자

느낀점하나의 기능은 하나의 함수에, 하나의 포문에바꾸고 싶은 값은 무조건 변수에 담아야 사용이번에 확실하게 느낌! 할 줄 아는 게 복사 붙이기 뿐이라서코딩 잘하기 위해서 시작했다.   let z = 5; // 별을 돌리는 횟수 z 변수에 담기 let x = "&nbsp"; // 빈공간 for (let i = 0; i 5; i++) { // 엔터를 5번 치기 for (let j = 0; j z; j++) { //별을 z번 돌리기 document.write('*'); // 별찍기 } document.write(''); // 엔터 document.write(x); //빈공간 z = z - 1; // 별을 돌리는 z 횟수에서 -1 x = x + "&nbsp"; // x 공간에 빈공간 하나 추가 } docume..

.slide { margin: 0 auto; border: 1px solid black; width: 720px; background-color: black; } img { max-width: 100%; } .nav { display: inline-block; } #prev{ float: left; width: 40px; height: 40px; background: url(images/prev.png) no-repeat; } #next{ float: left; width: 40px; height: 40px; background: url(images/next.png) no-repeat; } var images =['images/image1.jpg','images/image2.jpg','images/ima..

section img { max-width: 100%; } .center { margin: 0 auto; width: 50%; } ul { overflow: hidden; margin: 0; padding: 0; list-style-type: none; } li { float: left; margin-right: 1%; width:24%; } var thumbs = document.querySelectorAll('.thumb'); for (var i = 0; i < thumbs.length; i++) { thumbs[i].onclick = function () { document.getElementById('bigimg').src = this.dataset.image; // console.log(this..

원주율은 document.write(Math.PI); 이다 그냥 버리면 document.write(Math.floor(Math.PI)); 이 된다. Math.floor(); 소수점 이하 사용 안 함.

standards revival mp3 var add_zero = function(num, digit){ var num_string = String(num); //숫자를 문자열로 변환후 대입 while(num_string.length

함수 작성하기 자릿수 맞추기 0 var add_zero = function(num, digit){ var num_string = String(num); //숫자를 문자열로 변환후 대입 while(num_string.length

최종 접속 일시: Date 객체 기능 1. 현재 시간 가온다. 2. 과거나 미래 시간 설정 3. 일시 계산 객체 메서드 있음 검색고고 주의점 : 사용시 초기화를 해줘야한다. //변수에 대입, 개별적으로 각각 가져오기 var now = new Date(); // 초기화 var year = now.getFullYear(); var month = now.getMonth(); var date = now.getDate(); var hour = now.getHours(); var min = now.getMinutes(); // 출력을 위해 보기 원하는 최종 형식을 만들어서 변수에 대입 var output = year + '/' + (month +1) + '/' + date + '/' + ' ' + hour + ':..

document.getElementById('form').onsubmit =function(){ var search = document.getElementById('form').word.value; //변수에 값 대입 // 변수 search에 form 요소 취득하고, 읽고싶은 곳의 name 속성을 지정하고, 밸류 프로퍼티를 대입함 document.getElementById('output').textContent='['+search+'] 검색중 ...'; // }; 입력내용 읽어오기 형식 취득한 의 요소 중 읽고 싶은 양식의 name 속성,value

form action 보낼곳 sumit을 클릭시 action이 정한 주소로 보낸다. document.getElementById('form').onsubmit = function(){ console.log('클릭했습니다.'); } onsubmit 이벤트 발생 시 처리하고 싶은 이벤트 작성 취득한 요소 .onsubmit = function(){ 처리내용 } 주의사항 : form에서 발생하는 것으로 취득요소는 form의 요소를 가져와야 된다.

var jsbook = { title:'자스입문', price:2500, stock:3 }; document.getElementById('title').textContent = jsbook.title; document.getElementById('price').textContent = jsbook.price + '원'; document.getElementById('stock').textContent = jsbook.stock;

for...in 문 객체의 프로퍼티를 모두 읽어내기 위한 전용 반복문 형식 for (var 프로퍼티를 저장해 두는 변수명 in 객체명){ 처리내용 } var jsbook ={ title:'자스입문', price:2500, stock:3 }; for(var p in jsbook){ console.log(p +'='+jsbook[p]); // 객체명[fonin문에서 지정한 변수명] }

객체_책 데이터 등록하기 객체 작성 프로퍼티 읽기 프로퍼티 변경 객체 > 여러개의 프로퍼티를 가지고 있는 데이터의 집합 프로퍼티 > 객체의 특징. 데이터 구조와 연관된 속성 객체 형식 var 변수명 = { 프로퍼티명1 : 데이터 프로퍼티명2 : 데이터 프로퍼티명3 : 데이터 프로퍼티명n : 데이터 } 프로퍼티 형식 ----프로퍼티---- 프로퍼티명:데이터 프로퍼티 데이터 읽어오기1 객체명.프로퍼티명 프로퍼티 데이터 읽어오기2 객체명['프로퍼티명'] 프로퍼티 데이터 변경 객체명.프로퍼티 = 변경할 데이터; 또는 객체명['프로퍼티명'] = 변경할 데이터; 프로퍼티 데이터로 함수 저장 가능 var obj = { addText: function(num){ return num*1.10; } }; 프로퍼티의 데이터..

배열 만들기 var 변수명 = []; 데이터를 가진 배열 var 변수명 = [데이터0, 데이터1, 데이터2, 데이터x]; 배열에서 데이터 읽어오기 변수명[인덱스 번호] 인덱스? var 변수명 = [데이터0, 데이터1, 데이터2, 데이터x]; 인덱스 0 -> 데이터0 인덱스 1 -> 데이터1 인덱스 2 -> 데이터2 인덱스 x -> 데이터x 배열 메서드 형식 배열 변수명.메서드(); 메서드명 | 의미 배열변수명.pop() | 배열의 마지막 데이터 삭제 배열변수명.push(데이터) | 배열의 마지막 부분에 데이터를 추가 배열변수명.shift() | 배열의 첫번째 데이터 삭제 배열변수명.unshift(데이터1,데이터2) | 배열의 앞부분에 데이터 1, 데이터2 추가한다. 해야 할 목록 var todo = ['..

함수 작성 함수표현식, 함수 선언식 1. 함수 표현식 > 호이스팅 영향 x, 클로저 및 콜백 사용 var 함수명 = function (매개변수 ){ 실행 할 로직 } 2. 함수 선언식 > 호이스팅 영향 받음 function 함수명 (매개변수) { 실행 할 로직 }