외계어 스터디 2/5 - Expressions & statements

3,296 views
3,241 views

Published on

Published in: Education

외계어 스터디 2/5 - Expressions & statements

  1. 1. 1 2 3 4 5 Overview Expressions & statements Function & Object Event & Library Storage & Network & SCM(git) Learn Programming with Web Language For non-developers
  2. 2. 아들바보
  3. 3. 프로그래밍이란? “값”를 목적에 따라! 처리하는 일련의 과정
  4. 4. 언어 구성 요소
  5. 5. 토큰 의미를 가지는 가장 작은 단위
  6. 6. 연산자 산술, 논리 등 연산 수행 지정자
  7. 7. 식별자 이름 짓기 규칙에 따라! 프로그래머가 만든 이름
  8. 8. 문(文) 실행할 동작을 지정하는 것! ! 대입문, 비교문, 반복문 등 ! 많은 종류가 있다
  9. 9. 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z + - * / % _ “ ‘ { } ( ) [ ] ~ ! | & = . ; ? < > , Javascript 에서 사용되는 문자들
  10. 10. break function return var case delete if else switch catch do in this while const instanceof throw with continue finally let try debugger for new typeof … Javascript 언어에서! 미리 선점한 예약어 예약어들은 정해진 용도 이외의 다른! 용도로 사용할 수 없음
  11. 11. 1. 문과 문의 구분은 ; (세미콜론)으로 한다! 2. 대소문자를 구분한다! 3. 이름(식별자)는 영문자, _(언더바), $로만 시작될 수 있다! 4. 토근과 토큰 사이의 공백, 줄바꿈, 탭 문자는 무시한다 기본 규칙 1
  12. 12. 문과 문의 구분은 ; (세미콜론)으로 한다! ㄴ 생략시 일정한 규칙에 의해 세미콜론을 자동으로 부여한다! ㄴ 자동 부여 방식의 이해가 없다면 생략하지 않으면 된다 기본 규칙 1! *예외
  13. 13. 코드가 나타나는 즉시 해석되고 실행됨. 특별한 시작 지점 없음 기본 규칙 2 console.log(‘run code 1’);! console.log(‘run code 2’);! console.log(‘run code 3’);! console.log(‘run code 4’);! console.log(‘run code 5’); void sub() {! printf(“run code 1”);! printf(“run code 2”);! }! void main() {! printf(“run code 1”);! printf(“run code 2”);! } * Javascript * C 처음부터! 순서대로! 실행 main 으로! 시작점이! 정해져있음
  14. 14. 다루기 어려운 형식은 ! 다루기 쉬운 형식으로 바꾼다 “ ” 한 가지 기억해 두세요
  15. 15. 컴퓨터가 다루기 쉬운 형식을 말합니다! 자료구조라는 학문에서 배우지요! “큐”, “스텍”, “트리”, “리스트” 등의! 외계어들이 존재합니다 다루기 쉬운 형식이란?
  16. 16. 특별한 이야기가 아닙니다! “일상다반사”
  17. 17. 실습 준비
  18. 18. 실습 준비 두 개의 파일을 만들고, 각 각 내용을 입력합니다. *sample.html *sample.js 두 개 파일 모두 같은 폴더에 저장합니다.
  19. 19. 시작합니다
  20. 20. 첫 번째 외계어를 살펴 봅시다
  21. 21. 그냥 한번 읽어볼까요? 나이(age)가 0 이고, 이름 이 Jobs입니다. 그는 살아 (isAlive) 있습니다.
  22. 22. 살아있는 동안 나이를 1살 씩 먹습니다. 만약 나이가 56이 되면 살아있다는 것 은 거짓입니다. 그냥 한번 읽어볼까요?
  23. 23. 슬픔이 밀려오네요… 그냥 한번 읽어볼까요?
  24. 24. 어때요? 읽을만 하지 않나요?
  25. 25. 문(文)의 구조를 알아봅시다 세미콜론을 기준으로 한 문장이 완성되며 문(文)이라 합니다. 여러 문을 포함하는 블럭을 구 문의 마지막은 세미콜론으로 끝 나지 않습니다.
  26. 26. 구문은 여러개의 토큰으로 이루 어집니다. 토큰은 의미를 가지 는 가장 작은 단위입니다. var age = 0; 5개의 토큰으로! 구성된 문 문(文)의 구조를 알아봅시다
  27. 27. 공백(스페이스)의 역할 공백은 토큰의 의미를 명시하기 위해 사용합니다. 공백이 없어 도 의미가 명확하다면 생략이 가능합니다. varage = 0; *오류 : varage 이름의! 변수가 만들어짐 var age=0; *정상 : 공백이 없어도 토큰! 분리가 가능함
  28. 28. 이 소스 코드는 순차적으로 실행됩니다 1, 2, 3 … 맨 앞에 숫자는 코드 에디터가 자 동 부여해 주는 라인 표시입니다. 프로그래 머가 작성한 부분이 아닙니다.
  29. 29. 나와, 남을 위해 코드를 설명하는 주석 /* 문자와 */ 문자 사이의 내용들은 모두 주석 으로 인식하여 실행되지 않습니다.
 
 컬러가 회색으로 표시되는 이유는 에디터의 기능 중 일부이며 “이 부분은 주석이어서 실 행되지 않습니다”라는 의미입니다. 즉, 코드 에디터는 코드의 형태를 “인식”합니다.
  30. 30. 값을 저장하는 저장소 “변수” var 는 변수를 만드는 지시 어입니다. var 다음에 프로 그래머가 명명한 변수를 작 성합니다.
  31. 31. 어떤 값을 담고 있는지 알 수 있도록! 의미있는 변수명을 사용하세요 a1 = 15; ! ! temperature = 15; 나빠요! 좋아요!
  32. 32. “값”을 저장한다? 값을 유지한다? 저장소? 변수는 생성된 후 소멸될 때 까지 값을 유지하고 있는 공간.
 변수의 값을 읽을 수 있으며 변수의 값은 변경할 수 있다. 생성 참조(읽기) 변경(대입)
  33. 33. “값” 과 그것을 저장하는! 저장소인 “변수”에 대해! 상세히 알아둘 필요가 있습니다
  34. 34. 변수를 만드는 방법 ? me 10 me 10 me undefined var me; ! me = 10; var me = 10;
  35. 35. 변수를 만드는 방법 10 me 10 you 10 me 20 you var me = you = 10; var me = 10, you = 20;
  36. 36. 변수의 형태를 좀더 자세히 봅시다 10 me 값 undefined

×