Javascript

[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); ..

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

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..

[자바스크립트] module 사용법 3가지

자바스크립트의 모듈 방식에는 1. * 별칭 이용하여 JS 전부를 불러오기(all) 2. { } 안에 이름을 전부 쉼표로 이어서 가져오기 3. default 지정하기 등 이 있다. three.js에서는 대체로 1번 방식을 많이 사용하는 편이다. 2번 방식 index.html teacher.js (export) export function tset() { console.log("test"); } export function cheer() { console.log("cheer"); } student.js (import) import { cheer, tset } from "./teacher.js"; function nervous() { tset(); cheer(); } nervous(); 1번 방식 : 2번 방..

[자바스크립트] 조코딩-카카오API 활용실습

[Node.js] 무신사 상품 재입고 알림 만들기 (ver 1.1) :: 코딩 공부 일지 (tistory.com) [Node.js] 무신사 상품 재입고 알림 만들기 (ver 1.1) https://cocoon1787.tistory.com/741 [Node.js] Node + Kakao API로 상품 재입고 알림 만들기 (ver 1.0) 🚀 이제 날이 슬슬 추워지기 시작하는 것 같고 패딩도 좀 필요해서 무신사에.. cocoon1787.tistory.com 개발 가이드 | Kakao Developers 문서 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao...

[FE 번들러] parceljs

🚀 시작하기 (parceljs.org) 🚀 시작하기 ko.parceljs.org 🚀 시작하기 Parcel[파설, /parsəl/]은 개발 경험에서 차이를 느낄수 있는 웹 애플리케이션 번들러 입니다. 멀티코어 프로세싱으로 불꽃 튀게 빠른 성능을 제공하고 그 어떤 설정도 요구하지 않습니다. 먼저 npm 으로 Parcel 을 설치 npm: npm install -g parcel-bundler 그 다음, package.json 파일을 프로젝트 디렉토리에 만드세요. npm init -y Parcel 은 어떤 유형의 파일이라도 진입점으로 취할 수 있지만 HTML 이나 JavaScript 파일이 좋습니다. 만약 HTML 파일 내에 상대경로로 메인 JavaScript 파일을 연결 했다면, Parcel 은 이 또한 처리..