JAVASCRIPT

✔자바스크립트 언어

자바스크립트 언어는 기본 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도의 언어

JAVA처럼 별도의 코드를 컴파일(이진수로 번역)을 하지 않고

Interpreter(인터프리터, 한 줄씩 코드를 읽어서 해석하는 기능)를 이용해서 코드를 바로 실행

 

- 장점 : 컴파일에 소요되는 시간이 없음

- 단점 : 프로그램 실행 시간이 자바보다 상대적으로 느림

✔자바스크립트(javascript) 코드 작성 방법

- 브라우저 개발자도구(F12) -> console(콘솔) 에 직접 작성

- HTML 내부에 script 태그를 이용해서 작성 <script> </script>

- 자바에서 기능(메서드)을 작성할 때

   public void 동작이름() {

         System.out.println("입력을 진행했습니다.")

     }

   javascript에서 기능(펑션)을 작성할 때

    ＃function 동작이름() {

      console.log = "소비자 눈에는 보이지 않지만 개발자 눈에는 보이는 출력문"

      alert            = "소비자 눈에 보이는 출력문"

      을 이용해서 표현 함

     }

＃function  기능명() {

            기능을 클릭하거나 사용할 때 수행할 동작들 작성

         }

＃태그 안으로 무언가를 작성할 때는 . 작성 (.은 목차안의 목차안의 목차)

＃ Body 태그는 html 안에서 존재하는 이름일 뿐 script안에서 존재하는 이름은 아님

＃자바스크립트에서 바디태그 선택은 아래와 같다

    const body = document.querySelecotr("body");

✔ Key 와 Value

- 배열과 같이 k 와 value에 값을 넣어 작성

   어떤 값을 찾을 때 숫자로 찾는 게 아니라 지정해 놓은 값으로 찾는 방법 Map

  사용방법 {k:v , k:v}

- 값을 K:V (Map) 형식으로 여러 개 저장하는 형태

→ {K:V, K : V, K:  V, K  :V}    띄어쓰기는 관계 없음

 

k(key)    :  값을 구분하는 이름(변수명과 비슷)

V(value) : K에 존재하는 값 (변수명에 들어있는 변수값과 비슷)

 

  key, value 관계없이 영어와 숫자 이외에는 모두 " " 를 사용해서 작성

 

const 유저들 = {user1:"동그라미", user2:"세모", user3:"네모"};

const 한국어유저들 = {"유저1":"동그라미", "유저2":"세모", "유저3":"네모"};

 

＊유저들 안에 있는 동그라미를 가져오길 원한다면 아래 방법을 사용

→ 변수명. key

＊유저들 안에 있는  user1 정보 가져오기

→ 유저들.user1

＊한국어유저들 안에 있는 유저2 정보 가져오기

→ 한국어유저들.유저1  (유저1에 있는 큰따움표까지 가져오는게 아니라 그냥 유저1만 기재함

 

＃key value를 쓸때 많이 사용하는 것은 'mbti 검사하기' or '나한테맞는 동물짝찾기'