분류 전체보기 269

Nuxt netlify 베포 (Deploy did not succeed Deploy directory dist does not exist)

https://stackoverflow.com/questions/66353549/deploy-did-not-succeed-deploy-directory-out-does-not-exist Deploy did not succeed: Deploy directory 'out' does not existWhen deploying an app created with Next.js to netlify, the following error occurs and the deployment fails. ─────────────────────────────────────────────────stackoverflow.comhttps://nuxtjs.org/deployments/netlify/ NetlifyHow to deplo..

netlify 2023.04.02

React Netlify 베포 waring 무시하고 베포

https://merrily-code.tistory.com/123 [이슈] : Netlify - Treating warnings as errors because...📝 내용 : Netlify 배포 시, Treating warnings as errors because... 에러로 인한 배포 실패 제작한 페이지를 Netlify에 간단하게 배포해보려 했는데, 어흑 마이 깟... 😂 간만에 사용해서 그런지 뭔가 잘 되지 merrily-code.tistory.com Build & deploy 탭의 Continuous Deployment 항목을 클릭하면 빌드 명령어를 지정할 수 있는데, npm run build 를 CI=false npm run build 로 고쳐줍니다.

netlify 2023.04.02

Nuxt에서 env 사용하기

https://ordinary-code.tistory.com/180 [nuxt/vue] nuxt에서 .env developement버전 production버전 파일 연결하기nuxt에서. env 파일을 배포 환경과 개발환경마다 다르게 쓸 경우가 있다. 오늘은 @nuxtjs/dotenv를 이용해서 배포 환경마다 .env파일을 변경해보도록 하겠다. 1. @nuxtjs/dotenv와 cross-env를 설치를 해준다. npordinary-code.tistory.comnpm install @nuxtjs/dotenv --save npm install cross-env --save "scripts": { "dev": "cross-env NODE_ENV=development nuxt", "start": "cross-e..

Nuxtjs 2023.03.26

깃 푸시 취소

https://ninano1109.tistory.com/3 Git push 취소 방법 (feat. '쫄보의삽질' 블로그 탄생 배경) 아래는 저의 생생한 경험담을 바탕으로 작성한 것 입니다. Github 관리 폴더의 이름을 실수로 변경하고 삭제해버렸다. 작업 후 commit 하려고 아무리 찾아봐도 폴더가 보이지 않았다. 나의 피땀눈물 ninano1109.tistory.com 로그확인 git log --oneline 돌아갈 커밋번호 입력 git reset --hard "8977c53" 적용할 브랜치 강제 넣기 git push -f origin master

Git 2023.03.26

리액트 레이아웃 적용하기

https://sosohanya.tistory.com/116 [React] Layout / Contents 컴포넌트 분리 Lnb, Top 영역은 컴포넌트로 빼더라도, 모든 페이지마다 전체 화면을 감싸는 영역과 Lnb, Top 영역을 반복해서 작성하는 건 불편합니다. 페이지에서는 해당페이지의 내용(Contents)만 작성하고 싶습니 sosohanya.tistory.com 위글 처럼 하면된다 layout.js import {Outlet} from "react-router-dom"; import HeaderCompo from "./HeaderCompo"; function LayoutCompo() { return ( ) } export default LayoutCompo; app.js import { Route..

React+Redux 2023.01.21

리액트 자식 컴포넌트 함수 호출하기

https://babycoder05.tistory.com/entry/%EB%B6%80%EB%AA%A8-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8%EC%97%90%EC%84%9C-%EC%9E%90%EC%8B%9D-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8-%ED%95%A8%EC%88%98-%ED%98%B8%EC%B6%9C%ED%95%98%EA%B8%B0 React 부모 컴포넌트에서 자식 컴포넌트 함수 호출하기 - useImperativeHandle React 에서 props 의 개념에 대해 익숙해졌다면, 부모 컴포넌트의 state 와 함수를 가져다 쓰는 것이 어렵지 않을 것이다. 그러나 만약 자식 컴포넌트의 함수를 부모 컴포넌트에서 사용해야 한다면 babyco..

React+Redux 2023.01.18