SMALL 전체 글130 [React] Update & Delete 기능 구현 - delete 구현 Study. React Update & Delete 기능 구현 [delete 구현] 📌delete를 누르면 먼저 정말 삭제할건지 물어본다. 그리고 누구를 삭제할건지, 어떤 내용를 삭제할건지 📌splice: 어디서부터 어디까지 삭제할건지 📌App.js 📌삭제 완료 💡 delete 끄읕-! 2021. 5. 20. [React] Update & Delete 기능 구현 - state 변경 Study. React Update & Delete 기능 구현 [update 구현: state 변경] 📌props로 들어온 데이터를 state로 만들고 form과 동기화 시켰는데 update를 하려면 어디를 업데이트 할지 식별자가 필요함 이때, id는 존재하지만 눈에 보이지 않도록 type="hidden"을 줌 그리고 onSubmit이라는 이벤트가 발생할 때 id값도 추가하고 state로 변경 📌UpdateContent.js constructor(props){ super(props); this.state = { id:this.props.data.id, title:this.props.data.title, desc:this.props.data.desc } this.inputFormHandler = this... 2021. 5. 20. [React] Update & Delete 기능 구현 - form 작업 Study. React Update & Delete 기능 구현 💡 아까 실행했을 때 에러가 나서 검색해서 고쳐도 해결이 안되길래 결국 이고잉님 코드 변경 사항에서 일일이 확인해보니까 내 코드에 오타가 있었다.. =을 -라고 적었던 것.. 아무튼 이제 오류가 나지 않는다 ㅎㅅㅎ [update 구현: from 작업] 📌update 버튼을 클릭했을 때 title에 원본이 남아있게 하기 📌input 태그 안에서 value={this.props.data.title} 이렇게 title 안에 저장된 값이 남아있게 함 📌UpdateContent.js import React, { Component } from 'react'; class UpdateContent extends Component{ render(){ cons.. 2021. 5. 19. [React] Create 기능 구현 - immutable Study. React Create 기능 구현 [create 기능 구현: immutable] 📌immutable: 불변성, 원본을 바꾸지 않는다 📌React 컴포넌트의 state를 변경해야 할 땐, 꼭 setState를 사용해야 하며, 그 과정에서 기존 객체의 값을 직접적으로 수정해서는 안된다. 📌부모 컴포넌트가 리렌더링되면, 자식 컴포넌트들 또한 리렌더링되는 것은 React의 기본 속성 📌코드상에서 불변함을 유지하여 원본을 바꾸지 않는다면 최적화할 때 아주 쉽게 할 수 있음 📌그러나 기존의 객체를 건들이지 않고 새 객체를 생성하여 불변함을 유지하면서 값 업데이트를 해야하는 경우, 코드를 작성하다보면 가끔씩 복잡해질 때가 있음. 이 작업을 쉽게 해줄 수 있는 것이 Immutable.js 📌Immutabl.. 2021. 5. 16. [리눅스서버실습] - 서버(Server)의 개념 Study. Server 📌서버의 간단한 개념을 예를 들어 설명해보면서 정리 서버(Server)는 Serve라는 동사원형에서 온 말 단어이다. Serve는 '제공하다'라는 의미로 우리가 흔히 들을 수 있는 단어 중에 서빙(Serving)이 있다. 서빙이라는 단어는 특히 식당에서 많이 들어볼 수 있다. 식당에서 서빙을 하는 홀알바로 예를 들어보겠다. 홀알바는 여러 특징이 있는데 첫째, 상시 대기를 해야 한다. 둘째, 손님이 주문을 하면 주문한 음식을 주방에서 갖다주어야 한다. 셋째, 메뉴를 정확하게 숙지해야 한다. 여기서 홀알바를 고용하지 않는 식당이 있는데, 이런 식당은 규모가 작거나 테이블이 많이 없어서 사장님이 직접 요리하고 서빙까지 맡는다. 그러나 손님이 많아지면 테이블이 늘어나고 규모가 커지면서 .. 2021. 5. 15. [리눅스서버실습] - DB 서버 Study. DB 서버 4. HeidiSQL 설치와 서버 접속 📌HeidiSQL 설치 🔷HeidiSQL을 설치 📌서버 접속 🔷호스트명(내 서버 주소), 사용자, 암호를 입력하여 서버에 접속 🔹접속 성공 📌데이터베이스에서 쿼리문 작성 후 출력 🔷shopping_db를 선택하고 쿼리문 작성하는 곳에서 SELECT * FROM customer;과 SELECT * FROM purchase;를 입력하고 결과를 출력해보면 MariaDB에서 shopping_db에 만들었던 customer과 purchase 테이블이 올바르게 출력되는 것을 확인할 수 있음 📌끝 📌서버 구축을 할 때 아래 링크에 있는 페이지를 참고하였음 📎참고: yulsfamily.tistory.com/155 2021. 5. 11. 이전 1 ··· 16 17 18 19 20 21 22 다음
