Category: Self

  • .gitignore 활용

    .gitignore 파일을 생성하여, 히스토리 파일 및 불필요한 파일 리스트를 추가하여 형상 관리에서 제외한 목록을 지정해주는 파일. 예) 왼쪽에서의 git update 갯수를 보면 .gitignore 파일로 차이점 확인이 가능. node_modules 파일은 package.json 관리만으로도 쉽게 npm 재설치가 가능. Related Articles

    Read More

  • NPM 설치

    NPM은 Node package manager의 약자로 NodeJS 기반으로 모듈을 설치/관리를 도와주는 관리 도구이다. 보통 nodeJS를 설치 시 npm도 자동 설치 되므로 따로 설치를 할 필요는 없다.nodeJS 설치 이후 npm이 잘 설치되었는지 버전 확인으로 설치 여부 확인이 가능하다. 위와 같이 버전 정보가 출력된다면 npm 설치는 성공. 터미널에서 프로젝트 폴더로 이동한 뒤 npm을 실행해준다.여기서 npm init -y를 선언하게…

    Read More

  • Node.js 강의노트

    언어(language) 측면 – Web Browser 환경(runtime) 측면 – Node.js 웹브라우저와 노드는 서로 다른 영역에서 동작하는 기술; 서로가 협력적인 관계에 있는 기술. 노드(서버에서 작동하는 런타임 기술) – 파이썬, 루비, php, java; 데이터베이스 접속, 웹페이지를 프로그래밍 적으로 생산. 노드 (v8 엔진 사용) 장점: 빠른 퍼포먼스; 인터넷 동작원리 포트: http를 통해서 접속하는 경우에는 80포트를 쓰자라는 규약이 있어 :80을…

    Read More

  • CSS 3D Transform rotation 모듈

    CSS 3D Transform rotation 모듈

    이전 3D 변환 축 회전의 이해 (3D Coordinate System) 포스팅에서 3D좌표계를 기준으로 한 회전 방향을 알아보았는데,해당 포스팅에서 알아보고 이해했던 정보를 기준으로 3D transform rotate를 실행해보는 과정에서 보통 게임 수학을 활용해 회전하던 방식과 다르게 오브젝트가 회전하는 것처럼 보였다. 회전축 기준으로 예제를 만들어 보니, 이전 포스팅에서 실컷 공부를 해두고도 좌표계와 오브젝트를 전혀 별개의 요소로만 보고 두 요소가…

    Read More

  • 함수 선언문과 표현식의 차이

    1. 함수란? 2. 함수 선언문 (function declarations) 흔히 자바스크립트 함수 선언에서 볼 수 있는 구문이다. 3. 함수 표현식 (function expressions) 함수 표현식은 함수 선언문과 거의 비슷한 구문을 사용한다.함수를 선언하지만 function 구문이 맨 처음이 아닌 경우가 함수 표현식이다.주로 함수 이름을 생략하고 변수에 대입하는 익명함수(함수 리터럴을 사용해 변수에 참조값으로 할당하는 형태)의 형태로 자주 쓰인다. 위의 구문을 해석해보면…

    Read More

  • 식(expression), 문(statement)

    하나 이해하면.. 또 하나를 이해해야만 진전이 가능한… 미로같은 JS…😢 자바스크립트는 표현식(또는 식)와 문으로 구성 되어있다. 식은 문처럼 동작할 수 있지만, 문은 식처럼 동작할 수 없다. 식(expression)이란 하나의 값(value)를 반환하는 코드의 단위이다. 값은 기본값과 객체 등의 참조값도 될 수도 있다.값으로 평가될 수 있는 문은 전부 식이다. 값자체도 식으로 인정한다. 연산자가 포함되어 하나의 값을 반환하는 경우도 식이…

    Read More

  • 호이스팅(Hoisting)이란?

    호이스팅은 변수와 함수를 대상으로 실행된다.JS엔진이 변수를 생성할 때에 3단계의 방식을 거친다. 자바스크립트에서 값의 변경은 재할당을 통해서만 이루어지며, 값을 재할당 할 때 새로운 메모리 공간을 확보하고 해당 메모리에 값을 할당한다. 호이스팅이란, 변수와 함수의 선언을 모두 끌어 올려서 함수의 유효 범위에서 가장 먼저 선언하는 것을 말한다.여기서 주의해야 할 점은, var로 선언한 변수가 호이스팅되는 경우 변수를 선언과 초기화를…

    Read More

  • 메서드(Method)란?

    메서드와 함수는 어떻게 다를까?이 둘은 비슷해 보이지만 다른 개념을 가지고 있다고 하며, 이 차이를 이해하고 있어야만 한다고 한다.언뜻보면 function() 이라는 동일한 구문으로 선언하고 있어서 어떻게, 또 왜 다르게 구분되어서 써야하는지 알아보자. 일단 크게 정리를 먼저 해보자면, 자바스크립트에서 객체는 키와 값으로 구성된 프로퍼티의 집합이다. (👉 참고: 변수는 객체?)프로퍼티에서의 값이 함수일 경우 메소드라고 부른다.함수를 호출하는 객체가 존재하는…

    Read More

  • 3D 변환 축 회전의 이해 (3D Coordinate System)

    우선 3D 변형에서 Z축을 이해하기 위해서는 3차원 좌표계(3D Coordinate System) 이해가 필요하다.수포자인 본인에게 이 3차원 좌표계를 이해하기란 아주 어렵다…이틀째 구글링, 유튜브 검색으로 보고 또 보고 겨우 이해한 수포자 여기 🙋여러 사진과 손 이미지로 설명하는 글과 검색결과를 봤지만, 좌표계의 축 기준에 따라 설명 방법도 각기 다 다르기도 했고, 공간 감각에 있어 어려움을 느끼고 수학에 대해 자신이…

    Read More

  • 벡터(Vector)란?

    이렇게 오랫동안 일을 해오면서 단어가 가진 의미를 생각해 본 적이 없었다는게 조금은 충격이다..벡터라고 하는 단어를 들으면, 비트맵이 가지는 픽셀 단위의 그래픽의 단점을 커버 할 수 있는 그래픽 기법의 하나라고만 이해하고 사용해왔는데..벡터를 구글에서 검색을 해보면 지금까지 단순히 알고 있던 그 의미는 아주 일부에 불과했다. 수학, 물리적, 컴퓨터 과학적이라는 많은 관점에서 해석되고 활용 되고 있다는 것에 충격을…

    Read More