JavaScript를 작성할 때 염두에 두어야 할 사항

안녕하세요 여러분 👋

안녕 친구들, 여기는 SnowBit입니다. 저는 젊은 열정적이고 독학으로 프론트엔드 웹 개발자이며 성공적인 개발자가 되려는 의도가 있습니다.

오늘 저는 JavaScript 코드를 작성하는 동안 염두에 두어야 할 몇 가지 중요한 사항을 가지고 왔습니다.

즐거운 독서!


깨끗한 코드를 작성하는 것은 작동하는 코드가 아니라 다른 개발자가 재사용하고 리팩터링하는 가독성에 관한 것입니다. 실제로, 당신은 당신 자신을 위해 글을 쓰는 것이 아니라 당신의 코드를 쉽게 읽을 수 있고 프로젝트를 편집하거나 기여하는 데 어려움 없이 당신의 코드를 쉽게 이해할 수 있는 다른 개발자들을 위해 글을 쓰는 것입니다.

이 기사에서는 깨끗한 코드를 작성해야 하는 이유와 방법에 초점을 맞출 것입니다.

카멜 케이스

Camel case는 공백이나 구두점 없이 구문을 작성하는 방식으로, 하나의 대문자로 단어를 구분하고 두 경우 중 하나로 시작하는 첫 단어를 나타냅니다.

출처: 위키백과

// Don't do this ❌
const isadmin = true

// Do this ✅
const isAdmin = true

의미 있는 변수 이름

변수에 이름을 지정할 때 관련이 없거나 의미 없는 이름을 지정하면 안 됩니다. 작업에 따라 변수에 적절한 이름을 지정해야 합니다.

// Don't do this ❌
const foo = ["cars", "boats", "planes"]

// Do this ✅
const vehicles = ["cars", "boats", "planes"]

부울

부울을 변수에 할당할 때 변수 이름은 의문형이어야 합니다.

불리언 변수에 의문조로 이름을 붙여야 하는 이유는 작은 코드로 변수의 타입을 찾기는 쉽지만 그 변수의 타입을 확인하고 싶다면 그 변수의 타입을 찾는 데 꽤 많은 시간이 걸리기 때문이다. 새 값을 할당합니다.

// Don't do this ❌
let sunday = true

// Do this ✅
let isSunday = true

여기에서 변수 유형isSunday을 명확하게 결정할 수 있습니다Is it Sunday?. 대답은 예(true) 또는 아니오(false)이지만 변수sunday의 경우에는 다음을 결정할 수 없습니다. 여기sunday는 무엇이든 될 수 있습니다. 일요일을 좋아하거나 일요일에 크리켓을 합니다.

const isAdmin = true
const hasSubscribed = true
const hasTwitchLinked = false

추가 및 불필요한 컨텍스트 피하기

개체 또는 클래스에서 컨텍스트를 제공할 때 변수 이름에 원치 않는 정보를 추가하지 마십시오.

// Don't do this ❌
const user = {
   userName: "SnowBit",
   userAge: 15,
   isUserAdmin: true
}

// Do this ✅
const user = {
   name: "SnowBit",
   age: 15,
   isAdmin: true
}

하드코딩된 값 피하기

하드 코딩된 값 대신 의미 있는 변수를 사용하여 상수 값을 저장하는 것이 좋습니다. Upper Snake Case - UPPER_SNAKE_CASE에서 전역 상수를 유지하는 것이 좋습니다.

// Don't do this ❌
const areaOfCircle = 3.14 * (4)^2

// Do this ✅
const RADIUS_OF_CIRCLE = 4
const areaOfCircle = 3.14 * (RADIUS_OF_CIRCLE)^2

그래서 이것들은 여러분과 공유하고 싶은 몇 가지 중요한 팁이었고 여러분이 기사를 즐겁게 읽으셨기를 바랍니다. 곧 이 기사의 두 번째 부분을 작성할 예정이니 저를 팔로우하는 것을 잊지 마세요.

읽어주셔서 감사합니다. 좋은 하루 보내세요!
당신의 감사는 나의 동기입니다 😊

Twitter에서 나를 팔로우하세요 -

YouTube에서 저를 구독하세요 -