지금, 개발하기/Javascript17 [javascript] 변수명, 함수명 잘 짓는 법 📌1. 변수명을 잘 지어야하는 이유? 1. 가독성 및 이해성: 변수와 함수를 의미있는 이름으로 지으면 목적과 사용법이 한 눈에 보이기때문에 코드를 빠르게 파악하고 이해하기가 쉽습니다. 2. 유지보수성: 변수와 함수의 이름이 명확하지 않은 경우, 유지보수하는 개발자는 코드를 이해하는데 더 많은 시간을 쏟아야하기때문에 버그를 수정하고 기능을 추가하는데 불필요한 에너지가 소모됩니다. 3. 문서화: 명확하고 설명적인 이름은 이름만으로도 코드의 의도를 전달합니다. 이렇게 하면 과도한 주석의 필요성이 줄어들고 시간이 지남에 따라 코드가 발전하더라도 코드가 정확하게 유지됩니다. 4. 디버깅: 예상치 못한 동작이나 오류가 발생할 경우, 의미있는 이름은 개발자가 문제의 원인을 신속하게 식별하고 추적하는데 단서를 제공하여.. 2024. 4. 16. [javascript] reduce() 함수 사용법 및 쉬운 예시 📌1. reduce()함수란? JavaScript의 reduce() 함수는 배열의 각 요소에 대해 콜백함수를 실행하고, 하나의 새로운 결과값을 반환해주는 함수입니다. 하나의 결과값을 리턴하기 때문에 reduce()는 해당 요소의 값을 기반으로 배열에서 단일 값을 파생해야 할 때 특히 유용합니다. 예를 들면, 각 요소의 값을 합산한 결과값 하나만 리턴하는 경우에 reduce를 사용하면 유용합니다. 기본 구문은 다음과 같습니다. array.reduce(callback[, initialValue]); callback: 콜백함수는 배열의 각 요소에 대해 실행되며, 아래 4가지 인수를 가지고 있습니다. accumulator: 이전 콜백 실행의 누적 결과 (콜백 함수의 반환 값을 누적한 값) currentValue.. 2024. 4. 13. javascript] 옵셔널체이닝(optional Chaining)이란? 📌1. optional chaining이란? : 옵셔널 체이닝(optional chaining)은 객체의 중첩된 속성이나 메서드에 접근할 때, null 또는 undefined 에러를 방지하기 위한 방법입니다. 실제 개발을 하다보면객체 내의 값에 접근할 때, 값이 존재하지 않는 경우가 생각보다 많이 있습니다😥 이런 경우 프로그램이 터지는 걸 막기위해 옵셔널체이닝 같은 예외처리를 꼭 해줘야합니다. 아래 간단한 예시를 볼까요? member들의 address에 접근하고 싶은데, jinsu의 경우 주소를 입력하지 않았기때문에 city에 접근 시 바로 에러가 납니다. const member = { name: 'hana', address: { city: 'Seoul', zipCode: '10001' } }; cons.. 2023. 8. 18. javascript] 자바스크립트의 클래스 javascript에서 객체를 생성하는 방법에는 여러가지가 있습니다. 그 중에서도 class를 사용하는 방법은 javascript 뿐만아니라 다른 언어에서도 보편적으로 사용하는 방법이고, 객체지향의 원리를 이해하는데도 도움이됩니다. 1. 클래스란? : javascript에서 클래스는 객체를 생성하는데 사용되는 템플릿입니다. 클래스를 사용하여 객체를 생성하면 해당 클래스에 정의된 속성과 메서드를 가지는 새로운 객체가 생성이 됩니다. 📌 클래스 선언, 객체 생성 class Student { constructor(name, birthdate) { this.name = name; this.birthdate = birthdate; } celebrate(gift) { console.log(`${this.name} .. 2023. 8. 14. 이전 1 2 3 4 5 다음
