내가 보려고 쓰는 기록

node modules을 삭제하고 재설치해야 되는 경우가 많다. 근데 node modules를 그냥 삭제해버리면 시간이 너무 오래걸림 npx npkill -d ./ 위의 명령 가운데 ./ 은 현재 폴더 아래에 있는 모든 노드 모듈을 찾으라는 명령이다 노드모듈을 삭제해줌 wow

학원에서 했던 프로젝트 로컬로 클론 받아서 공부하려고 npm install 했더니 code ERESOLVE 오류 뜸 밑에 오류를 읽어보면 react 16.8 또는 17.0 버전이 필요한데 내 react 버전은 18.2 이다 해결방법은 react 버전을 다운그레이 해줘야함! 먼저 package-lock.json 파일을 삭제하고 npm install --save --legacy-peer-deps 위의 코드 실행하면 오류해결! 💡참고 --force: bypass the conflict --legacy-peer-deps: ignore peer dependencies entirely --force 는 충돌을 우회하고 --legacy-peer-deps 는 충돌을 무시한다고 한다.

특정 시간 내 성공적으로 수행되지 못해서 자동 중단되는 것으로 네트워크 연결 문제라고 함 해결방법 cache clear clear your cache using this command npm cache clear --force 명령 2가지 차례대로 입력 후 다시 실행하면 성공!

데이터를 저장할때 구분할 수 있어야 하므로 고유의 _id를 달아서 저장해야 함 몽고DB에서 자동으로 id값 부여되는 이유가 데이터 구분하려고! 데이터 여러개면 id값 하나하나 달기 힘드니까 기존 게시물 총 개수에 +1 해주는 기능 만들면 편할듯 DB에 항목 추가할 때마다 자동으로 id값을 1씩 증가시켜서 저장시켜주는게 auto increment 1. 기존 게시물 총 개수 + 1 의 데이터가 들어갈 곳을 fineOne( )을 사용해서 찾기 db.collection('counter').findOne({name:'게시물개수'},function(에러,결과){ console.log(결과.totalPost); var 총게시물개수 = 결과.totalPost; }); *컬렉션을 따로 만들어서 저장하는게 편함 2. po..

request - 요청 - 서버에 정보 달라고 요청, 서버는 항상 대기중이다가 request가 들어오면 반응하는 것 - request에 대한 처리를 한 후 결과를 response 객체로 돌려줌 - resquest로 요청에 대한 정보를 얻을 수 있음 - 브라우저에서 주소치는 것은 페이지 가져오는 것이므로 GET 요청 ex) http 메소드는 GET url 은 슬래시 조건문이 참이면 restFront.html 실행 http://localhost:8082하면 GET + ' / ' 로 요청을 보내는 것이므로 restFront.html 실행 * 뒤에 ' / ' 슬래시 생략된 것 요청을 보냈을때 개발자도구-Network 탭 들어가보면 실제 요청에 대한 정보 볼 수 있음 200은 req이 성공적으로 res(응답)되었..

서버와 클라이언트 >> 서버와 클라이언트 관계 - 클라이언트가 서버로 요청(request)보냄 - 서버는 요청을 처리 - 처리 후 클라이언트에 응답(response)보냄 서버에게 주도권있어서 서버가 정해준대로 클라이언트가 따라감 클라이언트 - req(요청) 서버 - res(응답) 만약 /list 페이지로 접속했을때 DB에 저장된 데이터들을 꺼내서 보여주고 싶으면? ejs 라이브러리 사용 *ejs - html을 쓰기 쉽게 도와주는 라이브러리 ejs 1. 라이브러리 설치 npm install ejs 2. server.js 파일 상단에 코드 작성 app.set('view engine','ejs'); 3. list.html을 list.ejs로 이름 바꾸고 views 폴더를 만들어서 그 *안에 넣기 * ejs는 ..

API 소프트웨어가 다른 소프트웨어로 부터 지정된 형식으로 요청, 명령을 받을 수 있는 수단 ex) 날씨를 알려주는 다양한 웹사이트들, 앱들은 모두 기상청 서버에 데이터를 요청하고 그 데이터를 받아감 즉 서버와 웹, 앱들 사이에 정보들 요청되고 전송되는 것 웹, 앱들이 서버에 정보를 요청할때 지정된 형식이 있는데 그 지정된 형식을 API 라고함 기상청에 date:191023|place:seoul|which:temperature 주소 입력해서 데이터를 요청하면 17deree 라고 데이터 줌 이렇게 정해진 메뉴얼이 있으면 누구든 이 메뉴얼을 참조해서 기상청 정보를 활용하는 소프트웨어를 만들 수 있음 REST API - 주소 정하는 규칙 - 자원에 어떤 조작(CRUD)을 할지 HTTP 메소드로 나타냄 - 서버..

웹사이트 기능 만들기 기본 1. 서버로 데이터 전송할 수 있는 UI 만들고 2. 서버에 원하는대로 정보를 처리해주면 됨 form에 입력한 정보 어딘가에 저장해야됨(엑셀은 많은 데이터 저장 불가) Database에 저장해야됨 자료 저장하려면 일단 MongoDB 가입해서 폴더, 파일 만들고 server.js에서 MongoDB 에 접속할 수 있게 해야함 server.js 에서 DB에 접속하려면 1. 라이브러리 설치 npm install mongodb 2. 상단 코드 추가 const MongoClient = require('mongodb').MongoClient; 3. 하단에 코드 입력 var db; MongoClient.connect('mongodb+srv://kdb:6743@cluster0.bawt6ey.m..