[개발일지] javascript 맛보기! - 스파르타코딩클럽 2주차

“

안녕하세요!

어제보다 더 나은 오늘을 꿈꾸는

바오밥입니다 :)

 

”

드디어 웹페이지의 움직임을 담당하는

javascript 자바스크립트 강의로 넘어왔습니다!

기본적인 문법에 대해 배우고

간단한 함수들을 만들어서

웹페이지에 적용해봤는데 재미있네요!

javascript에 대해서 공부했던 내용을

간단히 정리해보겠습니다🙏

 

---

• 자바스크립트
  • 브라우저에서 알아들을 수 있는 유일한 프로그래밍 언어
  • 이는 웹과 브라우저를 만든 역사와 연관이 있음
    • 처음으로 웹과 브라우저를 만든 사람이 자바스크립트 언어를 선택 → 다른 이들도 보고 비슷하게 만들기 시작 → 표준으로 굳어짐
• 자바 VS 자바스크립트
  • 이 둘은 연관이 전혀 없는 언어이다..
  • 코끼리와 바다코끼리의 차이 정도
• 자바스크립트의 기본 문법
  • 데이터의 형태
    • 변수(variable) : 값을 담는 박스
      • 문자열도 담을 수 있다
      • 값끼리 사칙연산이 가능하다
      • // a라는 문자에 2라는 값을 담겠다 let a = 2 //first_name 이라는 단어에 choi 라는 값을 담겠다 let first_name = 'choi'
    • 자료형
      • list : 순서가 중요한 담기
        • 리스트는 대괄호를 사용한다
        • 컴퓨터의 순서는 0부터 시작된다

        // a_list 라는 곳에 과일들을 담겠다.
        
        let a_list = ['수박', '참외', '배']
        
        //a_list에 담긴 값 중 첫 번째 값을 불러오겠다
        
        a_list[0]

    • dictionary: key 와 value가 짝지어진 데이터
      • 중괄호와 클론을 이용한다
      • 순서는 중요하지 않다

      let a_dict = {'name' : 'bob', 'age' : 27}
      //name 의 값을 찾기
      a_dict['name']
      //만들어 둔 dictionary에 새로운 key, value 추가하기
      a_dict['height'] = 180
      -> a_dict = {'name' : 'bob', 'age' : 27, 'height' : 180}
      //dictionary와 list는 함께 사용될 수 있다.
      //list에서 예시로 든 a_list를 value로 하는 값을 dictionary에 추가하기
      a_dict['fruits'] = a_list
      -> a_dict = {'name' : 'bob', 'age' : 27, 'height' : 180, 'fruits' : ['수박', '참외', '배']}

    • 함수(fuction) : 정해진 동작을 하는 것

      //num1 값과 num2 값을 더한 값을 출력하는 mysum 이라는 함수를 만들어주기
      fuction mysum(num1, num2){
          return num1+num2
      }
      
      mysum(2,3)
      -> 5

    • 조건문(if)

      let age = 24
                      
      // age 값이 20을 초과하고 sex 값이 남성이면 '성인 남성입니다'를 출력하고 
      // age 값이 7을 초과하면 '청소년입니다'를 출력하고
      // 그 외의 값이면 '아동입니다' 값을 출력
      // and = && / or = ||
      if (age > 20 && sex == '남성'){
              console.log('성인 남성입니다.')
      else if (age > 7){
              console.log('청소년입니다')
      }
      else {
              console.log('아동입니다')
      }

    • 반복문

      //사람별 스코어 값이 있는 dictionary 입력
      let scores = [
          {'name':'철수', 'score':90},
          {'name':'영희', 'score':85},
          {'name':'민수', 'score':70},
      {'name':'형준', 'score':50},
      {'name':'기남', 'score':68},
      {'name':'동희', 'score':30},
      ]
      
      //score.length 를 통해 위의 ,dictionary의 값의 개수 확인 가능
      //i 값을 하나씩 더해 주면서 모든 사람의 score  값 확인 가능
      for (let i = 0 ; i < scores.length ; i++) {
          console.log(scores[i]);
      }
      
      //if 문을 합셔처 70점 미만인 사람의 이름만 확인
      for (let i = 0 ; i < scores.length ; i++) {
          if (scores[i]['score'] < 70) {
              console.log(scores[i]['name']);
          }
      }

---

javascript의 기본 문법을 정리해봤는데

굉장히 재미있습니다 ㅎㅎ

티스토리 블로그가 글편집이 네이버에 비해서 좀 불편한 감이 있는데,

HTML모드로 바꿔서 코드 형태로 편집하니

좀 더 자유도 있게 편집할 수 있어서 좋네요!!

이제 코드로 글을 수정할 수도 있으니

뭔가 확실히 배운 느낌이 듭니다 ㅎㅎ

빨리 공부해서 제가 생각하는 아이디어를 실현시킬 수 있는 날이 

어서 오면 좋겠습니다!!🙏

 

읽어주셔서 감사합니다!!

재미있게 읽으셨다면

'♥공감' 버튼 한 번 클릭 부탁드려요 :)