As i wish

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

안녕하세요. 엄티 입니다. 오늘은 React 구구단에 이어서 '끝말잇기'를 만들어 보겠습니다. 잘 아시다시피 저의 포스팅은 '제로초' 님의 유투브 강좌를 기준으로 합니다. '제로초' 님의 리액트 무료 강좌(웹게임) 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 그럼 간단하게 끝말잇기를 만들어 보겠습니다. 먼저 결과창부터 확인해 보겠습니다. 처음에 글자가 주어지고요. Input창에 글씨를 입력한 후 끝말잇기가 되면 입력한 글자가 주어진 글자로 변경되고, 끝말잇기가 안되면 Wrong이라고 띄워 주면 되는 간단한 게임입니다. 사실 전 포스팅인 구구단과 상당히 비슷하기 때문에 이 포스팅을 보고 계신 여러분이 직접 한번 해보는것을 추천드려서 결과창부터 보여드렸습니다. 구구단 웹게임 [R..