eunoia

github 페이지에서 react 프로젝트를 호스팅 하려고 하는데 Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'. 오류가 발생했다. [해결] ** github repo 이름에 따라 경로를 작성해야한다. 전 후

[오류 현상] 1. img src 경로를 public 내 img 폴더로 작성하였다. 2.gitPage로 build 하자 이미지가 나타나지 않았다. [해결] img src에 절대경로를 입력하면 된다. https://내아이디.github.io/리포지토리명/img/image.jpg">

'git'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.라는 문구가 나온다면 환경변수를 설정하면 된다. 경로 : 내PC >> 시스템 속성 >> 고급 >> 환경변수 >> path 찾기에서 시스템 환경변수 검색만 해도 나오는 경우가 있다. C:\Program Files\Git\bin 까지 하면 완료 vsCode에서 저 문구가 나올때마다 폴더 내에서 gitBash를 이용했었다. 그런데 내가 원하는 파일 외에도 업데이트 되거나, 뭔가 충돌되는 경우가 많아서 해결방법을 알아보았다. 생각보다 단순했던 환경변수 설정하기 ㅎㅎ 이제 편하게 vsCode 내에서 git code를 입력할 수 있다.

react 폴더로 이동 1. npm install gh-pages --save-dev 2. package.json 파일에 hompage 추가 "name": "my-app", "version": "0.1.0", + "homepage": "{git-repository-name}.git 5. npm run deploy #브라우저 접속 https://{username}.github.io/{repo-name}

-TypeError: Cannot read properties of undefined (reading 'pathname') -react-dom.development.js:18687 The above error occurred in the component: 대충 이런 에러가 나왔다. npm install react-router-dom도 했는데 왜 발생하나 했는데,, 원인 : import {BrowserRouter as Route, Router, Routes} from 'react-router-dom'; 해결 >> import {BrowserRouter as Router, Routes, Route } from 'react-router-dom'; route를 router내 routes보다 앞에 작성해서.....

server폴더의 루트폴더에 client(fileName) 폴더를 만든다. #터미널 열고 명령어 입력 npx create-react-app fileName //프론트엔드 파일 폴더이름 # fileName 폴더 내에서 패키지 설치 # tailwind를 사용할 것이기 때문에 설치 및 파일 생성하기-리액트 라우터 설치 npm install react-router-dom // client 폴더 내로 이동하여 설치 -테일윈드 설치 npm install -D tailwindcss postcss autoprefixer -테일윈드 config파일 생성 npx tailwindcss init -p # config.js >> 컴포넌트 경로 입력 변경전 : content:[] 변경 후 : content:[ "./src/**/..

간단하게 만들어보려고 하는 웹페이지 이번에는 server도 만들어보려고 한다. 게시글에 좋아요를 표시할 수 있도록 하고, 좋아요를 표시한 게시글을 모아서 볼 수 있도록 만드는 것이 목표! 사용하는 프로그램 >> vscode, mongooseDB, postman 1. server 폴더 내에서 npm init >> 현재 디렉터리를 node.js 프로젝트 디렉터리로 만든다. 2. package.json Scripts부분에서 추가 "start" : "node index.js", //json 형식으로 작성. key와 value 모두 ""큰따옴표 안에 작성한다. "devstart" : "nodemon index.js", >> 서버를 시작하는 명령어 3. 필요한 package 및 라이브러리 설치 한 칸 띄어서 작성하..

완성된 모습 React를 이용하여 프론트엔드 화면을 구성하고 있었다. 여러 개의 메뉴를 아코디언처럼 만들고 싶었다. 쉽지 않았다. [문제] 1. 한꺼번에 3개의 메뉴가 모두 펼쳐지고 닫힌다. 2. 한번 클릭한 메뉴를 닫아야 다음 메뉴를 열 수 있다. 정말 오류도 많이 나고, 또 오류가 안 나서 어디가 문제인지 알 수 없던 순간이었다. 약 이틀간 고민했고, 결론은 간단했다. 항상 결론은 간단하다. 내가 사용한 코드는 1. 3개 메뉴에 대한 useState를 만든다 const [active, setActive] = useState(true); >> 페이지 첫 화면에서는 [전체]카테고리 item이 보여야하기에 초기값을 true로 한다. const [activeBrand, setActiveBrand] = use..

# 준비 : Git 다운로드 # git remote -v : 저장소 확인 1. git에 업로드할 폴더로 이동 > 우클릭 > Git Bash Here 2. git config --global user.name "자신의 깃허브 이름" 3. git config --global user.email "자신의 깃허브 이메일" 4. git remote add origin https://github.com/자신의 깃허브 이름/레포지토리이름.git (##오류 >> git remote remove origin 후 다시 4 진행 ) 5. git add * 6. git commit -m "commit 할 메모" 7. git push origin master (또는 main) 8. 수정하고 업로드 하기 이전에 git pull ..