메모장

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..