• 식(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

  • HTML entities cheatsheet

    몇몇 특정 문자열은 HTML 코드 내에 사용 시 예약어(Reserved Characters)로 지정되어 있다. 예를 들어 “<” 나 “>“는 브라우저가 태그로 해석(parse)하여 정상적으로 출력 되지 않는다. 이러한 HTML 마크업 태그와의 충돌을 방지하고 텍스트 그 자체로 사용하기 위해서 별도로 만든 규칙 문자셋(CharacterSet)을 HTML 엔티티라고 한다. HTML Entities(개체)는 “&“(앰퍼샌드)로 시작해 “;“(세미콜론)으로 마무리하는 형태를 가진 문자열(String)로서, 주로 예약어(reserved characters)와 공백(invisible…

    Read More

  • emmet 사용법

    VS Code, codepen 등에서 사용할 수 있는 emmet 단축어 정리. 단축어 입력 후, 엔터가 아닌 Tab키로 입력 가능. “>” 를 사용하여 하위 요소 생성 “+“를 사용하여 형제 요소 생성 “^“를 사용하여 상위 요소 생성 (입력 갯수만큼 상위 레벨로 이동 가능) “*“를 사용하여 동일 요소 생성 (생성 숫자를 입력) “()”를 사용하여 요소 그룹화 가능 “{}“를 사용하여…

    Read More

  • CSS perspective 이해하기

    CSS perspective 이해하기

    perspective 기본 개념 이해해보기. transform 3D를 활용하기 위한 가장 기본적인 perspective(투영점)의 정의. 우선 3D 변형에서 Z축을 이해하기 위해서는 3차원 좌표계 이해가 필요하다.수포자인 본인에게 이 3차원 좌표계를 이해하기란 아주 어렵다… perspective(투영점) 속성은 3D 공간을 활성화하여 그 공간에 요소를 위치시키는 기능을 한다.이것은 평면에 깊이감을 주고 z축 선상에서의 요소의 위치에 따라 크고 또는 작게 보이게 해준다. 많은 글과…

    Read More

  • 유클리드 기하학(Euclidean geometry)

    기하학(Geometry)은 공간에 있는 도형의 성질, 대상의 치수, 모양, 상대적 위치 등을 연구하는 수학의 한 분야.기하학의 대상은 점, 선, 면, 도형, 공간이다. 고대 그리스 수학자 유클리드가 구축한 수학 체계이며, 2차원의 평면 기하학으로 시작되어 3차원의 공간 기하학으로 이어지고 있다.유클리드 기하학에서는 공간이 평평하다는 것이 기준이다.유클리드 공간은 평면과 공간을 일반화 한 것이다. 이는 거리, 길이, 각도를 좌표계에 도입하여 임의…

    Read More

  • 랜덤 숫자 맞추기 게임

    자바스크립트 코딩 과제 풀어보기. Math.random는 0이상 1미만의 랜덤한 숫자를 생성해주는 함수이다. 주어진 수 이하의 가장 큰 정수 값을 반환해주는 Math.floor로 숫자를 생성한다. 랜덤하게 생성된 숫자를 정수 값으로 반환해주면 0으로만 값이 반환 되는 것을 확인 할 수 있다. 사용자가 입력한 수의 값에 1을 더한 후, 정수로 반환하는 parseInt를 활용하여 랜덤 숫자를 반환한다.

    Read More