이 글은 제가 배웠던 것을 정리하고 사용해보며 되새기는 글 입니다 ! 자바스크립트에 대해 조금 정리해 보았습니다.
📍 자바스크립트(JavaScript)란?
- 자바스크립트는 1955년 넷스케이프에 브렌던 아이크에 의해 만들어 졌습니다. 처음엔 모카라는 이름으로 개발되었지만 그 후에 라이브스크립트, 최종적으로는 자바스크립트라는 이름으로 변경되었습니다.
✏️ 자바스크립트의 특징
- 자바스크립트(javscript)는 객체(object)기반의 스크립트 언어입니다.
- 자바스크립트는 동적이며, 타입을 명시하지 할 필요가 없는 인터프리터 언어입니다.
- 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다.
대충 자바스크립트에 대해 알아보았으니까 이젠 기본 분법들에 대해 알아보겠습니다 !
📍 출력
출력은 console.log() 함수로 출력할 수 있습니다.
Hello World!를 출력해 보겠습니다 !
console.log("Hello World!")
- Hello World!📖 변수
- 위에서 말했다 싶이 자바스크립트는 타입을 명시할 필요가 없는 인터프리터 언어로 3가지의 변수 선언 방식이 있습니다.
const: const는 constant의 줄임말로 상수를 말합니다.
블록 스코프 읽기 전용 상수를 선언합니다.
let: let은 블록 스코프 지역 변수를 선언하고, 추가로 동시에 값을 초기화할 수 있습니다.
var: 변수(variable) variable의 앞글자를 따서 var입니다. 변수를 선언하고, 추가로 동시에 값을 초기화할 수 있습니다.
- undefined : 찾을 수 없는 값을 의미합니다. 접근할 수 없는 값을 불러오려고 하면 undefined가 뜹니다.
- null : 값이 없음을 의미합니다.
- Nan(not a number) : 숫자값이 아닌데 강제로 숫자로 바꾸려할 때 나옵니다.
let t1 = true
let t1 = undefined
console.log(t2) // true
let t3 = null
console.log(t3) // null
let t4 = NaN
console.log(t4) // NaN📖 함수
- 일종의 블록이라고 생각하면 편합니다. 함수를 호출할 때마다 중괄호 안에 있는 모든 문장들을 실행시켜줍니다.
✏️ 함수 사용 방법
- 선언적이고 명시적인 fuction 키워드 사용
- 함수를 객체 혹은 리터널로 사용
📖 탬플릿 리터널
- 템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을 제공한다.
바로 예제를 써보겠습니다!
let num = 10
console.log("이 숫자는 " + num + " 입니다!")
// 이 숫자는 10 입니다!
//이 예제를
console.log(`이 숫자는 ${num}입니다!`)
//이렇게 바꿀 수 있습니다!🖊️ 마치며
동아리 인턴으로 활동하며 선배님이 직접 만들어주신 예제들을 보며 공부 한 것을 참고하여 적었습니다.
처음 자바스크립트를 접했을땐 이게 무슨 소리지 하며 막막한 마음으로 과제에 임했지만 지금 선배님이 짜주신 과제들을 보면서 감탄할 수 밖에 없었습니다...
그저 빛...정말 정성스럽고 잘 정리해둔 과제였다고 생각이 들었습니다ㅠㅠ 최고 !!
감사합니다!
Frontend Developer