분류 전체보기 (71) 썸네일형 리스트형 zzz zzz redux 설정 npm i redux , react-redux , react-promise, react-thunk 설치후 임포트해준다. 리덕스 리듀서 설정! react-router-dom 사용해서 라우팅 사용하기 먼저 react-router-dom --save 명령어로 모듈을 설치해주고 react-router-dom 모듈을 임포트해주면서 사용할 객체를 입력한당 BrowserRouter 는 as로 Router 의미를 명확하게. react 환경설정 npm , node 설치가 완료되어있다는 가정하에 진행하겠습니다. velog.io/@ye050425/Tprojectworkspace [T*project] npm 설치 및 개발환경 구축 이번 프로젝트는 한달간 진행되는 프로젝트로 node.js와 express, EJS, SQLlite를 사용하는 프로젝트입니다. 그래서 블로그에 간단한 개발환경을 구축하는 과정과 프로젝트를 진행하면서 사용한 것과 velog.io 저와는 상관없는 설명잘되어있는 링크소개해드릴게요. 사실 npm만 설치되어있다면 npx 명령어를 사용할수있어서..거의 끝났습니다. mkdir 디렉토리이름 cd 디렉토리이름 create-react-app ./ 설치가 쥬류룩 완료되고나면 npm run start 명령어를 입력하고나면 리액트기본포트인3000포.. The engine "node" is incompatible with this module. Expected version "^10 || ^12 || >=14". Got "13.12.0" 에러 해결 리액트 환경설정중에 create-react-app ./ 명령어 실행중에 에러메시지가 나면서 설치가 완료가 안됐는데. 노드와 npm 버전이 안맞아서 생기는 에러로 확인됐다. 최신버전으로 업그레이드해보자 노드 버전 $ sudo npm cache clean -f # 강제캐시삭제 $ sudo npm install -g n # n 모듈 설치 $ sudo n stable # or sudo n 12.14.0 (버전명) $ node -v # 버전 확인 노드 최신버전으로 업데이트시 에러 bash: /usr/bin/node: No such file or directory 해결방법 $ sudo ln -sf /usr/local/n/versions/node//bin/node /usr/bin/node $ sudo ln -sf /.. 넉스트 라우팅 nuxt hello 찍어보기. 프로젝트 디렉토리 생성후 디렉토리 경로에서 => npm init -y => npm install vue nuxt 패키지.제이슨 폴더에서 스크립트 수정 "dev":"nuxt" => npm run dev 명령어 사용하여 nuxt 서버 실행한다. nuxt는 pages 를 읽어서 index.vue , profile.vue , signup.vue 를 라우팅함 로칼호스트:3000/profile 이런식으로 끝 (npm install 할때 지금 ch1/front/경로에 있기때문에 이 경로에서 설치를 해줘야함 ch 경로나 다른 경로에서 설치해주면 암만 로컬호스트:3000에 접속해봐야 index.vue에 작성한 내용 볼 수 없음) 구구단 html 태그를 vue로 제어하기위해서 엘리먼트 태그 아이디를 정해주고 (이 앨리먼트는 내가 제어하겠다 이런느낌) {{}} -> 이태그안에서 Vue 객체안에 정의한 data 변수를 사용할수있고 , 자바스크립트 코드도 작성가능하다(ex : {{first += 1}}) 그리고 v-model 객체의 상태 value 값이 변하게되면 Vue 객체 data 에있는 값도 변경된다. form 태그에 v-on:event="이벤트이름" 이벤트이름이 곧 함수이름인데 작성은 methods 객체 안에 구현하면된다. 실행결과 이전 1 2 3 4 ··· 9 다음
