Udemy section 11 (30일) - 자바스크립트, 값, 변수, 명령

 

1. syntax(구문)! 특정 프로그래밍을 사용할때 써야하는 언어규칙을 말한다!

 

 

2. 배울 목표!

 

 

3. 자바스크립트에서 많이 사용할 value type

 

 

4.변수를 박스처럼 생각하기!

변수는 박스다!

5. html 에서는 <script></script>로 추가!

   ㄴ body에 들어가기도 하고 head에 들어가기도 함!

 

    <script>

      'Hi I\'m seungyeon'   "를 쓸지 '를 쓸지 일관되게 쓰면됨 !

      32

    </script>

 

 

6. alert () 기능   -> 브라우저에게 alert를 요청함 

 

    <script>

      alert('Hi I\'m seungyeon')

      32

    </script>

 

7. 변수 (데이터컨테이너 소개)

     ㄴ 레이블된 데이터컨테이너를 변수라고 한다!

 

    <script>

      alert("Hi I'm seungyeon!!!");

      alert("Hi I'm seungyeon!!!");

      alert(32);

    </script>

   -----> 만약 스트링이 바뀌면 하나하나 수정을 할수가 없으니까

 

8. 변수값은 특수문자 안됨 ($ 표시 제외!) 

    ㄴ 띄어쓰기는 허용되기 함 

    ㄴ camel case(관례)를 사용함

 

 

9. 저장된 변수를 언제든 꺼내서 쓸수 있다!

 

    <script>

      let greetingText = "Hi I'm seungyeon!!!"

      alert(greetingText);

      alert(greetingText);

      alert(32);

    </script>

 

    <script>

      let greetingText = "Hi I'm seungyeon!!!"

      alert(greetingText);

      alert(greetingText);

      greetingText = "Hi I'm really seungyeon!!!"    -> let을 또 쓰지 않는다 

      alert(greetingText);   

    </script>

 

10. 구분의 끝을 구분하기 위해서는 ;를 씀! (필수는 아님 BUT 같은줄에 있으면 무조건 써줘야함 구분하기위해!)

      ㄴ 대부분은 한문장한에 두개이상 구문은 쓰지 않음?

 

11.  age (소문자)

      let age = 32;

      let greetingText = "Hi I'm seungyeon!!!";

      alert(greetingText);

      alert(greetingText);

      greetingText = "Hi I'm really seungyeon!!!";

      alert(greetingText);

      alert(age)

 

 

 

12. 끝이 .js로 끝나는 외부파일 생성하기 

    <script src="app.js"> </script>   

     -> 연결! (종료태그 제거하지 말것!)

     -> 스크립트 사이에 내용 넣을수 x (scr 연결 되어있는 경우!)

 

 

13. 배열(array)소개! (데이터 리스트 관리) - 여러개의 value를 넣음!

 

 

let age = 32;

let userName = 'Seungyeon Kim'

let hobbies = ['sports', 'cooking', 'reading', 1 , 2]

alert(hobbies);

 

let age = 32;

let userName = 'Seungyeon Kim'

let hobbies = ['sports', 'cooking', 'reading', 1 , 2]

alert(hobbies[0]);

    -> 하나만 뽑아줘! (인덱스 번호를 써주면 됨)

 

14. 객체(object)소개 - 관련 데이터 그룹화  -> 여권을 생각해봐!

     ㄴ 객체와 레이

 

15. let job = { title: 'Developer' , place: 'New York', salary: 90000 }

   ㄴ 세개의 변수가 논리적으로 연관되어있음을 인지하기!

 

16. 여러줄에  코드 분할

let job = {

    title: 'Developer' ,

    place: 'New York',

    salary: 90000

}