일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- async
- webpack
- database
- Porject
- 참고블로그
- db
- addEventListener
- object
- json
- https://youtube.com/playlist?list=PLuHgQVnccGMA5836CvWfieEQy0T0ov6Jh&si=FTaYv8m21EhO-A2K
- 비동기
- eport
- 혼프
- slow and steady
- 동기
- callback
- setTimeout()
- execCommand
- promise
- https://m.blog.naver.com/tt2t2am1118/221010125300
- Import
- JS #프로젝트
- ajax
- mysql
- 게임
- sql
- Project
- js
- prj
- await
- Today
- Total
목록분류 전체보기 (308)
C-log
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bnobmT/btr8XzsGm8F/lX2YBlI9bvIXEU3pc6n0HK/img.png)
Topic explain class Express - Express개요 - 우리의 첫 번째 Express 앱 - 요청 및 응답 객체 요청과 요청된 경로를 가져와서 응답을 갖는 어떠한 코드에 맞추는 것을 말한다. Express 라우팅 기초 - Express 경로 매개 변수 - 쿼리 문자열 작업하기 chat gpt ref : chat gpt app.get('/search', (req, res) => { const { q } = req.query; res.send(`Search results for: ${q}`); // console.log(req.query); }) 에서 query는 어떤 걸 의미해? 그 다음으로 여기서 query가 Jquery와 연관 있어? req.query는 Express에서 클라이언트가..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/c1StwM/btr8IJB7Sv0/qJiGSgMdkRkAnynrGPSTS0/img.png)
Topic explain class import,export - Module.express 사용하기 npm - npm개요 패키지 설치하기 https://www.npmjs.com/ npm link ~ /이해가 잘 안감 글로벌 패키지 추가하기 npm init Package.json의 중요성 .json의 dependencies들을 유심히 보자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/P6yU9/btr8nQ3a0Mj/E7BH4f7UGNsMHoqqn14AxK/img.png)
Topic explain class Node.js 노드JS는 JS의 런타임이다. JS의 이념은 무엇인가 JS에는 왜 공식판이 없는가 JS는 설치하지 않는 대신 일정한 사양을 갖추어야한다. 그것은 바로 ECMAScript사양이다. 그러면 브라우저가 JS를 실행시킨다. 그렇게 규칙을 지킨다. 브라우저는 JS를 작성하고 실행시킬 수 있는 유일한 장소이다. 하지만 phyton이나 ruby로도 웹서버나 파일 시스템의 상호작용을 할 수있는데 Node.js가 나오기 전에는 이런일을 못했다. Node는 브라우저 밖에서 작동되는 JS의 실행 환경이다.JS코드를 브라우저를 열지 않고 실행 할 수 있다.(그렇다고 똑같은 일을 할 수 있는 것은 아니다.) Node Js개요 Node의 프레임 워크는 Express이다. Node..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/GfWce/btr8htOHbAi/d8KFOE8ux0Pv9qxKTzcur0/img.png)
Topic explain class ls pwd cd cd.. 상대경로 절대경로 mkdir man~ doc파일같은 느낌이 강하다. touch rm rmdir rm -rf r은 반복 f는 강행한다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bCktWP/btr7249sMTs/FKGUfApHBgBZ0ZpOEUhe11/img.png)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bkz04a/btr7SulfluH/S1jrLYpnP4o7ohquFyc7t1/img.png)
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":"..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UV401/btr6QoAIt9y/fEndUOflLv3RuDEBvlTwtK/img.png)
Topic explain class The Call Stack 책을 읽을 때 손가락으로 짚어가는 행위와 비슷하다. 콜스택을 설명하기 앞서 스택은 이전에 언급했던 배열의 push, popm shift,unshift와 같다. 스택은 컴퓨터 과학의 기본 데이터 구조이다. 후입선출(LIFO) 데이터 구조로 알려져 있다. - 팬케이크 콜 스택은 JS가 사용하는 메커니즘이다. 여러 함수를 호출하는 스크립트에서 해당 위치를 추적한다. ...(많은 내용이 생략) 코드를 통한 함수 표현 콜 스택의 함수 호출 표현 콜 스택(Call Stack) loupe Site : http://latentflip.com/loupe/?code=JC5vbignYnV0dG9uJywgJ2NsaWNrJywgZnVuY3Rpb24gb25DbGlja..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/HNIKS/btr5N9Kepr7/NtJF8ouRJR30qXXFkS0ohk/img.png)
문서 객체 모델(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 : 스타일 변경하기..