기타 9

노드랑 리액트 실행

수정된 리액트 실행 단계 (프로젝트 이름: ottwep)리액트 프로젝트 생성터미널이나 명령 프롬프트에서 다음 명령어를 입력하여 "ottwep"라는 이름의 새로운 리액트 프로젝트를 생성합니다: npx create-react-app ottwepbash코드 복사프로젝트 디렉토리로 이동생성된 프로젝트 디렉토리로 이동합니다:bash코드 복사cd ottwep리액트 개발 서버 실행개발 서버를 실행하여 리액트 애플리케이션을 로컬에서 확인합니다:bash코드 복사npm start이제 "ottwep" 프로젝트를 성공적으로 생성할 수 있을 것입니다. 리액트와 Node.js 서버 동시 설정 단계1. 리액트 프로젝트 생성먼저, 리액트 프로젝트를 생성합니다. 프로젝트 이름은 "ottwep"으로 설정합니다:bash코드 복사npx c..

기타 2024.08.13

배포하기>https://console.firebase.google.com

1. 일일 배포 횟수 제한Spark(무료) 플랜에서는 하루에 최대 20번까지 배포할 수 있습니다.Flame(유료) 및 Blaze(종량제) 플랜에서는 하루 최대 100번까지 배포할 수 있습니다.배포 횟수가 초과되면 하루가 끝날 때까지 더 이상 배포할 수 없습니다.2. 호스팅 용량 제한Spark(무료) 플랜에서는 호스팅 가능한 정적 파일의 총 용량이 1GB로 제한됩니다.Flame 플랜은 10GB까지 확장할 수 있으며, Blaze 플랜은 종량제로 필요한 만큼 확장할 수 있습니다.호스팅 용량을 초과하면 파일을 추가할 수 없으며, 용량을 줄이거나 플랜을 업그레이드해야 합니다.3. 전송 대역폭 제한Spark(무료) 플랜에서는 월 10GB의 데이터 전송 대역폭이 제공됩니다.Flame 플랜에서는 월 20GB의 대역폭이..

기타 2024.08.13

로그인 연동 - 구글

1. https://console.cloud.google.com/ 들어가서 사진의 내용과 같이 입력.2. 좌측 사용자 인증정보 > + 사용자 인증정보만들기 > OAuth 클라이언트 ID 여기에 나오는 아이디 비번 메모메모!!  3. 위 검색창에 google people api 쳐서 사용하기   index.htmlDOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    title>Google Login Exampletitle>head>body>    h1>구글 로그인 예제h1>    a href="https://accounts.google.com/o/oauth2/v2/auth?scope=email%20profile&access_type=online&in..

기타 2024.08.07

기타 팁> 라우터를 구분해서 사용하면 용이하다

코드의 구조를 간단하게 하기 위해 공통 기능을 미들웨어로 추출하고, 각 기능을 모듈화할 수 있습니다. 아래는 개선된 버전으로, 공통 기능을 미들웨어로 분리하고 라우트 핸들러를 별도의 파일로 분리한 예입니다. 1. 환경 변수 설정 파일 (.env) DB_URL=mongodb+srv://hjw1191:zxc123@hjw1191.zaqklsn.mongodb.net/?retryWrites=true&w=majority&appName=hjw1191 PORT=8080 SESSION_SECRET=세션 암호화 비번~~2. 서버 설정 파일 (server.js)// server.js const express = require('express'); const app = express(); const session = requ..

기타 2024.07.26

만든 사이트 발행하기

만든 사이트 발행하기 발행하는 방법은 두가지가 있습니다. 1. Github Pages 이용법 (도메인 주소는 상관없이 그냥 누구에게 보여줄 포트폴리오가 빠르게 필요할 때)2. 일반 호스팅 이용법 (나의 도메인이 필요할 때)     1. Github Pages 를 이용해 쉽게 사이트를 띄워보도록 합시다.  1) github.com 에서 가입하시고 로그인합니다.   2) 우측 상단 + 버튼을 눌러 New repository를 만들어줍니다. 이제부터 중요한 내용이 출현합니다.      3-1) 만들 때 repository name 섹션엔 여러분 왼쪽에 뜨는 아이디.github.io로 적어주시면 됩니다. 저의 경우엔 yogoho210.github.io가 되겠네요. 임의로 다른 이름으로 적으시면 실패합니다.  3..

기타 2024.07.10