네이처리 노트
[Javascript] 자바스크립트 기본 알고 시작하기1 본문
공부하면서 정리한 내용입니다
참고한 내용은 맨 아래의 링크를 확인해주세요
세미콜론
문장과 문장이 연결되는 경우, 세미콜론을 사용하여 문장의 끝을 알린다.
문장 끝에 반드시 사용하면 오류를 최소한 할 수 있다.
// 다른 라인을 사용하여 세미콜론이 필요 없는 경우! 정상작동
console.log('1')
console.log('2')
// 한 라인에서 세미콜론 없는 경우! 오류발생
console.log('1')console.log('2')
// 한 라인에서 세미콜론 사용한 경우! 정상작동
console.log('1'); console.log('2')
주석
어떤 의도로 코드가 작성 되었는지 설명하거나 구현한 코드가 어떤 동작을 하는지 기록할 때
단축키 ctrl +/
// 하나의 라인에 주석을 사용
/* 여러 라인에 주석을
적용할 때
사용하는 방법 */
/**
* 코드 설명하기 좋은 주석.
* @param {string} name - 이름
*/
식별자 identifier
식별자는 변수를 구분할 수 있는 변수명
//변수 선언1
let espressoPrice;
espressoPrice = 3000;
//변수 선언2
let lattePrice = 4300;
console.log(espressoPrice);
console.log(lattePrice * 2);▶사용하지않지만 알아두면 좋은 var
▶변수에서 지켜야 하는 룰
변수의 유효범위 scope
블록스코피는 (block scope) if, for, function의 중괄호 내부를 가리킴
함수스코프는 (function scope) 는 function의 중괄호 내부를 가리킴
▽지역변수는 블록문안에서만 유효
function myFunction(){
let x = "local"; //로컬 변수, 지역번수 local variable 블록문안에서만 유효!!
console.log(x);
}
myFunction(); // lcoal
console.log(x); // error▽전역변수는 블록문안에서도 유효
let y = "global"; //글로벌 변수, 전역 변수 blobal variable
function myFunction(){
console.log(y);
}
myFunction(); // global
console.log(y); // global
상수 constant
let pi = 3.14;
let radius = 0;
//비어있지만 과정에서 값이 입력되는 경우,
//숫자일 경우 0, 문자일 경우 '' 을 할당해 줌
const PI = 3.14;
//상수 값이 바뀌지않고 일정한 경우 상수로 표시
//문자전체를 대문자로 표시한다. myNum > MY_NUM
//값을 변경하려고 하면 오류발생
- 코드가 일관되게 하기 위해서 상수를 사용하기도 한다.
- 표기법에서 구분하기
- const 상수 : MYNAME, MY_NAME
- const 변수 : myName
- const는 재할당이 불가
값을 재할당하려는 순간 에러가 발생한다.
할당된 값이 객체나 배열일 경우 메소드를 통해서 그 값을 변경 - const는 객체의 변수에서 주소값 수정이 가능하다.
console.log()
<!-- HTML -->
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> console.log </title>
</head>
<body>
<script src="./index.js"></script>
</body>// javascript
console.log('hi, I am console log') // 내용확인, 디버그 용으로 사용함개발자모드(F12)의 console탭에서 확인가능
Reference
ScriptDoc - 자바스크립트 표준 표기방식
개발자들이 개발하면서 제일 싫어하는 것 중 하나가 바로 문서작업입니다. 그래서 문서작업을 따로 하지 않아도 되도록 Java 개발자들을 위한 JavaDoc 이라는게 있죠. JavaDoc 은 대충 다음의 형식을
taegon.kim
JSDoc를 사용해서 Javasript 문서화해보자!
들어가기전에... 신규프로젝트가 있어서 산출물 작업때 JSDoc을 사용하려고 생각했는데, 프로젝트에서 JSDoc을 사용하지 않게되어 ㅎㅎ 개인적으로 정리하여 작성합니다. 그냥 이런저런 주석이 있
okayoon.tistory.com
[JavaScript] 자바스크립트 상수(Constant) 이해하기
[JavaScript] 자바스크립트 변수(varibable) 이해하기 에서 변수에 대해 알아봤다. 이번에는 상수에 대해서 알아보자. 상수란 무엇일까? 간단하게 상수는 변수의 반댓말이다. 수학에서의 상수와 동일
bigtop.tistory.com
https://www.zerocho.com/category/JavaScript/post/5b2b45cf1350f9001b662ba6
www.zerocho.com
'개발기록 > Javascript' 카테고리의 다른 글
| [javascript] function parameter (0) | 2022.09.02 |
|---|---|
| [javascript] function 선언방식 (선언식과 표현식) (0) | 2022.09.02 |
| [Javascript] 자바스크립트 기본 알고 시작하기2 (0) | 2022.09.02 |
| [Javascript] 사용하지않지만 알아두면 좋은 var (0) | 2022.09.02 |
| [Javascript] 오류 및 스타일을 위해 변수에서 지켜야 하는 룰 (0) | 2022.09.02 |