모-코드

I. INTRO : 지난시간 II. 값 변수 컬렉션 : ES6 1. Binary and octal Literals ES6는 몇가지 달라졌다. (1). 2진수와 8진수의 기호를 표현할 수있다. : 기존에 없던 값 표현식으로 이진수(b)와 8진수(o)가 추가되었다 ES6에서 이제 표현하는 방법이 추가되었다 2. let 키워드 (1) 기존 변수의 문제점1 : 변수를 선언하지 않아도 변수?를 사용할수 있다. 기존에는 붙이지 않아도 사용이 가능했다 window로했다 var는 함수 안이 아니면 뭘 해도 window의 속성으로 붙는다. 즉 암묵적 전역변수 양산할 수있다. (2) 문제점2: 변수를 중복해서 선언해도 문제가없다. 의도하지않은 변수값의 변경가능성이 크다. 기존에는 해도 에러가 안났다. 이미 선언한적있다고 ..

I. INTRO : 어제것 어제 boy에게 지령을 내렸다. 우리는 창조적인 작업하고 있음, 움직임! 이는 우리가 넘어갈수없는 세상에 객체를 만들었다 boy라는 입주민이다 입주민은 스스로 혹은 내가 지령받은애가 움직이는 애가있다. 우리는 canvas로 window쓴다. canvas는 입력뿐만 아니라 출력도 해준다. 어제 클릭이라는 입력까지 해봤음 이 외에도 스스로 움직이는 캐릭터가 필요하다. 과거 부터 히스토리 남아있는데, 과거 데이터말고 현재 데이터만 보면된다. 이런거 보면 우리가 화면을 다시 그린다. II. 캐틱터 움직이기 위해서 이전 캐틱터 지우기 1. 들어가며 - 클릭할때 마다 이벤트 발생 일단 우리는 애니메이션처럼 내가 멈춰있던 가던 간에 계속 그리게끔 하는데, 몇 프레임 그리는지를 결정하면된다...

I. 브라우저 플랫폼 1. 브라우저 플랫폼 (1) 브라우저 플랫폼 언어는 플랫폼으로 프로그램 만들기 -> 플랫폼은 브라우저 -> 브라우저 직접 이용할수 없어서, 이용 도와주는 API를 이용한다 -> DOM BOM CSSOM 을 이용함 [하단 보충 참고] 언어(JavaScript) -> API(DOM) -> 플랫폼(브라우저) 이 중 DO CSS가 UI(동적문서)이다. 어떤 프로그램도 사용자와 상호작용위한 인터페이스가 중요 이것이 GUI다 브라우저는 윈도우 형태 어플만들수 잇는 GUI제공해주는것임 (과거 윈도우 시스템) 사용자 입출력 처리하기위해 DO CSS가 존재한다. 틀을 제공해주는 객체가 window객체이다. window는 다양한 것들이 있는데, 그 중에서 화면에 사용자에게 입출력 받을수있는것이 doc..

I. INTRO : 프로젝트 관련 목표 코딩연습임 기한내 완수하겠다가 바람직하지 않음, 기한 내 어떻게 만들어지긴 하나 오만가지 쓰레기통이 존재함 자기가만든거 설명도, 오류원인도 모르고 목표를 작게 여러개 (이거하나만 만들더라도 완성도있게) 자랑할만한 작은거 만드는게 코딩습관에 좋은 방향 완성도라 함은 자존심이 높아지는것이다. 앞으로 이론 + 프젝 + 실습 동시에 간다. II. 객체 1 Top -down 설계 (1) 시나리오에서 개체 식별하기 각각 개체가 무엇인지 생각해보기 슈팅게이 : 빌런 / 전투기 (2)객체분석과 개체분석 JS는 클래스가 없어서 개체는 function 객체로 만든다. (3) 캡슐화 시나리오에서 전투기에 행동 체크하기 => 개체마다 역할 정리 시나리오 => 실체객체(개체 객체분석)는 ..

I. INTRO : 지난시간 복습 1) 지난 시간 new안쓰고 하기와 / new 쓰기 new 쓰면 일반함수가 아니라 new한 객체 초기화임 어떤 용도로 할것인지 미리 염두해두고 정의해야한다. 대문자 함수명은 얘는 객체를 생성하고 초기화할때 써야겠다는 의미 이름부터 목적어나 주체(데이터)같은 느낌이다. 2) 문제시 됨 왜? function Exam(){ this.kor = 30; this.eng = 20; this.math = 40; this.total = function(){ return this.kor + this.eng + this.math; } } var exam = new Exam(); console.log(exam.total()); var exam1 = new Exam(); console.log..

I. INTRO : 시작하며 이때까지 백단으로했고, 이제 프론트 단으로 유용하게 가능하다. II. Wrapper 클래스 지난시간 이어서... 1. 2. Boxing에 사용되는 Wrapper 클래스 이제 자바스크립트로 III. JavaScript [데이터, 컬랙션] 1. 값과 Wrapeer 클래스 (1) JS의 데이터 특징 JS는 넣는 형태가 아님 100% 참조하는 형태이다. 값변수 형식이 없어서 모든것은 객체화 되어있음 참조형식도 언급하지 않는다. 그래서 컴파일러에 의한 오류확인 불가능하고, 실행환경에 의한 오류를 확인할 수 있다. (2) 참조변수의 기본값? 이 경우 참조가 가진 기본값은? 자바는 null / JS 는 undefined이다. JS는 기본형이 wrapper이다. undefine은 타입이다...