React Day 1

[리액트를 다루는 기술]이라는 책으로 리액트 공부를 시작했다.
어젠 리액트 설치하는 데만 1시간 넘게 썼다. eslint를 미리 깔아뒀었는데, yarn 설치했더니 내 버젼이 한 단계 높아서 에러 메시지가 떠가지고…

결국 프로젝트 밖에 있는 node_modules를 지웠더니 됐다.

책을 보고 따라하고 있긴 한데… 라이브러리를 처음 쓰다 보니 이게 뭔가 싶다. ㅎㅎ 예를 들면,

import React, {Component} from 'react';

class MyComponent extends Component {
    static defaultProps = {
        name: '기본이름'
    }
    render() {
        return (
            <div>
                안녕하세요, 제 이름은 {this.props.name}입니다.
            </div>
        )
    }
}

export default MyComponent

render()에서 return 부분이 핵심인데, 이건 뭐 HTML 같으면서도 JS가 들어가있고, 참으로 기묘하다…

map API

프로젝트에 map API가 필요해서 프로젝트 이메일을 파고, KakaoDevelopers에 가입하고, 애플리케이션을 등록해서 API 키를 받았다.

샘플 소스보고 따라해보는 중!