Javascript 기초 문법

이선민·2021년 4월 15일
0

크롬 개발자도구 콘솔창 : 띄어놓은 페이지에서 자바스크립트를 빠르게 테스트해볼 수 있다 (개발자들을 위해 만들어둔 도구, 새로고침 하면 모두 사라진다)

변수 & 기본연산

  • let으로 변수를 선언 (변수명은 쉽게 알아볼 수 있게 쓰는것이 중요)
let a = 3
let b = 2
let first_name = 'sunmin'
let last_name = 'lee'
  • 사칙연산, 문자열 더하기
a+b // 5
a/b // 1.5

first_name + last_name // sunminlee

자료형

  • 리스트 : 순서를 지켜서 가지고 있는 형태
let a_list = ['강아지','토끼','고양이'] // 리스트를 선언

a_list[0] // '강아지'를 출력
a_list[1] // '토끼'
a_list[2] // '고양이'
a_list[3] // 오류발생

// 리스트에 요소 넣기
a_list.push('참새') // a_list = ['강아지','토끼','고양이','참새']
a_list[3] // '참새'를 출력

// 리스트의 길이 구하기
a_list.length // 4를 출력
  • 딕셔너리 : 키(key)-밸류(value) 값의 묶음
let a_dict = {'name':'sunmin','age':12} // 딕셔너리 선언
a_dict['name'] // 'sunmin' 출력
a_dict['age'] // 12 

// 딕셔너리에 키:밸류 넣기
a_dict['height'] = 180
a_dict // {name: 'sunmin', age: 12, height: 180} 출력
  • 리스트와 딕셔너리 조합
a_dict['pet'] = a_list
a_dict // {name: 'sunmin', age: 12, height: 180, pet: Array(4)} 
a_dict['pet'] // ['강아지','토끼','고양이','참새']
a_dict['pet'][1] // '토끼'

기본 함수

  • 나눗셈의 나머지를 구하고 싶은 경우 (균등하게 나눌 때, 짝수 홀수 구분할 때 쓰면 좋다)
let a = 100
a % 8 // 4
a % 3 // 1
  • 등호
a < 150 // true
a > 200 // false
a == 100 // true a는 100과 같다
a != 100 // false a는 100과 같지않다
  • 문자열 나누기 .split
    ex) 어떤 도메인의 이메일인지 판별하기
let myemail = 'sunm309@naver.com'
myemail.split('@') // ["sunm309", "naver.com"]
myemail.split('@')[1] // "naver.com"
myemail.split('@')[1].split('.') // ["naver", "com"]
myemail.split('@')[1].split('.')[0] // "naver"

함수

  • 기본 생김새 function
// 두 숫자를 입력받으면 더한 결과를 돌려주는 함수
function sum(num1, num2) { // function 함수이름(필요한 변수들)
  return num1+num2 // 내릴 명령들을 순차적으로 작성
}
// 함수 사용
let result= sum(2,3)
result // 5

조건문

  • if
let age = 21

if (age > 20) {
  	console.log('성인입니다')
} else {
  	console.log('청소년입니다')
} // '성인입니다'를 출력
  • else if
let age = 15

if (age > 20) {
  	console.log('성인입니다')
} else if (age > 16) {
  	console.log('고등학생입니다')
} else {
	console.log('청소년입니다')
} // '청소년입니다'를 출력

반복문

  • 0부터 9까지 출력하기
for (let i = 0; i < 10; i++) {
  console.log(i)
} 
  • 예제1 (반복문은 주로 리스트와 함께 쓰인다)
let people = ['철수', '영희', '민수', '형준']

for (let i = 0; i < people.length; i++) {
  console.log(people[i])
} // i가 1씩 증가하면서, people의 원소를 차례대로 불러올 수 있다.
  • 예제2 (딕셔너리가 들어간 리스트)
let scores = [
  {'name': '철수', 'score': 90},
  {'name': '영희', 'score': 65},
  {'name': '민수', 'score': 80},
  {'name': '형준', 'score': 50}
]

for (let i = 0; i < scores.length; i++) {
  if (scores[i]['score'] < 70) {
    console.log(scores[i]['name']);
  }
} // 점수가 70점 미만인 사람들의 이름만 출력

자바 언어를 잠깐 공부하던 것이 많은 도움이 됐다.
자바를 깊게 공부 한 건 아니었지만 그래도 공부하면서 비슷한 부분이 많아서 쉽게 이해할 수 있었다.
물론 아직 정말 기초라서 그런 거겠지만 나중에 어려운 게 나와도 몇 번 복습하고 다시 보면 이해가 될 것 같다!
반복문은 아직 헷갈려서 예제들을 많이 꼭 풀어보는 게 좋을 것 같다.

0개의 댓글