JavaScript

[JS 문법] 기초 CRUD(2)

2023.05.11

- value 공식문서: HTML DOM Input Text value Property (w3schools.com) input 태그에 입력한 값을 가져올 때 사용할 수 있는 프로퍼티다 ... 입력완료 ... 입력완료 버튼을 누르면 함수가 실행된다 // index.js function addItem() { console.log("addItem 함수 실행!") const itemInput = document.getElementById("item-input") console.log(itemInput) } 함수가 html의 버튼과 잘 연결됐는지 확인하기 위해 콘솔로그를 찍는다 잘 연결됐고 이제 input 태그를 id로 가져와서 itemInput 상수에 넣는다 itemInput을 찍어본다 input 박스에 무슨 ..

JavaScript/문법

[JS 문법] 기초 CRUD(1)

2023.05.10

- var 같은 범위에서 재선언 하거나 업데이트 하는 것이 가능함 코드의 다른 부분에서 이미 변수를 사용했는데 모르고 또 사용하는 경우 원하지 않는 결과값을 만들어낼 수 있음 즉 버그의 발생 가능성이 높음 - let {}(중괄호)라는 블록 범위에서만 사용함 같은 범위 내에서 값을 업데이트 하는 것은 가능하지만 이미 선언한 변수를 재선언 하는 것은 불가능함 다른 블록에서 같은 이름으로 선언해서 사용하는 것은 가능함 변수명이 같아도 각기 다른 블록에 있다면 다른 변수로 취급됨 - const 일정한 상수 값을 유지함 선언된 블록 범위 내에서만 접근할 수 있으며, 업데이트도, 재선언도 불가능함 범위 내에서는 변하지 않는 값이 됨 DOM 소개 - Web API | MDN (mozilla.org) HTML DOM ..

[JS 문법] 기초 CRUD(2)

[JS 문법] 기초 CRUD(1)

티스토리툴바