본문 바로가기
728x90
반응형

전체 글104

윈도우에서 MongoDB 서버 켜는 방법 MongoDB는 설치할 때 기본적으로 "MongoDB Server" 라는 서비스가 등록된다.그래서 보통은 자동으로 백그라운드에서 실행되게 되어 있다.수동으로도 관리할 수도 있다. 1. MongoDB 서비스 상태 확인하기A) 서비스(services.msc)로 확인Windows 키 누르고 "서비스" 검색 → 서비스 앱 실행MongoDB 또는 MongoDB Server 찾기상태가 "실행 중"이면 이미 켜진 것."중지됨"이면 우클릭 → 시작 버튼 누르면 됨. B) 명령어로 확인터미널(cmd 또는 PowerShell) net start 실행 중인 서비스 목록이 쭉 나오는데, 여기서 MongoDB가 있으면 이미 켜져있는 것이다. 2. MongoDB 수동 실행 (서비스 등록 안 됐을 경우)만약 서비스 등록이 안.. 2025. 4. 29.
서버 시작 파일 및 환경변수 파일 작성 - server.js, .env, nodemon설정 | 서버 시작 메인 파일 작성하기backend / server.js 백엔드 서버를 시작하고 여러 미들웨어나 설정을 등록하는 파일이다. 코드에 주석을 참고하면 된다. // backend/server.jsconst express = require('express');const dotenv = require('dotenv');const connectDB = require('./config/db');const authRoutes = require('./routes/authRoutes');const postRoutes = require('./routes/postRoutes');const errorHandler = require('./middleware/errorHandler');const cors = requir.. 2025. 4. 29.
nodejs react 프로젝트 기본 구조 구성 및 설치 0. 프로젝트 구조 구성nodeJS, mongoDB, react를 이용하여 회원가입, 로그인, 게시판 등을 구현하기 위한 구조를 먼저 기획한다. 이제, VSCode 터미널을 열고 기본 세팅 작업 시작!. 1. 프로젝트에 backend와 frontend 디렉터리 생성mkdir backend frontend 각자 방식이 있겠지만 크게 backend와 frontend를 구분해서 개발을 하게 되면 효율적으로 관리할 수 있다. 2. backend 초기화cd backendnpm init -y init할 때 -y 옵션을 넣으면 아래처럼 기본으로 적용되어 package.json 파일이 생성된다.이 파일은 아래 정보 관리부터 앞으로 설치되는 패키지 까지 한 눈에 관리할 수 있게 해주므로 중요하다. 3. ba.. 2025. 4. 28.
npx create-react-app 설치 안될때 확인 react 설치를 하는데 아래 메시지가 나타나고 진행이 되지 않았다. You are running `create-react-app` 5.0.1, which is behind the latest release (5.1.0).We recommend always using the latest version of create-react-app if possible. "설치가 안된다" 는 건 아니고,"지금 사용하는 create-react-app 버전(5.0.1)이 최신버전(5.1.0)보다 조금 낮다" 라고 알려주는 것인데 컴퓨터에 오래된 create-react-app 버전이 설치되어 있거나 npx 명령이 최신 패키지를 가져오지 못할 가능성이 있다. 해결방법>> 1) 항상 최신버전으로 설치하는 명령어로 설치.n.. 2025. 4. 28.
프로젝트 폴더 구조 구성하기 프로젝트를 구성할때 개발, 테스트, 배포 과정에서 효율적인 관리를 위해 폴더 구조를 잘 분리하는 것이 중요하다. | 폴더 구조 구성 크게는 백엔드와 프론트엔드를 분리해서 작업하는 것이 실무에서 일반적이다.project-root/├── backend/ # Node.js + Express API 서버│ ├── server.js│ ├── routes/│ ├── models/│ └── config/├── frontend/ # React 프로젝트│ ├── public/│ └── src/├── .env # 환경 변수 파일└── README.md - backend : Node.js, Express, MongoDB로 구성된 API 서버- .. 2025. 4. 26.
최근 사용 파일 목록, 컴퓨터 사용시간 확인 / 최근 사용한 파일 목록 확인하기 Win + r  > 실행창 > recent 입력     아래처럼 탐색기가 열리고 최근 사용한 파일들 목록을 확인할 수 있다.     / 윈도우 사용시간 Winlogon 확인하기 Win + r > 실행창 > eventvwr 입력    이벤트 뷰어 >> Windows 로그 > 시스템 > 현재 로그 필터링  현재 로그 필터링 >> 이벤트 원본 > Winlogon 체크  윈도우 로그온/로그아웃 (날짜,시간)정보를 확인할 수 있다. 2025. 3. 24.
밴드에서 동영상 다운받기 밴드에 등록된 영상화면에서 F12 또는 오른마우스 '검사'를 눌러 개발자 툴을 연다.( 크롬 브라우저 기준 )  선택 툴을 누르고 영상을 선택하면 html코드 video태그에 src 주소를 찾을 수 있다.src주소 위에 오른마우스 > Open in new tab을 누르면 새로운 창으로 영상이 뜬다. 오른쪽 하단 옵션더보기 > 다운로드 2024. 9. 25.
웹사이트에서 사용된 기술 파악해주는 도구 Wappalyzer 공식 사이트 https://www.wappalyzer.com/  어떤 사이트를 이용하다가 보면 무슨 기술을 이용해 만들어졌는지 궁금할때가 많았다.그러다가 wappalyzer를 알게되었다. Wappalyzer는 콘텐츠 관리 시스템, 전자 상거래 플랫폼, 웹 프레임워크, 서버 소프트웨어, 분석 도구 등을 감지한다고 한다.  사용방법은 간단하다.Chrome 웹 스토어에서 wappalyzer를 검색하여 설치하면 된다.https://chromewebstore.google.com/?hl=ko&utm_source=ext_sidebar Chrome Web Store브라우저에 새로운 기능을 추가하고 탐색 환경을 맞춤설정합니다.chromewebstore.google.com  설치를 하면 크롬 브라우저 오른쪽 상단에 확장프.. 2024. 6. 3.
HTTP 클라이언트 라이브러리 - Axios의 다양한 기능 Axios는 Promise 기반의 HTTP 클라이언트로, 브라우저와 Node.js 환경에서 모두 사용할 수 있고, 다양한 기능을 제공하여 HTTP 요청을 쉽게 관리하고 처리할 수 있게 해준다. Axios의 주요 기능 / Promise 기반Axios는 Promise를 기반으로 동작하므로 비동기 작업을 쉽게 처리할 수 있다./ 요청 및 응답 변환요청 데이터를 자동으로 JSON 문자열로 변환하고, 응답 데이터를 JSON 객체로 변환한다. / 요청 취소요청을 취소할 수 있는 기능을 제공/ 자동 변환JSON 데이터를 자동으로 변환/ 타임아웃 설정요청의 타임아웃을 설정할 수 있다./ 인터셉터요청 또는 응답을 가로채고, 그 사이에 추가 로직을 삽입할 수 있다./ 헤더 설정요청에 대한 커스텀 헤더를 쉽게 설정할 수 .. 2024. 5. 27.
데이터 전송 fetch와 Axiox 비교 브라우저 환경에서 HTTP 요청을 보내기 위해 사용되는 라이브러리로, fetch 또는 Axios가 사용된다.   | fetch APIfetch는 브라우저 내장 API로, 최신 브라우저에서 기본적으로 제공된다. ES6 Promise 기반으로 동작하며, 간단한 요청에는 매우 유용하다. 장점- 내장 API로 별도의 라이브러리르 설치하지 않아도 된다.- 간단한 요청을 작성할 때 간결하게 사용할 수 있다. 단점- 기본 기능만 제공하고 오류 처리가 불편하다.- HTTP 에러가 reject되지 않고 resolve되기 때문에, 명시적으로 에러를 체크해야 한다.- 응답 데이터를 JSON으로 변환하려면 .json() 메서드를 별도로 호출해야 한다. fetch 예 >fetch('/api/data', { method: 'P.. 2024. 5. 27.
728x90
반응형

티스토리툴바