좋은 "변수이름" 짓는방법 " Naming 💡

 

 

 

개발자가 되기 위해서 준비하다 보면 중요하게 공부할 것 들이  많다 그 중 빠르게 개발을 배우는 것도 중요하지만, 그것보다 더 본질적으로 '좋은 코드'를 작성하는 것이 결국 우리가 개발하는 실무에서는 핵심 아닐까 💡

변수 이름을 개발자가 작성하기 때문에 Naming을 잘 작성하느냐에 따라 효율적인 코드가 될 수도 있고 개발자 본인의 주관적인 코드가 되어 유지보수 하기 힘든 코드가 될 수 있기 때문이다.  실제로 회사에서 유지보수 할 일이 있거나 다른 사람의 개발 코드를 보고 수정하는 일들을 하다 보면 좋은 코드가 왜 필요한지 피부로 느낄 수 있다. 

 

 

좋은 코드란

---

좋은 코드란 가독성이 좋아서 이해하기 쉬우며 변경하기도 편리하고 재사용하기 쉬운것을 효율적인 코드라 이야기한다. 개발을 한 이후 요구사항등 변경이 필요할 일이 많기 때문에 기능 개발 만큼 중요한 것이 바로 유지보수이다. 

 

 

 

 

 

변수의 이름을 짓는 이유

---

먼저 변수에 이름을 짓는 이유에 관해서  간단한 컴퓨터의 구성요소를 보며 확인해보자. 우리가 작성하는 코드는 결국 컴퓨터 위에서 작성하는 것이기 때문에 어떤 코드를 작성할 때 어떤 목적을 가지고 코드를 작성 하는지는 매우 중요하다. 변수의 이름을 개발자 스스로 지어야 하는지 궁금해 할 필요가 있다.  어떤 것을 하기 이전에는 이것을 하는 목적이 무엇인지 어떤 이유가 있어서 해야하는 건지 알는것과 모르는 것은 큰 차이이다.   

 

 

 

 

하드웨어 · CPU · 메모리 컴퓨터 안에 구성요소를 크게 나누면 3가지로 나눈다. 하드웨어에서 정보를 다 처리를 한다면 매우 느릴 것이다.  하드디스크에 있는 폴더나 파일을 열어 계산하는 일을  CPU가 해주고, 계산한 하드디스크에 있는 우리 폴더나 파일을 가져가 저장하고 처리할 수 있도록 메모리가 해준다 그리고 어플리케이션을션을 모니터에 열게 되는 것이다. 사용자가 수정하는 내용들을 주기적으로 업데이트를 하면 메모리에서 작업을 처리하며 작업한 내용을 저장하고 종료하면 하드디스크를 다시 거치는 일을 하게 된다.

 

 

기억저장소라 불리는 이 메모리 구성은 Bit와 Byte로 구성 되어있다. 기억할 것은, 우리가 어플리케이션을 열고 무언가를 처리하는데 메모리 상에 데이터를 보관하고 읽으며 쓰는 사실이다 각각의 메모리 셀은 1 바이트 크기로 만들어져 있는데 각각 1byte안에는 1또는 0을 담을 수있고 1byte는 8bit가 들어 있다. 따라서 변수(Variables)는 값을 저장하는 박스이다. 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간을 의미한다.  

 

 

 

 

 

 

 메모리 장소랑 변수이름의 관계 

---

어플리케이션을 열고  입력한 데이터를 처리하게 될때, 즉 주어진 로직대로 처리하고 출력하게 되는데  이때 처리 ·  연산 ·  계산하고  데이터를 임시적으로 보관하기 위해서는 변수가 필요하다.

기억저장소라 불리는 이 메모리 구성은 Bit와 Byte로 구성 되어있다. 우리가 어플리케이션을 열고 무언가를 처리하는데 메모리 상에 데이터를 보관하고 읽으며 쓰는 사실이다. 각각의 메모리 셀은 1 바이트 크기로 만들어져 있는데 각각 1byte안에는 1또는 0을 담을 수있고 1byte는 8bit가 들어 있다. 따라서 변수(Variables)는 값을 저장하는 박스이며 데이터(data)를 저장하기 위해 프로그램에 의해 이름을 할당받은 메모리 공간을 의미한다.  

그리고 변수가 할당되는 자리에는 각각의 메모리 이름이 있다.  

 

 

 

 

 

 

 

 

변수가 할당되는 메모리장소에 이름을 사용해도 되나요?

---

 

 

 

 

변수 메모리 주소자체를 변수로 사용하게 되면 너무 길어지게 된다. 또한 그 변수에 무엇을 가지고 있는지 기억하기 힘들고 어디쯤에 코드인지 유추하기도 힘들다. 

 

 

 

 

 

 

변수의 규칙 

---

/** 변수 
* 숫자 (0~9)
* 소문자 (a-z)
* 대문자 (A-Z)
* 추천: camelCase 
* 언어: 한국어 xxx
* 예약어: xxxx
* 숫자로 시작 : xxxx
* 특수문자 : xxx(_ , $ 두가지는 예외)
* 이모티콘 : xxx
* 여러개의 변수를 숫자로 나열하지 않기 !

 

 

 

 

 

 

좋은예제

---

let age = 66;
// 구체적인 것을 명시하는것이 중요하다.

let phone;
//'phone' 명시하는 것 보다, 어떤 컬러인지를 아래 코드 처럼 구체적으로 명시하는게 더 좋다.
let applePhone;

 

 

 

 

나쁜예제 

---

let number = 66;
// or
let num = 69;
//어떤 숫자를 의미하는지 알 수 없다.

 

//나쁜 예제
let pen1;
let pen2;
let pet3;

 

💌  아래 mdn 사이트 들어가서 더 자세히 확인해 보자. 

https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Variables

 

 

 

 

 

⭐꿀팁

//**꿀팁!
let bookColor;
let bookWind;

 

 

대분류(단어)를 앞에 먼저 작성하고 구체적인 내용을 뒤로 빼서 작성을 한다면 'book' 이라는 키워드로 작성한 코드가 어떤게 있는지 한 번에 확인할 수 있다. 뭉뚱이 코드보다 구체적일 수록 좋은 코드가 되니, 원칙만 제대로 지켜도 괜찮은 코드를 작성하는데 큰 도움을  주니 잘 참고해보자.