본문 바로가기

JavaScript36

자료형과 정적 / 동적 타입 자바스크립트는 동적 타입을 가진 언어(인터프리터 언어) 정적 타입 언어(컴파일 언어) : 자바, C - 특정 값이 할당된 변수에 그와 다른 자료형의 값을 넣는 것이 가능 - 자유롭지만 그만큼 자료형 관련 오류들에 취약함 let job = '학생'; let age = 17; console.log(job, age); // 학생 17 console.log(typeof age); // number // 숫자 값이 들어있던 age에 문자열 값을 넣는 것이 가능 age = '열일곱'; console.log(age); // 열일곱 console.log(typeof age) // string 자료형의 다름으로 일어날 수 있는 오류 - 특정 자료형에 대해서만 사용될 수 있는 기능에서의 오류 (런타임 오류) // 주어진 .. 2023. 3. 1.
자료형 - 데이터의 종류 typeof 연산자 : 뒤에 오는 값의 자료형을 반환해줌(return) const a = true, b = 12.5, c = "hi"; console.log(a, typeof a); // true 'boolean' console.log(b, typeof b); // 12.4 'number' console.log(c, typeof c); // hi string let d; console.log(d, typeof d); // undefined 'undefined' - 변수에 값을 할당하지 않았기 때문에 자료형으로 undefined 가 반환됨 d = null; console.log(d, typeof d); // null ⚠️자료형으로 'object' 반환 - object 라는 자료형은 따로 있지만 이를 수정하.. 2023. 3. 1.
함수에서 파라미터를 사용하는 이유 그동안 자바스크립트 강의를 들으면 함수의 파라미터 자리에 'event' 라고 쓰는걸 보고 저게 뭐지? 생각했다. 사실 수학에서 배운 함수를 생각해보면 그냥 만들어 놓은 함수의 변수 자리에 'event' 라는 값을 넣어주는 건데 코딩을 하면서는 그렇게 생각이 들지 않아서(왜지???) 항상 헷갈렸었다. 그런데 오늘 깨달음 (조금?) 원래는 이 코드처럼 alert 창을 닫아주는 닫기 버튼과 alert 창을 보여주는 열기 버튼에 해당하는 함수를 각각 하나씩 만들었는데, 파라미터를 사용하면 함수를 하나만 만들어도 된다는 것이다. 그러니까 이런식으로 파라미터가 들어가는 부분에 '구멍' 이라고 써두면 앞으로 alertShow() 함수를 사용할 때 () 안에 어떤 것이든 입력할 수 있다는 것이다. 파라미터를 사용하면 .. 2022. 6. 6.
Deleting To Dos part 1 console에서 출력되는 toDos array를 보면 이는 데이터베이스임을 알 수 있다. localStorage는 이 toDos array를 복사해두는 곳으로 localStorage는 toDos array와 같지 않다는 것을 알아두어야 한다. toDo 목록에 있는 것을 지워도 콘솔창에 toDos array를 출력해보면 여전히 그 item을 가지고 있다는 것을 알 수 있다. toDo 목록에 있는 것을 지우면 그것이 toDos array에서도 지워지도록 수정하고 싶은데 문제는 어떤 item을 지워야하는지 알 수 없다는 것이다. JS와 Html의 입장에서 deleteToDo는 화면에서 Html의 어떤 element를 지워야 하는 지 알고 있지만 어떤 todo text를 데이터베이스에서 지워야 하는 지 모른다.. 2022. 3. 22.

티스토리툴바