공부120 [PJ] Vue 공부중5 Todo Update submit 버튼으로 form submit 활용 template ... Save script const onSave = async () => { const res = await axios.put(`http://localhost:3000/todos/${todoId}`, { subject: todo.value.subject, completed: todo.value.completed, }); console.log(res); return { onSave }; }; 값이 잘 바뀌었다. JS 객체 복사/비교 js 자료형 : 원시 타입 - 값 자체 저장 , 참조 타입 - 메모리의 주소값 저장 lodash library 로 참조타입(객체) 값 비교! 수정시 데이터가 변동 되지 않았다면 save 버.. 2022. 10. 2. [PJ] Vue 공부중4 Vue Router 페이지간의 이동을 위한 패키지 설치 - vue3 는 vue-router4 버전 설치해야함 npm install vue-router@4 router-link 페이지를 리로딩 하지 않고 화면을 불러온다. 2022. 9. 29. [PJ] Vue 공부중3 json-server 를 이용한 DB 공식문서 설치 npm i json-server db.json 파일 생성 { "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ], "comments": [ { "id": 1, "body": "some comment", "postId": 1 } ], "profile": { "name": "typicode" } } 실행 json-server --watch db.json 아래와 같이 데이터가 쌓여 있는 모습을 실시간으로 볼 수 있다. async vs sync (비동기 vs 동기) 동기는 일을 처리하는데 시간이 얼마나 걸리든, 일을 무조건 순차적으로 진행하는 것. 비동기는 일의 요청을 바로바로 받아서 .. 2022. 9. 28. [PJ] Vue 공부중2 집에서 공부했던 vue3 project를 다른 곳에서 ( window ) 작동 시키려니 되지 않는다..하하하하 (몇일째 셋팅만 하는건지 모르겠다. 제발 코딩좀 하자) wsl 로 ubuntu 설치해둔게 있어서 거기서 돌려보도록한다. 근데 너무 깨끗한 ubuntu server... nodejs, npm, vue-cli, vue-cli-service 등을 설치해 주었다. sudo apt update sudo apt install nodejs node -v npm -v # npm 은 안깔렸다 sudo apt install npm # npm 설치 npm -version npm install -g @vue/cli # node 버전이 낮아서 안깔림. 14이상으로 설치. npm run serve curl -o- htt.. 2022. 9. 27. [PJ] Vue 공부중 최종적으로 Vue3 + MDB + Bootstrap 을 사용해서 프로젝트를 진행하기로 결정!! (땅땅땅) vue 공부 - todo list 만들어보기 Vite로 프로젝트 생성 npm init vite-app todo Vitejs2로 프로젝트 생성 npm init vite todo-vite2 기본 폴더 구조 vitejs로 프로젝트 생성시, index.css 파일이 따로 있지 않고 태그가 기본적으로 setup속성을 갖도록 템플릿이 만들어진다... 그게 뭔데.ㅡ Vite Project Start Bootstrap Library 설치 npm install bootstrap Popper Library 설치 npm install @popperjs/core Todo List 변수 생성 생성된 변수는 전 컴포넌트에 걸.. 2022. 9. 26. AWS Studying Amazon Web Services 컴퓨팅 > 인스턴스 Amazon Elastic Compute Cloud(EC2) Amazon Lightsail 데이터베이스 Amazon Aurora Amazon DynamoDB Amazon RDS 스토리지 Amazon Simple Storage Service(S3) 분석 Amazon Athena Amazon QuickSight 애플리케이션 통합 Amazon Simple Notification Service(SNS) Amazon Simple Queue Service(SQS) 서버리스 AWS Lambda Amazon API Gateway Elastic Load Balancing(ELB) Amazon DynamoDB Amazon Simple Storage S.. 2022. 9. 21. 이전 1 2 3 4 5 6 ··· 20 다음
