개발 블로그

오랜만에 포스팅이다.. 저번 포스팅에서 이야기 했던 것 처럼 react-three-fiber 를 활용한 동전 던지기 어플을 만들어보았다. 개발은 빨리 끝냈었는데, 빌드하고 구글 플레이스토어에 업로드를 하니까 Texture 가 제대로 적용이 안되는 현상이 있어서 애를 많이 먹었다. 동전을 던지고 맞출 수 있는 어플이다. 앞뒷면을 선택해서 던지기를 눌러서 결과를 맞추면 적립금이 쌓이고, 연속해서 맞추면 새로운 동전을 획득할 수 있다. 구글 플레이스토어 링크이다. https://play.google.com/store/apps/details?id=com.daehwan2.cointoss 그리고 나와 동일문제를 겪고 있는 Issue를 발견하였고, 처음으로 깃허브에서 모르는 사람에게 감사인사를 해보았다! https:..

react-three-fiber 를 이용해서 리액트 네이티브로 동전던지기를 만들고 있는데 동전 객체를 만들고 material로 이미지를 로드해서 적용하려고 했는데 useLoader 훅에서 에러가 계속 발생하여서 잘안됐다... 에러 로그도 너무 통용적일때 쓰이는(?) 것이 나와서 검색도 어려웠고.. 그래서 엄청 힘들었다. 검색 도중 나와 완전 똑같은 상황인 사람을 딱 한명 스택오버플로우에서 발견하였다. 나랑 같은 상황인 사람을 발견해서 뭔가 기뻤는데.. 실질적 해결책은 적혀있지 않았다. 이 사람도 얼마나 답답할까... 싶다. 해결을 일단 나는 했기 때문에 좀있다 회원가입해서 댓글을 달아야겠다.. 1년전 글이긴 한데 뭔가 나와 같은 사람이 또 존재한다면 저 글을 보고 해결했으면 좋겠다. https://sta..

100개 어플 프로젝트를 하면서 어플의 퀄리티가 너무 낮은 것을 느꼈다. 그래서 어플의 퀄리티를 높여보고 싶어서 unity를 다시 시작할까 했지만,,, 설치하기가 귀찮아서 다른방법을 찾아보았다. 그러다가 react-three-fiber 를 발견하였다. https://docs.pmnd.rs/react-three-fiber/getting-started/introduction React Three Fiber Documentation React-three-fiber is a React renderer for three.js docs.pmnd.rs 들어가보면 리액트 프로젝트에서 three.js 를 성능 문제없이 완벽(?)하게 사용할 수 있는 라이브러리라고 소개되어 있다. 리액트 네이티브또한 적용되는 것을 확인하였..

원래 일주일에 하나씩 뽑아내려했는데... 요즘 뭔가 바빠서 2주? 만에 출시한 것 같다. 지구오락실에 나왔던 청개구리 가위바위보를 그대로 재현하고 싶어서 구현해봤다. 청개구리 가위바위보를 잘모른다면 이거한번 보면 된다. 완전 재미있다. https://www.youtube.com/watch?v=KFqig9Ia0Vw 게임 규칙은 다음과 같다. 1. 가위바위보를 고른다. 2. 시간안에 결과의 반대를 선택한다. (무승부는 개구리를 선택하고 다시한다. ) 구글플레이스토어 링크 https://play.google.com/store/apps/details?id=com.daehwan2.freefrog 청개구리 가위바위보 - Google Play 앱 청개구리 가위바위보 게임 입니다. play.google.com 플레이스..

100개 어플 프로젝트 두번째로 산성비 타자 게임을 오늘 출시하였다. 옛날 한컴 타자 연습에서 제공하는 산성비 게임을 모티브삼아서 개발하였다. 배경도 옛 한컴타자에서 따왔다. 글자가 내려오고 그것을 쳐서 없애고 점수를 획득하는 방식의 게임이다. 키보드창이 열린상태에서 뒤로가기를 했을때의 이벤트 핸들러를 찾지 못해서 구현하는데 조금 힘들었다. 이번에도 산성비 타자게임 이라고 검색하면 두번째에 나온다. 상위 노출이 계속되니까 신기하다... 광고를 넣을 장소가 마땅치 않아 메인 페이지와 끝날때의 페이지에서만 위에 광고를 넣었다. 추가적으로 파란색글씨가 랜덤으로 나오고 그걸 치면 아이템을 주는 효과를 넣을까 말까 고민하고 있다! 조금이라도 플레이하는 유저가 생긴다면 그 때 추가해야겠다. 플레이스토어 링크 htt..

리액트 네이티브로 두번째 어플을 개발중인데 setTimeout 을 사용하여서 기능 개발중인 것이 있다. 근데 개발을 하던 중 모르던 사실을 발견하여 기록한다. 리액트에서 setTimeout 내에서의 state는 setTimeout을 정의할때의 state값을 계속해서 사용한다. 예를들어, const [count, setCount] = useState(0); useEffect(() => { setInterval(() => { console.log(count); setCount((prev) => prev + 1); }, 1000); }, []); 이렇게 하면 0 1 2 3 4 ... 이렇게 찍힐 것 같지만 실제로는 0 0 0 0 0 ... 이렇게 찍힌다. 그렇다고 count 값이 계속해서 0은 아니다. set..

저번 포스팅에서 언급했듯이 2023년 어플 100개 출시 프로젝트를 하고 있는데 첫번째 어플을 출시하였다. PC게임 맞추기 어플이다. 이 어플을 생각해내게 된 것은 플레이스토어에 라면 맞추기라고 치면 이렇게 나오는데 기능, 디자인도 엄청나게 간단한데 10만 다운로드 이상인 어플이 굉장히 많았다. 친구가 이걸 보고 PC게임 맞추기 없는데 만들어 봐라해서 만들게 되었다. 게임 형식은 이미지를 주고 글자를 맞추는 형식이다. PC게임 맞추기라고 치면 제일 상단에 뜬다. 상위노출이 이렇게 잘되는지는 몰랐다. 이런 게임이다... 구글광고가 있고 힌트보기를 누르면 30초 동영상 보상형 광고가 나온다. 개발은 퇴근후 짬내서 해서 일주일 정도 걸렸다. https://play.google.com/store/apps/det..