Library | Framework22 [React] Ajax 찍먹하기 2, 디커플링, 프레젠테이셔널/컨테이너 컴포넌트 서론 저번 글과 이어서 진행된다는 점 유의. 이번 글에선 각 리스트 항목을 클릭했을 때 그 항목의 정보를 부분에 출력하는 기능을 구현할 것이다. 저번 글 링크 https://k99hyerin.tistory.com/23 Ajax로 컴포넌트 상태 변경하기 class Article extends Component { render() { return ( {this.props.title} {this.props.desc} ); } } class App extends Component { state = { article:{title:'Welcome', desc:'Hello, React & Ajax'} } render() { return ( WEB ); } } 먼저, 저번 코드에서 Article 컴포넌트를 생성해준다... 2022. 1. 17. [React] Ajax 찍먹하기 서론 글을 시작하기 전 Ajax는 처음 접해보는 거라 설명이 많이 부족할 수 있다! 이제 공부하는 책의 막바지여서 신난다. 얼른 끝내서 강의 보고싶당 ㅎㅎ 실습 준비 npx create-react-app react-ajax Ajax를 해보기 전 먼저 프로젝트를 만들어준다. 프로젝트만 몇 번째 만드는지 모르겠지만 책이 하라는대로 해보자. 그리고 원활한 이해를 위해 index.css, App.css를 모두 지워준다. 마지막으로 index.js와 App.js를 다음과 같이 정리(수정)한다. 위와 같이 나온다면 잘 된 것이다. 이제 public 폴더 안에 list.json을 생성하고 사진과 같이 작성해보자. [ {"id":1, "title":"HTML"}, {"id":2, "title":"CSS"}, {"id".. 2022. 1. 17. 이전 1 2 3 4 5 6 7 ··· 11 다음
