As i wish

리액트 프로젝트를 수동으로 셋팅 할 때에 필요한 프로젝트 셋팅과 개발의 편의를 위한 웹팩 적용을 포스팅 해보겠습니다. 기존 포스팅 한것을 한곳에 모은 것이기 때문에 링크를 클릭하여 확인해 주시면 되겠습니다. 프로젝트 셋팅 [React 구구단] React 프로젝트 셋팅 안녕하세요. 엄티 입니다. 이제부터 React를 사용해서 간단한 구구단 게임을 만들어 보겠습니다. 그전에 React를 사용하기 위한 간단한 프로젝트 세팅을 해보겠습니다. 참고로 제 포스팅 유명하신 '제로초'님 강좌.. eomtttttt-develop.tistory.com webpack, hot loader 적용 [React 끝말잇기] webpack-dev-server 및 react-hot-loader 안녕하세요. 엄티 입니다. 오늘은 리액트..

안녕하세요. 엄티 입니다. 오늘은 리액트 프로젝트를 만들 시에 코드 수정과 함께 자동으로 결과창이 변할 수 있도록 세팅을 한번 해보겠습니다. 사실 앞선 포스팅에서는 계속해서 코드를 바꾸고, webpack 빌드를 하고, index.html을 열거나 새로고침을 하는 식으로 코드를 고쳐나갔는데요. 사실 실제로 업무를 하다 보면 이런 시간이 상당히 아까워집니다. 따라서 코드를 수정하고 저장만 하면 바로 결과창에 나와서 실시간으로 코드를 고쳐나가게 하는 것이 이번 포스팅에 목표입니다. 예를 들어 ionic 일 때는 ionic cordova run android -lcs와 같이 livereload 기능이 있는데 이와 비슷하다고 보시면 됩니다. 없어서는 안 될 기능이죠!!! 먼저 필요한 플러그인을 설치해 줍니다. $..

안녕하세요. 엄티 입니다. 오늘은 React로 간단한 구구단 게임을 만들어 보겠습니다. 기본적인 Project 세팅은 앞선 제 포스팅을 참고 부탁 드립니다. React project setting [React 구구단] React 프로젝트 셋팅 안녕하세요. 엄티 입니다. 이제부터 React를 사용해서 간단한 구구단 게임을 만들어 보겠습니다. 그전에 React를 사용하기 위한 간단한 프로젝트 세팅을 해보겠습니다. 참고로 제 포스팅 유명하신 '제로초'님 강좌.. eomtttttt-develop.tistory.com 참고: 제 포스팅은 '제로초' 님 강의를 제 나름대로 정리한 것입니다. 자세한 정보를 알고 싶으시면 '제로초' 님 강의를 참고해 주세요. '제로초' 님의 리액트 무료 강좌(웹게임) 리액트 무료 강좌..

안녕하세요. 엄티 입니다. 이제부터 React를 사용해서 간단한 구구단 게임을 만들어 보겠습니다. 그전에 React를 사용하기 위한 간단한 프로젝트 세팅을 해보겠습니다. 참고로 제 포스팅 유명하신 '제로초'님 강좌를 바탕으로 만들어져 있기 때문에 (사실 포스팅은 저의 공부 및 복습 용) 더 자세히 알고 싶으시면 유튜브에 '제로초' 님 강좌를 보시면 되겠습니다. '제로초' 님의 리액트 무료 강좌(웹게임) 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 일단 폴더 부터 만들어야겠죠? (저는 참고로 맥입니다!) $ mkdir ~/Projects/personal-project/react-study/gugudan 이렇게 만들었습니다. 이건 뭐 중요한 건 아니기 때문에 편하신데 만드시면 됩..