컨텐츠 내 위젯


태그 : javascript 요약보기전체보기목록닫기

1 2 3 4 5 6 7

CommonJS, AMD

여러 기능을 한 파일에 몰아서 쓰면 어떻게 될까? 한 파일당 코드 줄 수는 수 만 줄이 될 것이고 그에 따라 변수 명 등을 관리할 수 없을 것이다. 또한 다른 사람의 스크립트를 가져 왔을 때 변수 명 등이 관리가 안되어서 충돌이 날 것이다.이를 방지하기 위해 각 코드를 파일별로 모듈화 하는 방법을 고안해 냈는데, 그 중 유명한 두 가지...

컨텍스트란

먼저 필자가 작성한 스코프에 대해 아래 글을 읽어보자.http://saysun12.egloos.com/1948271컨텍스트 에 대해 여러 글을 검색해 보았다. 그런데 스코프를 나누는 환경과 동일한 기준으로 보고 있는 것이다 ;;; 엔진에서 코드를 실행하기 위해서는 필요한 정보다 있다.( 스택에 쌓기 위한거 )여기서 스택이 하는 역할은 컨텍스트들...

이벤트 루프

처음 자바스크립트를 공부할 때, 자바스크립는 싱글스레드 이며 시간관리를 통해 비동기를 구현하도록 꼼수를 통해 실행한다. 라고 배웠다. 그 구체적인 방법 및 효과에 대해서는 자세히 이해자지 못했는데, 가능하게 하는 구조가 이벤트 루프이다.일단 자바스크립트의 정의가 무엇인지 부터 다시 짚어보자."싱글스레드 이며 논-블로킹(을 지향하는) 비동기 동적 스크립트...

구조분해 한눈에 정리

1 2 3 4 5 6 7 8 91011121314151617181920// 배열 구조분해let one, two;[one, two] = [1,2];// alert(two); - 2[one,,,two] = [1,2,3,4];// alert(two); - 4[one,...two] = [1,2,3,4];// alert(JSON.stringify(two)) ...

Iteration 한번에 정리

하도 es6 관련해서 Iteration 관련한 내용이 비슷하면서도 헷갈리기에 아래와 같은 그래프로 정리해 보았다.

WEBGL - 행렬과 행렬의 연산

기존 글에서 행렬에 대한 언급을 했다. 행열이란 숫자가 행과, 열로 나뉘어서 배치 되어 있는 형태의 상수를 의미한다. 보통 아래과 같은 그림과 같이 표기한다.위의 이미지와 같이 행열을 구성하는 작은 데이터를 원소 라고 하며 원소의 표기 방식은 a31 과 같이 지정한다. 행열의 기본 연산은 사칙연산과 같은데 기본적으로 두 가지만 알면 된다.1. ...

WEBGL - 변환

여기서는 위치에 따른 객체의 변환 방법을 사용하며 그걸 연산하기 위해 미리 어떤걸 공부해야 하는지 쓰도록 한다. 이번 예제 에서는 총 4가지의 항목을 변화시키도록 해 보겠다.1. X 좌표.webgl 에서는 기존 web의 px 좌표계(?)를 쓰지 않고 캔버스 뷰포트 별로 0 ~ 1 단위로 계산하는 방식으로 한다. 그리고 좌표의 증가방향은 좌 - > ...

WEBGL - 기초

Webgl은 3d api로생각하는 경우가 많다. 사실은 점,선,면(삼각형)을 이용한 레스터(렌더링) 엔진일 뿐. 이 레스터 엔진은 주로 컴퓨터의 GPU에서 실행되며 C / C++기반의 GLSL로작성되어 있고 이걸 웹에서 사용하도록 하는게 webgl이다. 먼저 친숙해져야 할 용어는 하기와 같다.<셰이더>이전에 영상편집을 배웠을 때 마야...

직선그래프와 1차함수

일단, 그래프를 나타내기 위해서는 다음과 같은 상황으로 상정해야 한다. svg의 line 태그처럼 생각하는게 좋을 것이다. 시작점을 ⓐ, 끝점을 ⓑ 라고 하자.중학교때 배웠던 1차 함수를 기억하는가? 모르면 수학방 가서 배우고 오는 것이 좋을 것이다. (링크) 간단하게 어느정도 기억하고 있는 사람을 위해 바로 적자면 식은 ...

함수형 프로그래밍 이란

1. 프로그램 패러다임일단 함수형 프로그래밍에 대해 설명하기 전에 프로그램 패러다임에 대해 설명하자. 뭐 일반적으로 얘기하는 객체지향, (선언형, 명령형 - 이 두개를 합쳐서 절차형이라도고 한다) 등이 여기에 속할 것이다. 즉 '무엇을'보다는 '어떻게'프로그래밍을 하는가 에 대한 방법론이라고 볼 수 있겠다. 언어에 따라서 패러다임 포맷을 정하고 갔는데,...
1 2 3 4 5 6 7