Fair enough

Bootstrap이 뭔가?홈 UI를 이쁘게 하기 위해서 Bootstrap 라이브러리 사용프런트엔드의 컴포넌트 라이브러리임html 쌩코딩없이 UI개발을 끝낼 수 있음!원하는 UI검색해서 예제 코드 복붙하면 간단하게 UI개발 가능!! Bootstrap 다운받기1. 홈페이지 방문https://getbootstrap.kr/ Bootstrap강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생기getbootstrap.kr그러면 버전을 선택하고 설치할 수 있는 npm명령어를 제시해줌. 2. 설치하기나는 5.3 버전을 설치해보겠다.npm i bootstrap@5.3.3 b..

node.js에서 작성한 코드는 수정시 매번 서버 재실행을 해야 적용이 됨.==> 자동화 시키자==>how? nodemon으로 nodemon으로 서버 재실행 자동화npm 으로 설치-g : 모든 폴더에서도 nodemon을 사용한다는 명령어npm install -g nodemon yarn으로 설치yarn add global nodemon nodemon으로 서버 실행nodemon server.js  에러 해결법실행시 만약 이런 에러가 난다면 윈도우 검색-> powershell 관리자 권한으로 실행관리자권한 powershell에서1. executionpolicy 입력executionpolicy결과가 Restricted면 문제 있는것2. set-executionpolicy unrestricedset-executi..

1. 터미널에서 내가 현재 위치한 폴더가 todoapp 인지 확인한다2. 그리고 todoapp폴더에 server.js를 만든다 3. server.js작성 --> 서버를 띄우기 위한 기본 세팅임listen(서버띄울 포트번호, 띄운 후 실행할 코드) 포트가 머임?외부와 네트워크 통신을하기위한 구멍 아래 코드가 기본 서버 띄우는 세팅이다//server오픈하는 기본 세팅const express = require('express'); //설치한 express라이브러리 첨부const app = express(); //설치한 express 라이브러리로 새로운 객체를 만든다app.listen(8080, function(){ console.log('listening on 8080');}); //8080 port로 웹서..

코드를 쉽게 짜기 위한 라이브러리 express 설치npm은 라이브러리 설치를 도와주는 도구1. npm으로 라이브러리 설치 가능npm init 2. 라이브러리 설치 기록 --> package.json파일에 저장npm init으로 가능  3. express 라이브러리 설치npm install expresspackage.js에 업데이트 된 것을 확인 가능 node_modules -->라이브러리에 필요한 자료들 담는 공간 만약 에러가 나면 1. 구글에 yarn검색 후 설치2. pc 재시작3. yarn add명령어로 설치 가능 --> yarn이 빠르기도하고 에러가 덜납니다.yarn add express  본 포스팅은 코딩애플님의 영상을 보고 작성하였습니다.https://www.youtube.com/watch?v..

서버(server란) 요청을 받으면 요청한 내용 보내주는 프로그램HTTP요청 방식(사용자가 요청할 수 있는 방식들)1. 읽기(GET)2. 쓰기(POST)3. 수정(PUT)4. 삭제(DELETE) Node.js가 뭔데?javascript 런타임 입니다?? javascript html을 위해 만들어진 언어html조작과 변경을 하기 위한html= 웹페이지에 글쓰고 그림넣는 언어(정적)자바스크립트 ==> 웹페이지를 다이나믹하게 바꿔주기 가능누가 자바스크립트를 해석을 누가함? --> 브라우저가 함자바스크립트 해석엔진 --> 크롬(v8), 엣지(chakra),firefox크롬(v8) --> v8을 따로 출시--> 그게 node.jsnode.js결국 브라우저 내에서 말고도 다른환경에서도 javascrip실행할 수 있..