| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- callback
- object
- 혼프
- mysql
- 참고블로그
- https://m.blog.naver.com/tt2t2am1118/221010125300
- 게임
- async
- webpack
- Porject
- setTimeout()
- ajax
- addEventListener
- 동기
- database
- JS #프로젝트
- sql
- 비동기
- json
- Project
- await
- db
- Import
- promise
- eport
- execCommand
- slow and steady
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- prj
- js
- Today
- Total
목록전체 글 (313)
C-log
section30-터미널 완벽 정리
Topic explain class ls pwd cd cd.. 상대경로 절대경로 mkdir man~ doc파일같은 느낌이 강하다. touch rm rmdir rm -rf r은 반복 f는 강행한다.
section29-프로토타입, 클래스, 그리고 OOP(백엔드를 듣고 나중에 다시 들어도 무방하다)
Topic explain class Prototype prototype/__proto__ 프로토타입은 청사진과 같다. 예를 들어 arr.includes(2)를 사용할 때 includes()의 함수는 프로토타입 객체에서 정의된다. 프로토타입이란? String.prototype.yell = function () { return `OMG!! ${this.toUpperCase()}!!!!` } Array.prototype.pop = function() { return 'SORRY I WANT THAT ELEMENT, I WILL NEVER POP IT OFF!'; } 여기서 prototpye은 메서드나 특성을 추가하는 실제 객체이다. 템플릿 객체, 즉 프로토타입이다. 여기서 [[prototpye]]/(__pro..
section28-AJAX와API
topic explain class AJAX AJAX form태그와 promise가 많이 생각이 난다. AJAX는 페이지에 데이터를 요구한다. 페이지가 로딩이 된 후 데이터를 요청할 수 있 다. 검색할 때 실시간으로 데이터를 요청할 수 있다. 필요한 개념은 포맷팅을 알아야한다. AJAX개요 API *앤드포인트 요청을 주고 받을 수 있는 통신(?)수단(?)같은 것. JASON과 아주 밀접한 관계가 있다. APIs개요 JASON XML은 과거에 많이 사용햇다. JASON.parse(data)를 이용해서 JASON구조화 하면 된다. JASON이란? //THIS IS A STRING OF JSON (NOT AN OBJECT) const data = `{"ticker":{"base":"BTC","target":"..
section27-비동기식 JavaScript
Topic explain class The Call Stack 책을 읽을 때 손가락으로 짚어가는 행위와 비슷하다. 콜스택을 설명하기 앞서 스택은 이전에 언급했던 배열의 push, popm shift,unshift와 같다. 스택은 컴퓨터 과학의 기본 데이터 구조이다. 후입선출(LIFO) 데이터 구조로 알려져 있다. - 팬케이크 콜 스택은 JS가 사용하는 메커니즘이다. 여러 함수를 호출하는 스크립트에서 해당 위치를 추적한다. ...(많은 내용이 생략) 코드를 통한 함수 표현 콜 스택의 함수 호출 표현 콜 스택(Call Stack) loupe Site : http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGlja..
section24~25-DOM이란~DOM 이벤트
문서 객체 모델(DOM) - Web API | MDN 문서 객체 모델(DOM)은 메모리에 웹 페이지 문서 구조를 표현함으로써 스크립트 및 프로그래밍 언어와 페이지를 연결합니다. 이때 스크립트는 주로 JavaScript를 의미하나 HTML, SVG, XML 객체를 문서로 developer.mozilla.org -getElementById -getElementByTagName & className -querySelector & querySelectorAll -> All을 이용해서 배열로 지정할 수 있다. -innerHTML, textContent & innerText -속성(Properties & methods)-Attributes -style, window.getCompuredStyle : 스타일 변경하기..
CSS:Layout의 집착(2)
div와 span의 차이 : HTML5 - display 먼저 div는 존재만으로도 css가 바로 적용이된다. 하지만 span의 경우 다르다. 입력된 값이 있어야 적용된다. 여기서 span은 div보다 한번더 번거로운 과정을 거친다. 그것은 바로 display때문이다. div는 display가 기본적으로 block이다. block으로 설정되어 있으면(되어 있는 div) width와 height값이 적용되지만 그렇지 않은 span같은 경우 display의 속성을 변경해주어야 한다. inline과 block의 차이 inline은 앞서 말했든 태그 안에 값이 들어가 있어야하며 값이 들어가 있을 땐 한줄, 세로로 적용된다. 여기서 inline-block은 inline의 속성처럼 한줄, 세로로 block들을 배치..