javascript

21 posts

url special scheme

url special scheme 음 먼저 이것은 아래 코드에서 부터 찾게 되었다. url호출시에 //앞에 url special scheme를 기록하지 않아도 기존 브라우져에서 로딩했던 스키마로 자동으로 된다고 하는것이 였다. 기존 브라우져가 http로 호출하면// 앞에 http가 붙는다는 식 위에 형태가 처음 보는 형태

4 min read

코드스피츠73 part5_2(BLOCK, NONBLOCK)

코드스피츠73 part5 BLOCK, NONBLOCK BLOCKING EVASION NONBLOCKING 서브루틴이 즉시플로우 제어권을 내놓는것 SYNC, ASYNC 병행성 프로그래밍에 익숙해져야 된다. SYNC 서브루틴이 즉시값을 반환함 block 즉시 플로우 제어권을 반환하지 않음 non block즉시플로우제어권을반환

3 min read

코드스피츠73 part5_1(BLOCK, NONBLOCK)

코드스피츠73 part5 BLOCK, NONBLOCK FLOW IS BLOCKING 프로그램이 실행되면 도중에 멈춰지지 않고 끝까지 실행됨 BLOCKING FUNCTION 점유하는 시간 만큼 블록을 일으키는 함수 배열순회, 정렬 배열크기에따라 DOM순회 DOM의하위구조에따라 이미지프로세싱 이미지크기에따라 BLOCKING

3 min read

CodeSpitz74_Part4(권한과 책임)

코드스피츠 74 4회차 프로그램 짤때는 권한과 책임이 일치하게 짜야 된다. 권한과 책임이 일치하면 그것을 역활이라고 한다. TETRIS 객체후보 STAGE(현재 스테이지 정보) SCORE(점수 및 계산법) BLOCK(범용 블록정의) 색깔, 회전 게임본체 범용 패널 시작화면 스테이지 종료 죽음 클리어 결과 화면 추상화 일반

4 min read

CodeSpitz74_Part3_1(HTML PARSER 만들기)

코드스피츠 74 3회차 HTML PARSER 만들기 A = <TAG BODY</TAG B = <TAG/ C = TEXT BODY = (A|B|C)N 함수는 어떻게 짠다. 레이아웃이라는 개념으로 짠다. 함수의 시그니쳐를 확정하는데 있다. node로 확정되는 순간은? 함수를 만드는 기본적인 이유 사람한테 쉬운 단어로 바꾼다

3 min read

codespitz73_part4(ABSTRACT LOOP & LAZY EXECUTION)

코드스피츠73 part4 ABSTRACT LOOP & LAZY EXECUTION 단순한 루프 복잡한 루프 ABSTRACT LOOP 다양한 구조의 루프와 무관하게 해당 값이나 상황만 개입만 하고 싶은경우 위에 함수에서 console.log 만 추가 할려고 해도 아래 처럼 수정 할수 밖에 없다. 코드는 고정 되어 있고 변수가

3 min read

codespitz73_part3_2(ITERATION & GENERATOR)

코드스피츠73 part3 2 ITERATION & GENERATOR ES6 LOOP 지연루프 위에 loop 함수를 사용하지 않고 내장 반복처리기들 배열해체 Array destructuring 펼치기 Spread 배열을 전달 하는것 보다 객체를 전달하는것은 통제권을 객체안에서 가지고 올수 있다. Rest Parameter

5 min read

codespitz73_part3_1(ITERATION & GENERATOR)

코드스피츠73 part3 1 ITERATION & GENERATOR INTERFACE 1. 인터페이스란 사양에 맞는 값과 연결된 속성키의 셋트 2. 어떤 Object라도 인터페이스의 정의를 충족 시킬수 있다. 우리 머리속에서만 있는 약속이라서 어렵다. 자바 스크립트에서 미리 정의하고 있는 인테페이스 ITERATOR 1.

4 min read

codespitz73_part2(흐름제어)

