emmet 사용법
VS Code, codepen 등에서 사용할 수 있는 emmet 단축어 정리. 단축어 입력 후, 엔터가 아닌 Tab키로 입력 가능. “>” 를 사용하여 하위 요소 생성 “+“를 사용하여 형제 요소 생성 “^“를 사용하여 상위 요소 생성 (입력 갯수만큼 상위 레벨로 이동 가능) “*“를 사용하여 동일 요소 생성 (생성 숫자를 입력) “()”를 사용하여 요소 그룹화 가능 “{}“를 사용하여…
-
-
CSS perspective 이해하기
perspective 기본 개념 이해해보기. transform 3D를 활용하기 위한 가장 기본적인 perspective(투영점)의 정의. 우선 3D 변형에서 Z축을 이해하기 위해서는 3차원 좌표계 이해가 필요하다.수포자인 본인에게 이 3차원 좌표계를 이해하기란 아주 어렵다… perspective(투영점) 속성은 3D 공간을 활성화하여 그 공간에 요소를 위치시키는 기능을 한다.이것은 평면에 깊이감을 주고 z축 선상에서의 요소의 위치에 따라 크고 또는 작게 보이게 해준다. 많은 글과…
-
유클리드 기하학(Euclidean geometry)
기하학(Geometry)은 공간에 있는 도형의 성질, 대상의 치수, 모양, 상대적 위치 등을 연구하는 수학의 한 분야.기하학의 대상은 점, 선, 면, 도형, 공간이다. 고대 그리스 수학자 유클리드가 구축한 수학 체계이며, 2차원의 평면 기하학으로 시작되어 3차원의 공간 기하학으로 이어지고 있다.유클리드 기하학에서는 공간이 평평하다는 것이 기준이다.유클리드 공간은 평면과 공간을 일반화 한 것이다. 이는 거리, 길이, 각도를 좌표계에 도입하여 임의…
-
랜덤 숫자 맞추기 게임
자바스크립트 코딩 과제 풀어보기. Math.random는 0이상 1미만의 랜덤한 숫자를 생성해주는 함수이다. 주어진 수 이하의 가장 큰 정수 값을 반환해주는 Math.floor로 숫자를 생성한다. 랜덤하게 생성된 숫자를 정수 값으로 반환해주면 0으로만 값이 반환 되는 것을 확인 할 수 있다. 사용자가 입력한 수의 값에 1을 더한 후, 정수로 반환하는 parseInt를 활용하여 랜덤 숫자를 반환한다.
-
변수(variables)는 객체(objects)??
변수의 개념 자체 이해가 어려워서 매번 이론만 보고 포기했었는데..아직도 헷갈리고 어렵다… 변수(variable)란 데이터를 저장할 수 있는 메모리 공간을 의미하며, 변수 안에는 다양한 형태의 값을 저장할 수 있다.경우에 따라 서로 연관된 값들을 하나로 묶어서 저장하기도 하는데, 이러한 경우 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 형식을 가지고 있으며, Key: Value 형식으로 저장할 수 있도록…
-
DOM이란? (문서 객체 모델)
DOM은 문서 객체 모델(The Document Object Model)이란 뜻으로 HTML, XML 문서의 프로그래밍 인터페이스다. URL을 입력해 웹사이트에 접속을 하면, 브라우저가 HTML, XML 문서를 불러온다. 문서를 불러온 후 이를 해석하는 과정을 거치는데 이를 파싱(Parsing)이라고 한다. 파싱의 결과로서 문서를 구조화한 DOM을 제공한다. DOM은 문서 내의 모든 요소를 정의하여, 구조를 트리 형식으로 생성 하며, 이 구조에 접근할 수 있도록…
-
parsing(파싱)이란?
상향식.. 하향식 파싱.. 등등 문맥적 의미는 알겠으나 아직까지는 너무 어려우므로,DOM트리 구조 만이라도 제대로 알아두자. 파싱(parsing)은 구문 분석이라고 생각하면 된다고 한다. 문장이 이루고 있는 구성 성분을 분해하고 분해된 성분의 위계 관계를 분석하여 구조를 결정하는 것이다. 데이터를 분해 분석하여 원하는 형태로 조립하고 다시 빼내는 프로그램을 말한다. 웹상에서 주어진 정보를 내가 원하는 형태로 가공하여 서버에서 불러들이는 것이다. 각…