비개발자를 위한 Javascript 알아가기 #3

3,594 views

Published on

Published in: Education

비개발자를 위한 Javascript 알아가기 #3

  1. 1. For non-developers! Learn Javascript Programming! ! Learning contents with! Think Like a Programmer! ! ! ! ! ! Kim min tae @ibare! NCSOFT http://ibare.kr https://medium.com/@ibare #3
  2. 2. 프로그래밍 언어 책 한권을 다 읽었는데! 간단한 프로그램하나 작성하기 힘든 이유? 프로그래머처럼! 생각하지 못하기 때문 프로그래머처럼 생각하기란?
  3. 3. 프로그래머처럼! 생각하기 컴퓨터처럼! 생각하기=( () ) 디지탈에! 대한 이해( ) ( )= 복잡함을! 단순하게! 조각내기 ( ) 조각을! 순서대로! 배열하기 ( ) 0 1
  4. 4. 한번에 하나씩! 움직여 복잡한! 사진을 맞추기
  5. 5. 횡단보도를 건너가 봅시다 횡단보도가 있네요? 파란불이 켜지면 건너갑니다. 1 2 너무 똑똑한, 지극히 인간적인 생각 방식
  6. 6. 횡단보도를 건너가 봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 N 3
  7. 7. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 한문장씩 실행하는! 진행(실행) 흐름 N 3
  8. 8. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 상태의 결과를! (Yes or No)! 판단하는 조건문 N 3
  9. 9. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 조건 판단을 위한! 수 많은 종류의 ! 상태들 N 3
  10. 10. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 흐름의 위치를! 변화시키는! 분기 N 3
  11. 11. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 3 특정 상태의 조건이! 만족할 때 까지! 반복하는 반복 N 3
  12. 12. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 3 특정 동작을! 지시하는! 행동(액션 or 기능) N 3
  13. 13. 여기에 무엇이 있는지 찾아봅시다 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 3 현실 세계를! 모방한 다양한! 구현체(객체) N 3
  14. 14. Javascript로 표현해 본다면 걸어간다 인도의 끝인가? 1 멈춤 고개를 들어 전방 주시 신호등이 있나? 파란불인가? 좌측에 달려오는 차가 있나? 건너간다 인도인가? 2 3 4 5 6 7 8 9 Y Y Y N N 1 N 7 Y 8 N 3
  15. 15. 결론: 프로그래밍이란? 재현하고자하는 복잡한 현실세계의 상황을 극단적 으로 단순한 컴퓨터에서 실행되도록 하기위 행위. 복잡함 상황을 컴퓨터가 이해할 수 있는 수준의 단 순한 형태로 분해하고 그것을 행동, 상태, 조건, 분 기, 반복 등의 도구로 표현하는 작업.
  16. 16. 결론: 프로그래밍이란? 다양한 종류의 프로그래밍 언어가 있으며 기계 친화적인 (저수준) 언어에서부터 인간 친화적인 (고수준) 언어가 존재함. 현대의 언어들은 점점 더 인간 친화적인 형태를 취하는 경향이 강함. 인간의 언어로 표현하는 글쓰기도 시, 소설, 시나리오 등 다양한 글쓰기 패턴이 있듯이 프로그래밍 언어로 기술하 는 방식도 특정 목적에 최적화된 패턴이 존재하며 이를 “디자인 패턴”이라함.
  17. 17. 1 “다음시간에”;! 2 “잘자요~~; Unclosed string.

×