IT기록 isaac

React App Delete 기능 구현하기 Create, Update에 이어서 마지막 Delete 기능을 구현해 보자. 일반적으로 Delete 버튼은 Update 버튼과 함께 있다. 게시판 상세 페이지에 수정, 삭제 버튼이 있듯이. 이전 글에서 mode state가 'READ'일 때 Update 버튼을 추가했다. 이전 글 2023.06.21 - [JS] - React App Update 기능 구현하기 mode state가 'READ'일 때, 즉 상세 페이지를 확인할 때 Update 버튼 아래에 'Delete' 버튼을 추가한다. 삭제 버튼의 기능을 추가한다. 삭제(Delete) 기능은 Create, Update와 비교하면 비교적 간단하다. 구현 방법은 다양하겠지만 위 코드는 다음과 같다. 빈 배열 new..

React Props에 대해 알아보자. Component에 데이터 보내기 바로 이전 글에서 React 프로젝트 시작하기에 대한 글을 썼다. 이전 글 2023.06.18 - [JS] - React.js Start 리액트 시작하기, React App 만들기 이전 글에 대해서 간략히 설명하자면 1. React Project를 시작하기 위해 nodejs를 설치 2. React Project 생성 3. Project 구조 파악 4. React Component에 대해서, Component 만들기 에 대해서 알아보았다. 이제 컴포넌트(Component)를 응용하고, 컴포넌트에서 사용되는 Props라는 개념에 대해 알아보려고 한다. 어제까지 작성했던 코드는 다음과 같다. /src/App.js function Head..

[Vue.js] Vue CLI 프로젝트 : props의 활용 이전 글 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue.js CLI 프로젝트 : 부모 자식 간의 데이터 전달 Props 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vuetify Buttons 버튼 사용하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : 컴포넌트(Component) 등록과 사용 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vue 파일 공부하기 2022.02.11 - [JS & Fram..

[Vue.js] Vue.js CLI 프로젝트 : 부모 자식 간의 데이터 전달 Props 이전 글 2022.02.12 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vuetify Buttons 버튼 사용하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : 컴포넌트(Component) 등록과 사용 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트 : Vue 파일 공부하기 2022.02.11 - [JS & Framework/vue.js] - [Vue.js] Vue CLI 프로젝트, vuetify 설치하기 2022.02.11 - [JS & Fr..