코드스피츠73 part2 흐름제어 LABEL, BREAK, CONTINUE LABEL은 변수의 식별자와 같다. 레이블 레인지가 가르치는 곳으로 갈수있다. 레이블을 주석 형태로도 쓸수 있다. 레이블 점프 function scope 클로저에 대한 설명 레이블 스코프 switch 문 스위치 문에는 반드시 default가 있다.

5 min read

CodeSpitz74_Part2(함수를 작성할때에 참조)

코드스피츠 74 2회차 함수를 작성할때에 참조에 대해서 충분히 고민해야 된다. 참조를 인자로 보내면 위험하다. call 스택 지역변수, 인자, 함수의 참조주소 tail recursion(꼬리물기 최적화) 메모리 고갈을 방지함 자바스크립트는 ES6에 표준(사파리에서만 작동) 위에 까지는 정적함수 개념을 배운것 closure

4 min read

CodeSpitz74_Part1

코드스피츠 74 1회차 함수는 만들때 고심을 해야 된다. 함수는 무한대로 크게 되기 때문에 함수를 만들때 첫번째 고민해야 되는 것은 인자를 얼마나 제네릭 하게 만들수 있는지 괄호가 없는 서브루틴 호출 예제 자바스크립트는 무조건 리턴이 있는 함수이다. 리턴을 선언 하지 않아도 undefined 값을 받음 리턴을 하는것과 안

5 min read

IFrame contentWindow Property

IFrame contentWindow Property 오늘 iframe에서 접근 제어를 보다가 contentWindow라는 Property를 확인하게 되었다. iframe 밖에서 안쪽의 스크립트를 컨트롤 할려고 할때 사용했었다. 예제 코드는 아래에 있다 참조

1 min read

codespitz73_part1

코드스피츠73 part1 코드짤때 LINT TIME(IDE에서 에러를 보여줌) 컴파일 할때 COMPILE TIME(컴파일 시에 에러를 보여줌) 런타임 RUN TIME(실행중일때 에러) 현대 패러다임 런타임 스크립트(자바 스크립트..) 복잡성을 정복하는것은 격리 lexical grammar control character

3 min read

dgding javascript lesson2

Data type? 메모리는 스위치에서 스위치를 온오프 하는 형태로 비트가 늘어 날수록 2의 승만큼으로 늘어남 8비트 0 255 표현 가능 8비트단위로 묶어서 1바이트(스위치 8개가 있음 됨) 2바이트는 16비트(한번에 메모리에 값을 쓸수있는양) 메모리의 특성 값과 위치(주소) 변수는 메모리의 크기와 위치 변수가 차지하는

1 min read

dgding javascript lesson

programming이란? program을 만드는 행위 program은 컴퓨터가 실행할수 있는 메모리에 올라가 있는 덩어리 compile의 뜻 묶는다 interpreting의 뜻 번역 언어 마다 기계어로 바꿨을대 강점이 존재함 Lexical Grammar(어휘 문법) 모든 프로그래밍 언어에서 구체적인 문법을 정의하기 이전

3 min read

dgding lesson2(html이 그림을 그리는 방법은)

html이 그림을 그리는 방법은 왜그렇게 되는지가 중요함 이번시간 배울것 1. box model 2. normal flow 3. display & float box model : 크롬 개발자 도구 element 탭에서 computed 보면 나옴 margin border padding contents 박스의 크기를 결정할때

5 min read

dgding lesson1(그래픽 시스템)

그래픽 시스템 기본은 점(도트) fixed number : 정형화 되있는 좌표를 가지고 점으로 숫자나 그래픽을 그릴수 있음, 단점 업데이트가 어렵다(좌표를 다시 계산 해야됨) abstract calculator : fixed number를 추상화 시킴 예) %, left, right, top, block, inline,

4 min read

클래스 기반 언어와 프로토 타입 기반 언어(Class-based vs. prototype-based languages)

클래스 기반 언어와 프로토 타입 기반 언어(Class based vs. prototype based languages) Java 및 C ++와 같은 클래스 기반 객체 지향 언어는 클래스와 인스턴스라는 두 개의 별개의 엔티티 개념을 기반으로합니다. 클래스는 객체의 특정을 결정짓는 모든 속성들의 집합이다.(java의 메소드와

3 min read