JS 선행(1)
2448 단어 JavaScriptwebJavaScript
1. 표기법
- dash-case(kebab-case) : 각 단어 사이에 - 사용 (HTML, CSS)
- snakecase : 각 단어 사이에 사용 (HTML, CSS)
👉🏻 dash-case와 snake_case는 전부 소문자 사용 - camelCase : 첫글자 제외 각 단어의 첫 글자를 대문자로 (JS)
- PascalCase : 모든 단어의 첫 글자를 대문자로 (JS)
+) Zero-based Numbering : 번호 매길때는 0부터 시작!
+) 사실 명령어 끝에 세미콜론(;) 안붙여도 됨
2. 주석
// 한줄메모
/* 한줄 메모 */
/**
* 여러줄
* 메모
*/
3. 데이터 종류 (자료형)
- String(문자 데이터) : 따옴표 사용 " '
- `(그레이브=백틱) 사용하면 보간법 사용 가능
- 보간법 : 백틱 안에서 ${변수명}으로 다른 변수값을 문자로 출력 가능
- Number(숫자 데이터) : 정수 및 부동소수점 숫자
- Boolean(불린 데이터) : true/false 두 가지 값만 가지는 논리 데이터
- Undefined : 값이 할당되지 않은 상태 (실제로 값이 없음)
- Null : 값이 의도적으로 비어있음을 의미
👉🏻 Undefined와 Null은 의도 유무의 차이 - Object(객체 데이터) : 데이터를
{key: value, key: value}
형태로 저장 ->객체이름.key
형태로 접근 - Array(배열 데이터) : 데이터를 순차적으로 저장
['data1', 'data2', 'data3']
->배열이름[2]
형태로 접근 (Zero-based Numbering)
🌟 Object는 key있는 중괄호{}, Array는 그냥 대괄호[] 꼭 기억하자!!!
4. 변수
- 변수 : 데이터를 저장하고 참조(사용)하는 데이터의 이름
- 변수 선언
- let : 재사용 가능, 값(데이터)의 재할당 가능
- const : 값(데이터)의 재할당 불가능
👉🏻 최근 var 사용 X, 대부분 const로 사용하고 재할당 필요해지면 let으로 바꾸기
// 재할당 예시
let a = 12;
a = 999; // O
const b = 12;
b = 999; // TypeError
- 예약어(Reserved Word) : 특별한 의미를 가지고 있어 변수나 함수의 이름 등으로 사용할 수 없는 단어 (this, if, break 등) -> 따로 외우지 말고 editor의 도움 받기!
5. 함수
(함수 호출과 변수의 활용, 조건문 등 이미 정확하게 숙지하고 있는 개념은 생략함)
- 함수(function) : 특정 동작(기능)을 수행하는 일부 코드의 집합
- 함수 선언
function Func(){
// 명령;
}
- 함수 호출 시 넘겨주는 것은 인수(Arguments), 함수 선언부 및 내부로 받아가는 것은 매개변수(Parameters)
- 기명함수(이름 있는 함수) : 위와 같이 함수 선언
- 🌟 익명함수(이름 없는 함수) :
let word = function(){};
함수 표현, 보통 이처럼 변수에 할당해 변수 이름으로 호출
👉🏻 function 키워드 뒤에 함수 이름 있으면 기명함수 / 없으면 익명함수 - 메소드(Method) : 객체 데이터 내부에 속성으로 할당된 함수 -> 함수 자체를 데이터처럼 사용
Author And Source
이 문제에 관하여(JS 선행(1)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@loopy/JS-선행저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)