개발 블로그

100개 어플 프로젝트.. 요즘 이것저것 바쁘기도 하고, 아이디어도 고갈이 되어서 개인 프로젝트를 잘 진행못하고 있었다. 그러던 중 친구와 책 이야기를 하다가 친구가 자기가 읽었던 책을 나한테 추천을 해주려 했었다. 근데 내용은 기억하지만, 제목을 기억을 잘못해서 열심히 책을 인터넷에서 찾는 것을 보게 되었다. 찾는데 시간이 많이 소요되었고 꽤나 노력을 해서 찾았었다. 이럴때 내가 읽은 책을 간편하게 저장해놓고 간단한 메모를 할 수 있는 앱이 있으면 좋겠다는 생각이 들었다. 바로 플레이스토어에 검색을 해보았고, 비슷한 앱이 있긴 했으나, 그 앱은 전자책만을 대상으로 하고 있었다. 그 앱의 리뷰중 전자책만 다루니까 오프라인으로 읽은책을 기록할 수 없어서 불편하다는 리뷰가 있었다. 그 글을 보니까, 내가 지..

React Native expo 프로젝트에 구글 admob 광고를 넣는 방법을 정리해야겠다. 매번 만드는데 맨날 까먹어서 찾아본다. 1. expo 프로젝트 만들기 npx create-expo-app -t expo-template-blank-typescript . 타입스크립트 템플릿으로 나는 만들어준다. 2. 구글 애드몹 세팅 2-1. react-native-google-mobile-ads 설치 npm i react-native-google-mobile-ads 2-2. app.json 코드 추가 { ... "react-native-google-mobile-ads": { "android_app_id": "ca-app-pub-xxxxxxxxxxxxxxxxxxxx" } ... } 위에는 안드로이드일때이고, 아이..

최근 사이드 프로젝트로 농구장 대관 서비스 BIG ( Basketball Indoor Gym ) 을 열심히 하고 있다. 프론트의 기술 스택은 리액트를 선택하였고, 한 6개월 정도만에 어느정도 화면단이 다 구성이 되었었다. 다만 이때 개발을 할때, 초기 기획과 디자인이 제대로 결정이 나지 않은 상태여서 개발을 진행 하였었다. 또한 디자인 패턴 또한 정하지 않고 개발을 진행하였었다. 그러다보니 코드의 가독성이 떨어지고, 뭔가 작업을 하려고 하면 힘이 빠지는 느낌이 들었다.. 🥲 그래서 이번에 전부 다 갈아엎고 디자인을 먼저 완성 시킨 후 Next.js 로 새롭게 개발을 하려고 마음을 먹었다! 이번에는 아토믹 디자인 패턴에 맞게 개발을 진행하려고 한다. 아토믹 디자인 패턴은 컴포넌트의 재사용성을 극대화 시킨 ..

이번에 회사에서 Iframe 태그에 웹뷰를 띄워야하는 상황이 발생했다. 그냥 이렇게만 하면 보통 되니까 이렇게 바로 적용해보았는데 하필 iframe 으로 띄워야하는 웹뷰가 모바일기기에서만 동작하는 주소였다. m.*.com 이런 형식의 주소였는데 iframe src 속성에 바로 넣으니, 실제 저 주소로 요청하는 기기가 PC 이다 보니까 m. 이 빠진 *.com 과 같이 피씨 전용 웹으로 리다이렉트 되었다. 네트워크 창을 열어 확인을 해보니 해당 값이 Mac OS 여서 그런 것이였다. 해당 값을 바꿔서 요청을 할 수 있는지 구글링을 많이 해보았지만, 현재 브라우저들에서는 UserAgent 값을 바꾸는 것이 불가능해보였다. 그렇게 찾던 중 크롬 익스텐션을 이용하여 해당값을 바꿀수 있다는 것을 찾게 되었고, 마..

음 2020년에 공부할겸 만들었던 프로그램이다. https://blog.naver.com/dhdh0482/221883588116 엑셀 지번주소 도로명주소로 변환 프로그램 안녕하세요. 이번엔 제가 공익 근무를 하다가 지번주소(구주소)를 도로명주소(신주소)로 바꾸는 일을 했었... blog.naver.com 엑셀 파일을 읽어 지번주소를 도로명주소로 변환하는 프로그램을 만들었었다. 생각보다 너무 많은 분들이 이용을 하시고 계셨고, 현재 오류가 있는 상황이였다. 이 프로그램은 완전 공부용으로 만든거라 다시 살릴생각이 전혀 없었는데... 어제 방명록에 어떤분께서 급하게 필요해보이는 것 같아서, node.js 로 새로 개발하였다. 커맨드로 만들어서 사용하기는 조금 불편하다. 그래도 많은 사람들이 필요로 하는 것 같..

나는 작년 7월 4일에 첫 출근을 했다. 벌써 곧 1년이 된다. 1년전에 나에 비해 어떤점이 변했는지 한번 적어보려고 한다. 생각나는대로 나열해봐야겠다. 우선 어쩌다보니 독립을 하게 됐다. 중기청으로 전세집에 혼자 살게 되었다. 1년전만 해도 불가능해 보였던 독립이 계획하지도 않고 얼떨결에 하게 되었다. 회사 근처로 했으면 참 좋았겠지만, 이런 저런 사정으로 인해 급하게 집을 구하다보니 회사에서 차타고 30분정도 걸리는 곳에 살고 있다. 뭐 그래도 나름 만족하면서 잘 생활하고 있다. 1년전엔 기능 구현에 굉장히 자신감이 있던 상태였다. 그래서 취업을 생각하게 된 것이기도 하고... 지금도 마찬가지로 기능 구현에 자신감은 있다. 근데 난 기능 구현하는 것 자체가 대단한 능력이라고 생각했었는데, 1년동안 여..

오랜만에 포스팅이다.. 저번 포스팅에서 이야기 했던 것 처럼 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..