비굴이의 개발일지

안녕하십니까! 비굴이입니다! 오늘부터 배울 내용은 어떻게든 만들기보다는 안정하게 만들기에 중요한 내용입니다! **오류의 종류 (구문 오류, 런타임 오류)** 1.. 프로그램 실행 전에 발생하는 오류 → 구문 오류 (syntaxError) 맞춤법이나 괄호와 같은 구문적인 문제로 발생하는 오류 2.. 프로그램 실행 중에 발생하는 오류 → 런타임 오류 + 예외 예외처리 종류 1.. 기본예외처리 다음과 같이 h1태그가 없는 상황에서 텍스트 내용을 변경하려고 해보겠습니다. 그러면 아래와 같이 오류가 발생합니다. h1의 값이 없기 때문에 null이라고 나와있는 것을 확인할 수 있습니다. index.html:9 Uncaught TypeError: Cannot set properties of null (setting ..

혼자 공부하는 자바스크립트 2023. 1. 1. 01:12

안녕하십니까! 비굴이입니다. 오늘 공부하는 객체와 배열의 고급에서 먼저 객체의 기본값을 지정하는 것에 대해 이야기합니다. 보통 아래의 코드와 같이 함수를 만들어서 활용을 하게 되는데 이는 console.log()만 봤을 때에는 key가 어떤 것인지 알기가 어렵기 때문에 지양하는 방식입니다. const test = function (name,age,color) { return `${name} : ${age} : ${color}` } console.log(test("구름",7,"갈색")) //구름 : 7 : 갈색 때문에 함수에 따로 지정을 해줘서 만들게 되면 아래와 같은 형태가 되는데 이는 내용이 길 순 있어도 해석이 용이하다는 장점이 있습니다. const test1 = function(object) { r..

혼자 공부하는 자바스크립트 2022. 12. 28. 17:30

안녕하십니까? 비굴이입니다아 1. 객체 자료형 배열과 함수는 모두 객체라는 것을 알고 넘어가야 합니다. 객체이기 때문에 속성 값을 넣어주면 속성 값을 반환하게 됩니다. let a = []; a.test = 10 function b () {} b.test = 10 console.log(a.test) console.log(b.test) //10 //10 배열과 함수의 타입을 typeof로 확인해보면 배열은 객체의 뜻을 가진 object로 나오지만 함수는 함수(function)로 타입이 따로 지정되는 것을 알 수 있습니다. 함수는 이렇게 객체의 특성을 가지면서 실행이 가능한 객체로 '일급 객체'라고 부르고 있습니다. let a = []; a.test = 10 function b () {} b.test = 10..

혼자 공부하는 자바스크립트 2022. 12. 20. 17:57

안녕하십니까! 비굴이입니다. 혼자 공부하는 자바스크립트에서 자료를 다루는 객체에 대한 설명인 6-1을 시작하고자 합니다. 1. 객체 우선 객체와 배열을 구분하는 작업이 필요합니다. 배열은 객체의 형태 중 하나라고 봐도 무방할거 같습니다 배열을 하나 만들고 이것의 타입을 확인하면 객체라는 뜻을 가진 object가 나오는 것을 확인할 수 있습니다. let array = [1,2,3,4] console.log(typeof(array)) //object 객체를 만들 때는 배열과는 다르게 {}를 사용하며, 분류를 할 수 있는 값(밑에 코드에서 name, age)를 키(key) 라고 하며, 그 안에 있는 내용물('becool', 32)은 값이라고 합니다. 이 때 key를 구분할 때에는 ' , '를 사용하며 key에..

혼자 공부하는 자바스크립트 2022. 12. 20. 12:54