봉보로봉봉

https://ozofweird.tistory.com/entry/%EB%8B%A4%EC%96%91%ED%95%9C-%EC%B1%84%EC%9A%A9-%ED%94%8C%EB%9E%AB%ED%8F%BC?category=912719 [참고하기 좋은 내용] 다양한 채용 플랫폼 1. 원티드 신입보다는 경력 채용 공고가 많은 플랫폼이다. [링크] www.wanted.co.kr/ 커리어 여정을 행복하게, 원티드 커리어 성장과 행복을 위한 여정, 지금 원티드에서 시작하세요. www.wanted.co.kr 2. 로 ozofweird.tistory.com

깃모지 코드 설명 🎨 :art: 파일/코드 구조 개선 🩹 :adhesive_bandage: 간단한 수정 ⚡️ :zap: 성능 향상 🔥️ :fire: 코드나 파일 삭제 🐛️ :bug: 버그 해결 🚑️ :ambulance: 긴급 수정 ✨️ :sparkles: 새로운 기능 📝️ :memo: 문서 추가/수정 💄️ :lipstick: 화면 UI 추가/수정 🎉️ :tada: 프로젝트 시작 ✅️ :white_check_mark: 테스트 추가/수정 🔒️ :lock: 보안 이슈 수정 🔖️ :bookmark: 릴리즈/버전 태그 🚧 :construction: 작업 진행 중 💚 :green_heart: CI 빌드 수정 ⬇️ :arrow_down: 의존성 버전 다운 ⬆️ :arrow_up: 의존성 버전 업 📌 :pushpin:..

firebase 공식문서 https://firebase.google.com/docs/firestore?hl=ko Firestore | Firebase 유연하고 확장 가능한 NoSQL 클라우드 데이터베이스를 사용해 클라이언트 측 개발 및 서버 측 개발에 사용되는 데이터를 저장하고 동기화하세요. firebase.google.com firebase 패키지를 설치한다. npm i firebase --save 데이터 저장에 필요한 요소를 import 한다. import { initializeApp } from 'firebase/app'; import { getFirestore, collection, addDoc } from 'firebase/firestore'; 프로젝트를 생성하면 나오는 config 정보를 이용..

python은 설치되어있고 python --version 명령어를 실행하면 버전은 잘나온다. 그리고 환경변수 PATH 설정까지 해줬다. 그런데 vscode에서 run을 하면 에러가 떴다. /bin/sh: python: command not found vscode 이유 python과 python3은 다른가보다 vscode가 그걸 인식을 못해서 그런 것 같다. vscode setting.json에 코드를 추가해주니 동작했다. "python.pythonPath": "python3", "code-runner.executorMap": { "python": "/usr/bin/python3" } 참고

Vite로 만든 프로젝트를 gh-pages로 배포할 때는 gh-pages 라이브러리를 설치하지 않아도 된다. vite.config.js 파일로 가서 base를 추가한다. // vite.config.js import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; // https://vitejs.dev/config/ export default defineConfig({ base: '/레포이름/', plugins: [react()], }); BrowserRouter에 basename을 추가한다. const Router = () => { return ( ); }; HashRouter라면 basename은 필요없다! gh-pages..

Vite로 프로젝트를 구축해서 진행하고 있었다. firebase api key를 감춰야해서 .env 파일을 생성하고 사용하려고 했다. process.env.변수명으로 접근하려니까 이용할 수 없다는 에러가 떴다... 왜....? uncaught referenceerror process is not defined. 이유 Vite에서는 process.env를 사용하지 않고 import.meta.env를 사용한다. // process.env 대신 사용 import.meta.env 그래서 다 고쳐줬더니 에러는 없는데 undefined이 떴다... 왜....? 기존에 .env에서 변수를 선언할 때 REACT_APP_ prefix를 붙여주는 것처럼 Vite에서는 VITE_ prefix를 붙여줘야만 인식을 하기 때문이..

스타일드 컴포넌트를 사용해서 깜빡이는 스타일링을 주려고 blink라는 state를 선언해서 props로 넘겨줬는데 이런 메세지가 떴다. Warning: Received `false` for a non-boolean attribute `blink`. 이유 html 태그 속성 중에 props와 동일한 이름을 가진 속성이 있다면 저 경고 메세지가 뜨는 것이었다. 그래서 props를 넘겨줄때 prefix로 $를 붙였더니 메세지가 사라졌다. 참고

🛠 사용 기술 및 기간 22.10.20 - 22.10.21 react react-dom react-router-dom react-scripts dotenv firebase styled-components styled-reset react-icons js-confetti 🏗 프로젝트 구조 public : 파비콘과 이미지 파일 폴더 src : index.html과 package.json 등 중요 파일 폴더 src/pages/home : 랜딩 페이지와 메인 페이지 파일 폴더 src/pages/form : 설문 페이지와 설문 제출 완료 페이지 파일 폴더 src/styles : 전역 스타일 파일 폴더 👉 프로젝트 실행 방법 터미널에서 프로젝트를 클론 받습니다. git clone https://github.com/..