[React Projects]01.Movie List

GitHub

영화 목록을 fetch해서 출력하는 페이지 작성
새로 확인하게 된 내용들은

버전 문제로 webpack-dev-server가 동일하게 동작하지 않아 webpack.config.js에 별도의 설정을 해주는 부분을 확인했다

devServer: {
	static: {
		directory: path.join(__dirname, 'src')
	}
},

PropType이라는 패키지를 통해 타입에 대한 내용을 명시할 수 있다. 다만 그럴거면 타입스크립트를 쓰는게 낫겠다

// properties 타입 지정
Card.propTypes = {
	movie: PropTypes.shape({
		title: PropTypes.string,
		distributor: PropTypes.string,
		year: PropTypes.number,
		amount: PropTypes.string,
		img: PropTypes.shape({
			src: PropTypes.string,
			alt: PropTypes.string
		}),
		ranking: PropTypes.number
	}).isRequired,
};

babel이 어느 부분에서 설정되는지 확인했다

eslint의 설정과 사용법을 확인했다

깔끔한건 좋은데 소스에 줄단위 색상이 바뀌면 좋겠네
컬러 스킴도 되면 좋겠는데