[REACT] 냐옹이 움직임 추가, node.js(express) 연동 테스트

1. 냐옹이가 너무 정적인 것 같아서, 이미지 하나를 더 그렸습니다. 두 개의 이미지를 교차해서 움직이는 것 같은 효과를 주었습니다. 밥주기 버튼을 여러번 클릭하면 시간이 꼬이는 문제가 있었는데, 그 부분도 해결했습니다.

 

원래 react에서 setTimeout이나 setInterval을 쓸 때 유의할 점이 많더라구요..? 일단 어찌저찌 해결하기는 했고 원인도 확인은 되었으나, 똑같은 코드를 구글링 없이 구현하기는 좀 어려울 것 같습니다.

 

지금은 백엔드가 없어서 .. 그냥 보여주기식 코드입니다.

시간 관리는 그렇다 쳐도 일단 useEffect가 잘 감이 오지 않아서 어렵네요.. 자바만 하던 저에게는 참 생소한 개념인 것 같습니다. (자바 고수인 척 해보기)

 

2. 이번 주는 코딩에 시간을 많이 투자하지 못했습니다. 개발해내고싶은 기능은 많은데, 회사를 때려치지 않는 이상 시간이 부족하군요 하지만 아직 자유를 얻을 수 없어...ㅠㅠ 최대한 병행하면서, 1월에는 밥주기 기능과 놀아주기 기능, 게이지바는 개발해내야겠습니다.

 

3. 추가적으로 만들고싶은건 상점 기능과 전투 기능인데요, 이 허접한 냐옹이 키우는 웹에 뭔가 서사를 부여하고싶다는 생각이 들었습니다....는 핑계고 상점을 만듦으로써 쇼핑몰 포트폴리오로 퉁치고싶은 어쩔수없는 반 취준생입니다.(?)

대충 그려본 UI 설계돜ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

4. 스터디원 분이 UI프레임워크로 chakra?? 를 소개해주었습니다. 간단하게 찾아봤는데 자료가 막 많은 것 같진 않네요. 일단 제가 맘에 드는 모양의 게이지바가 있는지 좀 봐야겠습니다. 역시 개발자 인연이란 중요하군요(?)

 

5. 간단하게 30분정도 투자해서 (그만큼 걸릴 일도 아닌데) node.js + express 연동을 시도해보았습니다. 

별거는 없고.. 그냥 node js 주소에 요청보내서 답변 받아보았습니다! 깃에 올리고 자야겠습니다.ㅎㅎ

 

 

+ 프론트 : react / 백 : node.js + express / DB : mysql 사용할까 생각중입니다! 어떤 DB가 좋을지 잘 모르겠네요 ㅎㅎ