Javascript ( 1 )

Javascript

브라우저가 알아듣는 언어
변수, 자료형, 함수, 조건문, 반복문이 있음.

변수

( 웹페이지 콘솔창은 개발자들을 위한 도구로서,
웹페이지 콘솔창에 입력하면 호출한 내용을 확인할 수 있다. )

• 콘솔창에 a와 b를 선언하여 덧셈하기

  let a =2
  undefined
  let b = 3
  undefined
  a+b
  5

• 콘솔창에 배열입력 후 요소 추가하기

  let a_list = ['사과','귤','배']
  undefined
  a_list.push('감')
  undefined
  a_list
  (4) ['사과', '귤', '배', '감']
  let b_list = ['민수','지호']
  undefined
  a_list.push(b_list)
  undefined
  a_list
  (5) ['사과', '귤', '배', '감', Array(2)]
  a_list[4][0]
  '민수'

자료형 = Key : value

• 자료를 입력하고 원하는 key에 대한 value값 추출하기

  let a_dict = {'name':'john','age':25}
  undefined
  a_dict['name']
  'john'

• 자료 추가하기

  a_dict['height']=180
  180
  a_dict
  {name: 'john', age: 25, height: 180}

• gmail 추출하기

  let myemail = 'hihee@gmail.com'
  undefined
  myemail.split('@')
  (2) ['hihee', 'gmail.com']
  myemail.split('@')[1]
  'gmail.com'
  myemail.split('@')[1].split('.')
  (2) ['gmail', 'com']
  myemail.split('@')[1].split('.')[0]
  'gmail'

함수

• a와 b를 더하는 함수 ( 콘솔창에 텍스트, 결과값표시 )

  <script>
    function sum(a,b){
        console.log('계산을 합시다.')
        return a+b
    }
    let result = sum(2,3)
    console.log(result)
  </script>

조건문

• 나이가 19을 초과하면 성인, 아니면 청소년이라는 메시지 나타내기 ( if문 사용 )

  <script>
    function is_audult(age){
        if(age > 19){
            alert('성인입니다.')
        } else {
            alert('청소년입니다.')
        }
  	}
  </script>

반복문

• 자료 안에서 점수가 70점이상인 사람만 나타내기
  ( 자료 속에서 score 값만 뽑아 70이상이라는 조건으로 추출하여 해당 자료의 name 값을 콘솔 창에 나타내기 )

  <script>
    let scores = [
        {'name': '철수', 'score': 90},
        {'name': '영희', 'score': 85},
        {'name': '민수', 'score': 70},
        {'name': '형준', 'score': 50},
        {'name': '기남', 'score': 68},
        {'name': '동희', 'score': 30},
   	]
  for(let i = 0; i < scores.length; i++) {
      if (scores[i]['score']>70) {
         console.log(scores[i]['name'])
      	}
  	}
    </script>

이전까지는 Javascript언어가 너무 어렵게 다가와서, API를 활용하여 페이지를 만드는 게 막막했었다. 전 수업에서 따라쓰는 코드도 잘 이해가 가지않아 그냥 외우기 바빴는데, 오늘 수업내용은 이해가 잘 되어서 앞으로의 포트폴리오에서는 정보들을 잘 활용해 볼 수 있을 것 같다.