일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 21일챌린지
- 2024년회고
- 토이프로젝트
- react mociking
- ReactNative
- three.js
- 습관앱추천
- 리액트
- 프론트엔드
- Chrome Extension
- 프로젝트
- cloudfront
- 리액트네이티브
- React
- 나락퀴즈
- 로또 몰카
- 2024년 개발자회고
- 개발자
- 네이버 로또
- 어플
- 로또 몰래카메라
- 사이드 프로젝트
- 똥피하기
- extension
- 습관
- 뇽뇽이
- react-three-fiber
- 66일챌린지
- 프론트 개발자
- 디지몬상테스트
- Today
- Total
목록전체 글 (47)
개발 블로그
최근 직장동료가 추천해준 책인 역행자를 열심히 읽고 있다. 이 책은 자청이라는 유튜버가 쓴 자기계발서인데, 돈,시간,운명으로부터 완전한 자유를 얻는 7단계 인생 공략집이라는 주제로 이야기한다. 본인이 겪고, 직접 만든 인생 공략집을 공유하는 책이다. 되게 인상깊게 읽고 있다. 지금 이 글을 쓰게 된 것도 책에서 오늘 글을 한번 써봐라고 해서 이렇게.. 컴퓨터를 켰다. 성공한 (특히 자수성가한) 사람들은 공통적으로 책읽기, 글쓰기에 시간투자를 많이 했다. 그리고 뇌를 복리로 성장시키게 해줄 유일한 방법은 하루 두시간 책읽기 또는 글쓰기이다. 라고 책이 이야기를 하며 지금 당장 글을 써라고 해서 시키는대로 글을 쓰고 있다. 나도 항상 생각해왔던 것인데, 내가 보는 모든 성공한 사람들은 전부 말을 잘해서 멋진..

최근 유튜브 피식대학에서 진행중인 콘텐츠인 나락퀴즈쇼를 너무 재밌게봐서 웹 서비스로 만들어 보았다! https://stalwart-palmier-4f6d8a.netlify.app/ 나락 퀴즈 나락 퀴즈쇼 웹 서비스. 본 퀴즈를 누군가 앞에서 풀게되면 공격을 받고 지위나 직업을 박탈당할 수 있습니다. 즉, 나락에 가실 수 있습니다. stalwart-palmier-4f6d8a.netlify.app 총 7 문제이고, 결과를 카카오톡으로 공유할 수 있다.

요즘 동물상테스트, 닮은 연예인 테스트, 포켓몬 테스트 등 오만가지 테스트가 있는데 디지몬상 테스트가 없는 것 같아서 만들어보았습니다! https://snazzy-stardust-69c0a0.netlify.app/ 디지몬상 테스트 얼굴 사진을 업로드하여 나와 닮은 디지몬을 찾아보세요. snazzy-stardust-69c0a0.netlify.app 디지몬상 테스트입니다. 얼굴 사진을 올리면 총 13가지의 디지몬중 자기와 닮은 디지몬이 AI 가 판단하여 나오게됩니다 :) 댓글은 결과 공유 및 소통느낌으로 써주세요. 감사합니다~!!

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 로 새로 개발하였다. 커맨드로 만들어서 사용하기는 조금 불편하다. 그래도 많은 사람들이 필요로 하는 것 같..