duedue

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 함수명 (매개변수) { 실행 할 로직 }

var enemy =100; var attack; window.alert('대전시작'); while(enemy >0){ attack = Math.floor(Math.random()*30) +1; console.log('몬스턴에게'+attack+'의 피해를 입혔다.'); enemy = enemy - attack; } console.log('몬스터를 물리쳤다.');

반복문 for문 for (var i = 1 ; i

논리 연산자 a && b a와 b 모두 true 일때 최종 결과가 true a || b a와 b 중에 하나라도 true 이면 최종 결과가 true !a a가 false 이면 true

시간에 따른 다른 메세지 표시 시간 구하기 new Date().getHours(); var hour =new Date().getHours(); if(hour >= 0 && hour < 1){ window.alert('도시락 30% 할인'); } else if(hour === 9 || hour === 15){ window.alert('도시락 1+1 '); } else { window.alert('도시락 사세요'); }

문자열을 정수로 변환하기 parseInt(변환하고 싶은 문자열) 비교 연산자 === 같으면 true !== 다르면 true a =b a가 b이상이면 true var number = Math.floor(Math.random() * 6); // 무작위의 수를 변수 넘버에 대입 // var number = 3; // var answer = parseInt(window.prompt('숫자맞히기 게임. 0-5의 숫자를 입력하세요.')); // 프롬프트로 대답 받을 수를 변수 answer에 대입을 parseInt 메서드를 사용해 형변환 후에 대입 var message; if (answer === number) { message = '정답'; } else if (answer number) { message = '땡!..

console.log 사용법 console.log(); console.log(''); console.log('""'); 개발자 도구의 콘솔에서 확인하며 코드 수행 위치 확인하기 console.log('ㅇㅇ'); 등을 함수 내 확인하고 싶은 부분에 넣고 ㅇㅇ 이 출력되면 현재 그 부분은 확인 되는 것이고, 확인 안되는 부분은 출력 안됨 이런 방식으로 어디까지 코드가 먹혔는지 확인이 가능하다.

아이패드용 클립스튜디오 만료 약 1주일 남기고 1년 구독을 할인가격으로 연장했습니다. 작년보다 약 10달러 저렴하게 구독 했네요 이전버전은 갱신해제하고 더 저렴하게 구독을 했습니다.

안녕하세요 이번에 (주)도서출판 성안당에서 나온 "프로크리에이트로 배우는 댈희의 카카오 이모티콘 클래스" 서평단이 되었습니다. 읽어 보고 정말 좋은 책이며, 저도 어서 카카오 이미티콘 제안을 넣고 승인 받고 싶습니다. 1. 캐릭터 어떻게 만들지? 처음에 카카오 이모티콘을 제안하고자 마음 먹고 부딪히는 게 "캐릭터" 라고 생각됩니다. 캐릭터를 어떻게 만들건지?, 다른 캐릭터와 차별점은 어떻게 주고 컨셉화 할지 고민한 흔적을 잘보여주고 좋은 가이드를 보여준다고 생각합니다. 마인드맵을 통한 캐릭터 컨셉잡기는 그림그리기 전에 중복되거나 빠지는 것을 체크하고 캐릭터를 그리기 더 쉽게 만들어 준다고 생각합니다. 단순히 이쁘거나 귀여운 캐릭터가 아닌 살아 있는 캐릭터를 만들기위한 준비과정이 정말 잘 나와 있습니다. ..

맥에서 rar 압축해제 최고 추천하는앱 https://apps.apple.com/kr/app/the-unarchiver/id425424353?mt=12 ‎The Unarchiver ‎The Unarchiver is a small and easy to use program that can unarchive many different kinds of archive files. It will open common formats such as Zip, RAR (including v5), 7-zip, Tar, Gzip and Bzip2. It will also open many older formats, such as StuffIt, D apps.apple.com