Andamiro : Web3 & DataScience

[ 3D Web : Front_JavaScript ] 자바스크립트 문법 총 정리판. - [1]   ∇ 자바스크립트 문법 총 정리.목 차1. 자바스크립트 타입2. getter & setter 3. label 문4. var, let, const5. 타입 변환6. null, undefined, NaN, infinity7. 배열8. Call & apply & Bind9. this10. 체이닝11. 예외처리.12. 아규먼트    1. 자바스크립트 타입.       ⓐ number, string, boolean       ⓑ object( function, array, data, regexp )       ⓒ null, undefined       ⓓ Symbol   2. getter & setter     § ..

[ 3D Web : Front_JavaScript ] 자바스크립트 중요 개념 간략 모음집. ∇ 자바스크립트 중요 개념목 차1. var, let, const2. 콜백 함수, Promise와 async-await3. 스코프(Scope)4. 클로저(Closure)5. 호이스팅(Hoisting)6. 원시 타입과 참조 타입7. 화살표 함수(Arrow Function)8. " this " 에 대해서9. call, apply, bind 메서드10. 실행 컨텍스트11. " 동기 " & " 비동기 "12. ES6에 추가 도입된 문법     1. var,  let ,  const      § 자바스크립트의 변수는 기본적으로,  '선언'이 이루어지고 나서 '할당'에 의해 '초기화' 됩니다.       § var , let..

[ Web & Mark UP ] CSS 기본 정리.  ∇ CSS 기본 정리.목 차1. CSS 문법 형식2. CSS 적용하기3. CSS 주요 문법 요약    ※ CSS의 기본 사항.        - CSS는 HTML과 함께 웹 표준의 기본 개념입니다.             ( 추후에 스타일컴포넌트, 테일윈드 등의 프레임워크로 변형 가능하기에 기본 개념을 숙지해야함.)         - HTML이 텍스트, 이미지, 표 같은 요소를 웹 문서에 넣어서 뼈대를 만드는 역할을 한다면,            CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소들을 활용해 디자인을 담당 합니다.            ⊙ 초창기 HTML은 style 속성을 통해서 태그를 꾸밀 수 있었습니다.            ..

[ 3D Web : Front_JavaScript ] JavaScript의 기본 개념을 빠르게 훑어보기.   ∑ JavaScript의 기본 개념.목 차1. JavaScript의 정의.2. JavaScript의 변수(Variables)3. JavaScript의 함수(Function)4. 생소한 수학 표현 정리5. 독특한 비교 연산자6. JavaScript의 배열(Array)   1. JavaScript의 정의.      웹 페이지의 구조를 정의하고 꾸미는 것은 HTML과 CSS 라는 것을 포스팅했었습니다.       그렇지만, HTML만 있다고 해서 웹페이지가 구동되지는 않습니다(상호작용 기능이 없는 단순한 페이지일뿐)       "JavaScript라는 언어는 웹 페이지와 상호작용 할 수 있도록 만들어..

[ 3D Web : Front_JavaScript ] JavaScript - 자스의 동작원리. ∇ 자바스크립트의 동작원리목 차1. 자바스크립트의 동작 구조.2. 자바스크립트는 무슨 스레드 구조인가 (싱글?멀티?)3. 자바스크립트가 비동기 작업을 수행하는 방법은?4. Call Stack이 비어있어야 하는 이유는   1. 자바스크립트의 동작 구조.        - 자바스크립트를 동작시키기 위해서는 " 자바스크립트 엔진 "이 필요합니다.         - 자바스크립트 엔진은 V8, Rhino, SpiderMonkey 등 다양하게 있지만,             이 중에서 가장 대표적인 예는 Google에서 제작한 V8엔진입니다.              -V8엔진은 두 가지 구성요소로 구성됩니다.        ..

