TypeScript

    [modules] React + Data fetch handling

    고민하게 된 시점 나의 최대 관심사는 뷰(View)를 작업하기 위함이다. 컴포넌트의 역할은 단순히 데이터가 오면 뷰를 보여주기만 하면 된다. 하지만, 여기서 다이나믹 뷰를 위해 비즈니스 로직을 컴포넌트 공간에서 작성하게 되면, 의존성 결합이 상당하다. 오직 뷰만 작업했던 공간이, fetch("url")로 데이터 오고 가는 형태까지 작성하게 되었다. function App() { const [data, setData] = useState({ hits: [] }); const [query, setQuery] = useState('redux'); const [url, setUrl] = useState( 'https://hn.algolia.com/api/v1/search?query=redux', ); const..

    [setting] Next + Typescript Environment Setup

    Preview Next + Typesciprt + Eslint + Prettier code convention git 전략 Next 참고 TypeScript 참고 Eslint, Prettier config eslint prettier Naming event handler naming => handle[action][target] interface naming => 대문자로 시작하는 명사 props naming api에서 받은 복수 데이터: [api 받은 데이터]ListData api에서 받은 단수 데이터: [api 받은 데이터]Data 일반 복수 데이터: [해당 데이터]List 일반 데이터: [해당 데이터] boolean 데이터: is[Action] Configuration Management branc..