분류 전체보기

[Node.js] 클라이언트와 서버의 개념, AWS 클라우드 서버 환경 구축 실습

https://youtu.be/8IGgeaLlYW8 *동네코딩님의 위 유튜브 강좌를 보고 학습한 내용을 정리한 포스팅입니다. 서버구축, 데이터베이스, Rest API 순서대로 진행 목차 1. 클라이언트와 서버의 개념 1. 클라이언트 2. 서버 3. 백엔드 4. 데이터베이스 5. 관련 네트워크 개념 정리 2. AWS 클라우드 서버 환경 구축 실습 1. EC2 임대 2. SSH 접속 방법 3. apt-get 패키지 관리자로 Nginx, Node, MySQL 설치하기 4. MySQL 외부 접속 1. 클라이언트와 서버의 개념 서버 : 클라이언트 요청에 응답 클라이언트: 손님 서버: 홀서빙 ip 와 도메인 개념 도메인을 가지는 아이피를 볼 수 있는 명령어 : nslookup 커맨드창에 nslookup naver...

[Node.js] 백엔드 개념 기초 영상모음

https://youtu.be/8IGgeaLlYW8 https://youtu.be/Vk5W_RGYrnI https://youtu.be/5Vsvc1FKLDU

[node.js] 초간단 서버 만들기 (2) Node + Express 웹서버 기본세팅

**코딩 애플님 유튜브 영상을 참고하여 진행하였습니다. https://youtu.be/HeOh-go-fYY 1. 선요약 서버로 GET 요청하여 처리하기 const express = require("express"); //설치한 라이브러리 첨부 const app = express(); //첨부한 라이브러리를 가지고 객체 생성 //app.listen(파라미터1, 파라미터2); 자신의 컴퓨터에 서버를 열 수 있다. //app.listen(서버띄울 포트번호, 띄운 후 실행할 코드); app.listen(8080, function () { console.log("listening on 8080"); }); //8080 port로 웹서버를 열고, //잘 열리면 console.log("listening on 8080..

[Node.js] console.log

1. console.clear(); console.log("logging....."); console.clear(); 콘솔창을 지워준다. 2. log level : 서버에서 발생하는 여러 이벤트에 대해서(에러의 상태에 따라서) console.log("log"); //개발 console.info("info"); //개발 console.warn("warn"); //경보 console.error("error"); //에러, 사용자 에러, 시스템 에러 3. assert : 첫번째 인자가 false 일때만 출력 console.assert(2 === 3, "not same!"); //Assertion failed: not same! console.assert(2 === 2, "same!"); //무응답 4. pri..

[Node.js] global

Global objects | Node.js v16.15.0 Documentation (nodejs.org) Global objects | Node.js v16.15.0 Documentation Global objects# These objects are available in all modules. The following variables may appear to be global but are not. They exist only in the scope of modules, see the module system documentation: The objects listed here are specific to Node.js. There ar nodejs.org console.log(global); ..

[2D WebGL][pixiJS] Renderer, Ticker, & Stage

https://youtu.be/2J0VUiozAVM 코드 수정전 코드 수정 후

[Spine][pixiJs] Api 사이트

스파인 api 사이트 http://ko.esotericsoftware.com/spine-api-reference#AnimationState-setAnimation 찾기 기능 이용해서 api 명세 확인, 번역기라도 돌려서… 이런식으로 AnimationState Methods addAnimation ( int trackIndex, string animationName, bool loop, float delay): TrackEntry Queues an animation by name. See addAnimation. addAnimation ( int trackIndex, Animation animation, bool loop, float delay): TrackEntry Adds an animation to ..

VSCode 한 번에 여러 개 선택하여 수정하는 법(다중 선택)

https://daldalhanstory.tistory.com/72

[자바스크립트] 바닐라 자바스크립트 갬성

message.js export function message(msg){ const elem = document.createElement('p'); elem.innerHTML = msg; document.body.append(elem); } main.js import { message } from './message.js'; message('감성...'); const likeBtn = document.querySelector('.main-button'); likeBtn.addEventListener("click",function(){ likeBtn.innerHTML="❤" const likesTab=document.querySelector(".favorites"); const newFavoriteImag..

[웹팩][바벨] 패키지 총 설치

번들링 : 모든 파일들을 하나하나의 모듈로 보고, 이 모듈들을 배포용으로 병합하고 포장하는 작업.(최적화도 해줌) 이러한 번들링 작업을 수행하는 툴을 번들러라고 한다. 현재 시점에서는 번들러 중에서 '웹팩'이 가장 인기가 많다. 처음 package.json 상태 { "name": "webpack-test", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "build": "cross-env NODE_ENV=production webpack --progress", "start": "webpack serve --progress" }, "keywords": [], "author": "", "license": "ISC" } webp..