[ 3D Web : Front_JavaScript ] 자바스크립트 개요.   ∇ 자바스크립트 개요목 차1. 자바스크립트란2. 자바스크립트 작성 방법3. 자바스크립트 활용 방안들4. 자바스크립트와 HTML의 차이점  1. 자바스크립트란자바스크립트는 HTML 위에서 동작하는 언어이며HTML의 특징인 단순 텍스트 위주의 정적인 웹 페이지의 제한적인 기능을 해결하기 위해서 만들어진 동적인 언어입니다. 자바스크립트는 웹에서 이용할 수 있도록 만들어진 스크립트언어로, 자바스크립트로 작성된 웹 문서는클라이언트에 그대로 전송되기 때문에 사용자가 페이지에 있는 버튼을 마우스로 클릭하거나 키보드를 입력하는 것과 같은 이벤트 처리작업을 즉시 처리할 수 있습니다. 자바스크립트는 인터프리터 언어이므로 컴파일과 같은 특수한 개..

[ 3D Web : Front_JavaScript ] 자바스크립트 기초 개념.   ∇ 자바스크립트 기초 문법들.목 차1. 주석2. 스타일 가이드3. 예약어4. 변수와 상수5. 변수 선언 및 할당6. 데이터 타입   1. 주석   - 자바스크립트에서는 코드 내에 주석을 추가하여 코드를 설명하거나,     코드 실행 주에 무시되어야 하는 부분을 가릴 수 있습니다.     - 주석은 코드를 읽기 쉽게 만들어주며, 코드 유지보수에 유용합니다. 한 줄 주석// 이 줄은 주석입니다. 실행되지 않습니다.console.log('실행됩니다.'); // 이 줄은 실행되며, 콘솔에 '실행됩니다.'가 출력됩니다. 여러 줄 주석/*여러 줄의 주석입니다.이 줄은 실행되지 않습니다.*/console.log('실행됩니다.'); /..

[ Mark UP & Web ]  "HTML" 필수 태그들 정리해보기 - [1] ∇ HTML 필수 태그 - [1]목 차1. 텍스트 작성하기.2. 텍스트 서식3. 주석4. HTML 공간 분할5. HTML 요소의 타입.6. HTML 리스트태그7. 링크와 이미지 넣기8. 텍스트 강조하기  1. 텍스트 작성하기.      ☆ 제목 ( Heading )            - HTML은 제목을 표현할 수 있는 다양한 크기의  태그를 제공합니다.            - 가장 큰 크기의 태그부터 가장 작은 태그까지 다양한 크기로 제목을 표현 가능합니다. 제목1의 크기입니다!제목2의 크기입니다!제목3의 크기입니다!제목4의 크기입니다!제목5의 크기입니다!제목6의 크기입니다!          대부분 브라우저상에서는 ..

[ Mark UP & Web ] HTML 기초 문법 미리보기.  ∇ HTML 문법 간략하게 정리.  이전 글에서 말했듯이,     HTML은 명령어 태그와 속성 그리고 값으로 구성되어져있습니다.    태그는 로 둘러싸여져 있고, 끝에는 형태로 닫아줘야 합니다.    처음과 끝에 구성되는 태그를 요소(element)라고 하고   이러한 요소들을 이용하여 웹 문서를 작성하는 것을마크업(MARK UP)이라고 합니다.   Hello World!       요소는 요소안에 또 다른 요소를 추가할 수 있지만,           닫는 것을 순서대로 닫아줘야 합니다.    요소의 유형은 블럭과 인라인으로 나뉩니다.     ○ 블럭은 줄바꿈이 가능     ○  인라인은 줄바꿈이 불가능 합니다.       ..

[ Mark UP & Web ] "HTML" 작성을 위한 기본 요소.   ∇ HTML의 기본 구성 요소들. 목 차1. HTML의 태그 & 속성 & 문법 & 주석2. HTML의 기본 구조3. DTD와 HTML, head & body4. HTML의 특징 파악하기.       1. HTML의 태그 & 속성 & 문법 & 주석.            ∇ 태그.                  - 웹 페이지를 구성하는 요소로는 텍스트*이미지*버튼 등 매우 다양하게 존재합니다.                   - 태그는 이런 다양한 구성 요소들을 정의하는 역할을 하며,                          " HTML 문서를 다..