메모장

1. 디자인 개선 - GPT에게 맡긴다. 티스토리 느낌으로 만들어달라니까 찰떡같이 알아듣고 만들어줬다. 대단한데..?   2. 구체적인 지시  3. 완성본디자인은 ChatGPT에게 부탁하고 어느정도 정해지면 백엔드 작업을 해야겠다.TestBoard.vue {{ menuItem.label }} ChatGPT와 함께하는 게시판 만들기 Add Post {{ post }}

게시판을 만들어보자.일단 ChatGPT에게 부탁한다. 1. ChatGPT에게 부탁Vue.js로 게시판 코드를 짜달라니까 뭔가 막 뱉어냈다.몇가지 에러만 따라가면서 해결하니 바로 게시판이 만들어졌다.에러는 아주 간단했다. 파일명 좀 변경하고, 디렉토리 위치만 고려하니 해결되었다.그리고 현재 버전에서 제공하는 기본 양식과 조금 다르길래 현재 버전에 맞도록 약간의 수정을 했다.  2. 디렉토리 구성  3. 코드3-1. main.js 수정import { createApp } from 'vue'import App from './components/TestBoard.vue'createApp(App).mount('#app') 3-2. TestBoard.vue 추가 Vue.js Board Add ..

1.  환경 세팅아래 가이드를 참고하여 node와 npm 설치https://bachong.tistory.com/76 NVM(Node Version Manager) 설치 및 Node 설치1. 설치 파일 다운로드 - nvm-setup.zip https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 2. nvmbachong.tistory.com 2. vue 설치> npm install -g @vue/cli  3. vu..

1. 설치 파일 다운로드 - nvm-setup.zip https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windowsA node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windowsgithub.com 2. nvm 버전 확인 : nvm vC:\Users\test>nvm -v1.1.12 3. 설치된 Node 목록 확인C:\Users\test>nvm list * 18.5.0 (Currently using 64-bit executable) 4. 설치 가능한 Node 목록 확인C:\Users\test>nvm..

버전 확인node -v npm -v  이 상태에서 vue 프로젝트를 생성하려고 하니 아래와 같은 오류가 발생한다. >vue create test-boardYou are using Node v10-, but this version of @vue/cli requires Node ^12.0.0 || >=14.0.0.Please upgrade tour Node version. Node 랑 NPM을 옛날 옛적 설치하고, 새로 뷰 를 설치했더니 버전들이 너무 낮나보다.요래저래 검색해서 Node 버전과 NPM 버전을 올리기로 결심!  Node 버전 업데이트 시도 1차 시도 : npm install -g  npm ERR! code EBADPLATFORMnpm ERR! notsup Unsupported platform ..

1. VisualStudioCode 설치2. 프로젝트를 생성할 폴더 열기 : File - Open Folder3. 터미널에 npx create-react-app [생성할 프로젝트명]  입력  ex) npx create-react-app todo :  View - Terminal- 성공하면 아래와 같은 메시지가 나온다.Success! Created todo at C:\Users\parksonghee\VisualStudioCode\parksonghee-react-todo-app\todoInside that directory, you can run several commands: npm start Starts the development server. npm run build Bundles th..