Search result

11. 글작성 후 데이터가 남는 문제 해결

글작성 후 다시 글작성할때 기존 데이터가 남아있는 것을 볼 수 있다.1. resetData()메서드를 만들어준다. //리셋데이터 호출 resetData(){ this.task.name = '', this.task.body = '' }2....

laravel vue crud

10. Delete

1. 사진과 같은 부분에 deleteTask 매개변수받는 메서드를 만들어준다2. 버튼클릭이벤트에 해당메서드를 삽입한다.Delete3. delete 메서드 삭제 로직 deleteTask(index){ let confirmBox = confirm("정말...

laravel vue crud

9. update

1. TaskComponent.vuecreate modal을 복사 후 붙여넣기 한 다음 수정해서 사용한다.2. methods:{} 에 업데이트 모달창이벤트메서드를 만들어준다. //업데이트 모달창 오픈 loadUpdateModal(){ },3. E...

laravel vue crud

8. 유효성 검사

1. uri 아래에 에러배열을 만들어준다. uri: "http://laravelvuecrud.test/tasks/", errors: []2. catch 부분을 작성해준다. //데이터 삽입하기 createTask(){ axios.post(this.uri, {nam...

laravel vue crud

7. Database Modal Create

1. 모달 적용https://getbootstrap.com/docs/4.4/components/modal/2. Modal 설정 Create Modal ×...

laravel vue crud

6. Databases Data 불러오기

1. TaskComponent.vue Add New Task id Name Body {{index + 1}} {{task.name}} {{task.body}}...

laravel vue crud

[Javascript] 파일 줄이기 노드 패키지 리스트

- 자바스크립트 *.js파일을 압축해 용량을 줄여서 *.min.js로 만드는 프로그램을 사용하고 있었는데 (gulf , gulf-minify (terser) ) es11문법에서 에러가 났다 GulpUglifyError: unable to minify JavaScript Cause...

javascript

[Javascript] 파일 줄이기 노드 패키지 리스트

- 자바스크립트 *.js파일을 압축해 용량을 줄여서 *.min.js로 만드는 프로그램을 사용하고 있었는데 (gulf , gulf-minify (terser) ) es11문법에서 에러가 났다 GulpUglifyError: unable to minify JavaScript Cause...

javascript

[Javascript] 전개 구문(Spread syntax , spread operator) (...)

* 전개 구문(Spread syntax , spread operator) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3...

javascript

[Javascript] 전개 구문(Spread syntax , spread operator) (...)

* 전개 구문(Spread syntax , spread operator) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3...

javascript