코딩 공부 기록

자바스크립트 기본명령어를 입력, 출력, 확인으로 분류하면 다음과 같다. 1. 입력 1)prompt('입력제목', '입력내용') 2. 출력 1)document.write('출력내용') 2)alert('출력내용') 3)console.log('출력내용') 3. 확인 1)confirm('확인내용') prompt('입력제목','입력내용') 사용자에게 값 입력 요청 두 번째 매개변수는 기본으로 표시되는 값이다. 수정해서 새로운 값을 입력할 수 있다. document.write('출력내용'); html에 내용 출력 alert('출력내용'); 알림창을 띄움 console.log('출력내용'); F12를 누르면 나오는 개발자 도구의 console창에 출력 confirm('출력내용'); alert와 유사하지만 확인/취소 ..

javascript로 태그 추가시 순서 ①태그 생성 ②노드 연결(제일 하단의 부모부터) ③자기 속성 설정 요소 생성 innerHTML: 문자 방식으로 요소 생성 응용 참가 신청 신청 function newRegister(){ var newP = document.createElement('p'); var userName = document.querySelector('#userName'); var newText = document.createTextNode(userName.value); newP.appendChild(newText); var delBttn = document.createElement('span'); var delTxt = document.createTextNode('X'); delBttn.s..

javascript 활용 1: 여행 준비물 목록 여행 준비물 점검 목록 추가 var itemList = []; var addBtn = document.querySelector('#add'); addBtn.addEventListener("click",addList); function addList(){ var item = document.querySelector("#item").value; //var itm = document.getElementById(item).value;와 같음 if(item != null){ //입력받은 변수의 값이 있는지 없는지 검사: 유효성 검사 itemList.push(item); //배열에 변수의 값을 추가함 document.querySelector("#item").value..

1. 함수 참조와 함수 호출 a.onclick = hidedetail(); a.onclick = function(){ hidedetail(); } 이 두 코드의 차이를 몰라서 헤매다가 챗 gpt로 해결했다. function() 안에 넣지 않은 경우, hidedetail()을 호출해서 리턴값을 a.onclick에 저장하라는 코드가 된다. function() 안에 넣으면 hidedetail()을 호출하는 익명 함수를 만들어 a.onclick에 할당하는 코드가 된다. 다만 호출할 함수가 다른 파일에 있을 경우이고, 같은 파일 내에 있으면 a.onclick = hidedetail 과 같이 호출할 수 있다.

※java와 같은 내용은 생략 Section1 1.1 기본형식 및 적용방법 문서 내부 문서 내부 문서 외부 기본 명령어 입력 '입력 제목', '입력 내용' 출력 document.write('출력 내용'), body에 출력 alert('출력 내용'), 팝업창 console('출력 내용'), 콘솔에 출력 확인 confirm('확인 내용'), 팝업(확인: true 반환/취소: false 반환) 1.2 변수와 상수 var: 중복해서 변수 선언 가능 let: 중복 변수 선언 불가능 const: 상수 선언 데이터 타입(자동으로 지정됨→변수 선언시 데이터타입 지정 x) 숫자 데이터(정수, 실수, 지수 등) 문자 데이터(' ', " "로 표현) boolean 데이터 undefined 데이터: 값이 지정되지 않은 변수 ..

1. let 변수 중복 선언 오류 메시지 Uncaught SyntaxError: Identifier 'a' has already been declared 코드 var a = 10; let a = 10; 2. const 값 변경 오류 메시지 Uncaught TypeError: Assignment to constant variable. 코드 const c = 10; c = 20; 3. eval()에 들어갈 값에 let으로 변수 선언 오류 메시지 Uncaught ReferenceError: num7 is not defined at a (encode.js:38:17) at encode.html:12:9 코드 let str1 = 'let num7 = 10'; let str2 = 'let num8 = 20'; ev..