Notice
Recent Posts
Recent Comments
Link
목록개발 (1)
꾸준한 개발일기
리액트:: 클론 코딩 영화 평점 웹서비스(1): state, render() 함수, async와 await etc.
도서관에서 노마드 코더의 클론코딩을 대여하여 영화 평점 웹서비스 만들기를 시작했다. 초반에는 리액트 개념에 대해 꼼꼼하게 설명해주기 때문에 시간이 좀 걸렸다. 그래도 API로 영화 데이터를 가져와서 페이지에 보여주는데까지 구현했다. 그리고 다시 코드를 보며 새로 알게 된 것들을 정리해보자 한다. state state = { }; - 객체 형태의 데이터로 동적 데이터를 다룰 때 사용한다 - 클래스형 컴포넌트에서 사용할 수 있다 - 리액트는 state를 직접 변경하는 코드를 허용하지 않는다 - state값을 변경하기 위해서 setState() 함수를 이용한다. 예시) class App extends React.Component { state = { isLoading: true, movies: [], }; }..
JS/React
2022. 3. 23. 17:26