[TIL]Day 14. js 정리(1)

이번 포스팅에서는 js와 관련한 팁들을 정리해보려고 합니다.

 

손님에게만 특별히 알려드리는 것입니다.^^

 

1. 변수 설정시 유의사항

 

• 한 파일에서 같은 변수 이름을 중복해서 사용할 수 없습니다.

같은 변수 이름을 중복해서 사용한다면 컴퓨터는 그 변수들의 차이점을 인지하지 못해 에러를 발생시킵니다.

• 변수이름, 함수이름, 연산자 모두 대소문자를 구분합니다. 따라서 myName과 MyName은 다른 변수입니다.

• 변수 이름을 정할 때, 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($)중 하나 입니다.

• 두 번째 문자 부터는 글자, 밑줄, 달러, 숫자 중에서 자유롭게 쓸 수 있습니다.

• 변수이름, 함수이름 등 camelCase(카멜케이스) 방식으로 써야 합니다. 

cf. camelCase? snake_case? 
1) camelCase(카멜 케이스)

카멜케이스란 낙타 등처럼 울퉁불퉁하다는 소리입니다. 
단어가 새로 시작할 때부터 대문자로 쓰면 됩니다.
다음은 예시들입니다.

 

ex)
firstSecond
myProfileImg
toDoListArray

2) snake_case

카멜케이스 말고 snake_case 표현도 있습니다.
변수이름에 -는 사용할 수 없으므로, 띄어쓰기 대신 _를 사용한 것입니다. 하지만 잘 사용하지는 않습니다!

 

2. 변수 설정은 가급적 의미가 추측 가능하도록 해야 한다.

 

변수 설정은 그 변수의 이름만 보고도 추측이 가능하게끔 하는 것이 좋습니다. 그래야 후에 유지보수하기도 쉽고, 나 아닌 다른 이가 코드를 읽을 때에도 가독성이 좋기 때문입니다. 

 

혹여나 변수명을 설정하시기 어렵다면 다음의 사이트의 도움을 받는 것을 추천드립니다.

www.curioustore.com/#!/)

Curioustore

 

3. 문자열 더하기시 팁

 

String과 Number형을 더하면 항상 String 형으로 변환됩니다. 그렇기 때문에 문장 내에 자료형을 꼼꼼히 따져주셔야 합니다!! 

 

그렇다고 코딩 중에 키보드를 꼼꼼히 보면 안됩니다.

 

 

4. 매개변수(parameter)와 인자(argument)

 

자바스크립트 함수를 공부하다보면 매개변수와 인자라는 말을 많이 듣게 됩니다. 이 개념이 생소하고 또 익숙하지 않다면 자주 헷갈릴 수 있으니 이번 기회에 개념을 확실히 알아두는 것이 좋습니다.

 

1) 매개변수란?

 

함수를 정의하면서, 함수 선언식의 괄호'()'안에 어떤 변수명을 쓰면, 우리는 그걸 매개변수 라고 부릅니다. 매개변수는 그 이름처럼 실제로 함수 안쪽에서 변수와 같은 역할을 하게 됩니다.
후에 함수가 호출될 때, 값을 전달받으면 인자를 통해 그 값이 매개변수에 정의됩니다. 

 

2) 인자란?

 

어떤 함수를 호출하면서, 호출문의 괄호 안에 어떤 값 또는 값이 정의된 변수를 쓰면, 우리는 그걸 인자 라고 부릅니다.
함수에서 매개변수를 적어둔 상태라면, 호출시 인자로 전달한 값은 매개변수를 통해 사용 가능하게 됩니다.

 

 

5. 마무리

 

오늘은 자바스크립트의 작지만 중요한 팁들을 알아보았습니다. 아무쪼록 이 포스팅이 많은 분들에게 도움이 되길 바라며 오늘 포스팅 마무리하겠습니다.