개발 블로그

https://www.youtube.com/watch?v=1QiOXWEbqYQ 해당 영상을 보고 정리해보았다. 인증( Authentication ): 로그인이다. 특정 서비스에 일정 권한이 주어진 사용자임을 아이디와 패스워드를 통해서 인증을 받는 것이다. 인가( Authorization ): 로그인 이후 서비스의 여러 기능을 사용할 때 서버측에서 로그인 유무를 확인하여 허가해주는 것. 로그인이 유지된 상태에서 일어나는 일. 어떤 사이트나 서비스에 사용자가 로그인 했다는 사실을 알 수 있는 방법은 뭐가 있을까? 일차원적으로 생각해보면, 매 요청마다 아이디와 비밀번호를 같이 보내서 인증을 하면되지 않을까? - 당연히 안된다. 우선 로그인(인증) 작업은 꽤 무거운 작업이다. 로그인은 DB에 저장된 사용자의 정..

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 플레이스..

저번부터 리액트 쿼리를 프로젝트에 도입하여 계속해서 리팩토링 중이다. 원래는 1월말까지 작업을 끝내려 했는데,, 벌써 1월 31일이다.. 조금 더 시간이 필요할 것 같다. 생각보다 너무 진도가 안나갔다. 프로덕트 규모가 꽤 있는 페이지를 변경하는 도중에 정체기가 온 것 같다. 정체기가 온 이유는 개발 외적으로도 많은 일이 있고 회사내에 약간에 공사가 있어서 시끌벅적하기도 하고 등등,, 외부 요인 때문에 집중하기가 쉽지는 않았다. 자리에 앉아있는 시간이 그렇게 많지 많았다. 근데 이렇게 적다보니 완전 핑계인 거 같긴 하다. 제일 큰 요인은 리액트 쿼리에 대한 이해도 부족인것 같다. 아무튼 진도가 제대로 나가지 않고 지속해서 작업을 계속해서 잘못하고 있는 것 같아 스스로가 너무 부족하다는 것을 또 느꼈다. ..

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..

2022년 7월 4일에 입사하여서 벌써 약 6개월의 시간이 지났다. 새로운 사람을 만나고 많은 경험을 했지만 벌써 6개월이나 했다니 시간이 정말 빨리 가는 것 같다. 해가 바뀌어 2023년이 되었고.. 벌써 1월 말이되어서 설연휴를 보내고 있다. 처음 입사하였을 때 팀원이 7명이였는데 현재 4명이 되었다. 다들 좋은 곳으로 간 것 같아 다행이다. 모두들 능력이 있는 분들이라 이직을 생각하고 얼마 안되어서 좋은 곳으로 빨리 갈 수 있었던 것 같다. 현재 하고 있는 일에 대하여 말하면... 일단 기능 개발은 멈춰있다. 리팩토링을 하고 있는데 자바스크립트로 된 리액트 프로젝트를 타입스크립트로 저번주에 변환을 모두 완료하였다. 그리고 상태관리 방법을 변경하고 있다. 기존에는 리덕스로 모든 상태를 관리하였는데 이..