728x90 반응형 전체 글180 [사고쳤다 / Mongodb Atlas] 헬키 개발일지 12. aggregate + $out의 위험성과 백업의 중요성 (feat. 200번째 글) 블로그에 쓰는 200번째 글이다. 그래서 좀 좋은 걸 들고 오고 싶어서 나름 11편에 예고했던 대로, three.js관련 내용을 들고 오려고 했다. 기왕이면 기분 좋게 200회를 맞이하는 게 좋지 않은가? (비공개글도 포함인지라 여러분은 뭔 소린가 싶을 수도 있다.) 근데 사고를 쳐도 정말이지 거하게 쳐버렸고, 내 팀원들에게 어떤 사고를 쳤는지 설명할 자료도 필요해서 관계로 이 글을 쓰려고 한다. 어떤 사고를 쳤고, 경과가 어떻게 되었는지 기록해두려고 한다. 결국 지옥을 내다모는 건 언제나 자신인가... 싶은 하루였다. 다시 돌아보자면 : 내가 친 사고에는 3가지 중요한 중심 원인이 있었는데,1. aggregate의 $out에 대한 몰이해2. aggregate를 코드로 하려고 했음(사실, 이럴 필요가 없.. 2024. 9. 2. [git 쪽글] fork한 브랜치에서 default브랜치 이름 변경 후 적용 ... 이거하래요 2024. 8. 25. [AWS s3] 헬키 개발일지 11. aws 다시 세팅, s3에서 sign된 url을 가져오자 간만에 글을 쓰는데, 최근에 굉장히 바빴다... 원래 같으면 이것저것 글을 남겨두는데... 흠. 뭐 어쩔 수 없지.일단 좀 더 개발 환경에 가까운 s3를 먼저 복습해보도록 하자. 이미 개발 자체는 끝났으니까 리뷰하면서 하면 될 듯. 이 다음은 대망의 three.js를 다룰 건데, 아직도 viewport sync가 제대로 되지 않아서 그것만 고치면 어떻게든 될 것 같긴하다. 이걸 개발하면서 느낀 제일 중요한 점은 "최신 라이브러리도 찍먹 하자" 이다. 알고보니 aws sdk의 버전에 따라서 꽤나 이용방법이 다르다. npm에서 aws-sdk라는 이름의 패키지를 깔아서 이용하고 있다면 v2, @aws-sdk/???? 와 같이 구체적인 패키지를 따로 깔아서 이용하고 있다면 v3 이상을 이용하고 있다는 뜻이다. .. 2024. 8. 25. [RN 죽어] 헬키 개발일지 10. PWA 찍먹 지금 R/N을 이용할 개발이 한참 늦어지기는 해서 어짜피 펑크난 김에 다른 시도를 해보자는 말이 나왔다. 그래서 원래 가지고 있던 다른 poc repo를 개조하는 식으로 현재 생각해보고 있다. 연구를 계속하고 있는데, 알고보니 이게 앱스토어에서 까는 방식이 아닌것 같다. 아니 그런 앱이 존재할 수는 있는 건가 싶긴한데 좀 더 보려고 한다. ChatGPT의 말에 따르면 일단 HTTPS를 서빙 하는 방식으로 되어있다고, 몇가지 조건을 충족한다면 바로 깔 수 있다나 뭐라나... 결론적으로 또 AWS의 힘을 빌리게 되었다. 지금으로썬 https를 제대로 적용가능한건 이 녀석 뿐이니까.다행히도 이미 CI파이프라인 구축하는건 마스터해서, 1일만에 다 만들어서 올리는데 성공했다. 왼쪽이 PWA, 오른쪽이 기존.. 2024. 7. 24. 관심이 없는 것에 관심을 가지는 방법이 뭘까 새벽 3시 41분이다. 새벽감성이 한창 충만할 때라서, 글도 잘 써질 것 같은 기분이다. 오래간만에 내 감정들도 좀 정리하고, 털어버리고 싶은 것이 있기 때문에라도 글을 다 적고 가고 싶다. MT를 다녀왔다. 실제로 "MT"라고 이름 붙은 제대로 된 행사는 이게 처음이지 않을까 하는 생각이다. 어차피 지금 아니면 경험해보지도 못할 것 같아서 갔다 왔는데, 엄청 재미있었던 것 같다. 뭐 내가 술을 스스로 마시지 않으니까, 그렇게 까지 취한 건 인생에 몇 번 없기도 하고... 뭐 특별히 상기할 만한 실수는 안 했으니까 그냥 잘 놀다 온 것 같다. 운영진 분들께 감사하다(레크리에이션 이후로는 진짜 재미있었음 ㅎㅎ). 이후에 집으로 돌아오고, 자고 나니까 안 좋은 기분이 많이 들어서 힘들었다. 사실 이런 감.. 2024. 7. 21. 헬키 개발일지 9. 개발의 슬럼프 큰일인 것 같다... 요즘 개발이 잘 되지 않는다. 물론 개발환경 세팅 때문인 것도 있겠지만. 우선, 다소는 성가신 문제가 생겼다. 우리 팀원들이 애써 만든 모델이 또 일정 부분 쓸모없어질지도 모르고(거의 그럴 것으로 보인다), 이걸 어떤 식으로 전달해야할지는 잘 모르겠다. 일단 만들라고 해버린 내 잘못도 있으니까... 사실 제일 큰 문제는 용량이다. 내가 개발을 할 때 검수용으로 이용한 .glb파일은 10Mb남짓이다. 팔, 다리 등등 특별한 건 없긴 하다만, 전부 다 합쳐서 그 정도는 된다. 내가 여성용 모델 블렌더 파일을 받았을 때 사이즈는 1.79GB였다. 아무리 못해도 여기서 2배는 늘어날 것은 예측할 수 있었기에, 일단 이 모델을 쓸 수 있는가?라는 걱정이 굉장히 앞섰다. 이런 GPU-int.. 2024. 7. 18. [Figma / 아이디어톤] 개발자인데 디자이너하고 왔습니다 아 정말로 피곤하다. 그래도 글 쓸 때는 정신 차리고 써야지... 이번이 -톤 붙은 대회, 그것도 0박 2일로 치루는 대회를 나온 건 처음이다. 편의점 알바 야간 때문에 어느 정도 적응한 건 사실이지만 너무 고생시키지 않았으면 한다. 나도 이거 글만 쓰고 바로 자고 싶다. 그래도 단도직입적으로 이야기하면 결과는 나름 괜찮았다. 대상 / 최우수상 / 우수상 중 제일 마지막인 3등을 하게 되었다.(7팀이 있었다.) 위에 있는 2팀은 납득할만 퀄리티를 보였기에 오히려 만족스러웠다. 도착하기 전까지도 굉장히 걱정이 많았다. 내가 창업에 그렇게 일가견이 있는 것도 아니고, 나보다 진심인 사람도 많을 텐데, 내가 괜히가서 꼽사리 끼는 건 아닌가? 난 개발잔데 내가 할 수 있는 일이 있을까? 하는 자신에 대한 의심.. 2024. 7. 7. 헬키 개발일지 8. 2024 06 29 React의 복잡한 hooking react-native도 결국은 react를 기반으로 돌아가다보니까 react를 알고 들어가야 한다는 건 눈 감고도 알 수 있는 사실이다. 그래도... 100% 알고서 개발을 시작하는 사람이 어디있겠는가? 안 되는게 생기고, 그거 고치려고 찾아서 하다보니까 배우는 것이 사실은 더 많다.어떻게든 되는 코드 찾겠다고. 오늘이 그런 날인 것 같다. 아래가 결론적인 코드다.const expand = useCallback((memo: string, onSaveMemoHandler: (memo:string) => void) => { //왜 인지는 모르겠지만 이렇게 prev값을 이용해서 함수형식으로 setState를 처리하면 //제대로 동작이됩니다... 근데 왠지는 모름...????? setMemo(.. 2024. 6. 30. 헬키 개발일지 7. 2024 06 26 React Native + Expo 앱 배포 방법 정리 결국 앱을 배포하는 때가 머지 않은 것 같다. 그래서 어떻게 하는게 좋은지 알아가보면서 정리하려고 한다. 우리 팀의 앱은 React Native기반이고, 거기에 expo를 올려둔 상황이다. expo는 React를 이용해서 앱을 Android, iOS, Web등에 올리는 프레임워크를 제공한다. 생각하건데 macbook이 없어도 iOS앱을 개발할 수 있는 몇 안되는 방법 중에 1개일 것이다.(추천한다고는 못하겠지만.) 지금 내가 파악한 빌드 방법은 크게 이렇다.1. react native의 자체적인 빌드 기능을 이용한다.expo를 이용하지 않는 방법이라고 할 수 있겠다. 지금은 Web으로 더 이상 개발을 진행하지 않고 있고, (어느 정도 해보니까 같이 들고 가는게 거의 불가능한 수준이라는 것을 webpack.. 2024. 6. 27. 헬키 개발일지 6. 2024 06 25 때 아닌 iOS Xcode 빌드하기 기록을 위해서 적는다 개발 환경 세팅은 아무래도 미리 기록 안해두면 잊어버리는 경우가 잦아서...특히 macbook가지고 하는건 처음이라 100% 하긴 해야할 듯하다. 1. expo ios 프로젝트 빌드를 한다.npx expo prebuild --platform ios 2. expo 빌드 스크립트를 못 찾겠다는 버그가 뜰 때가 있다. readable 하지 않다나 뭐라나 ->xcodeproj 파일을 연다음, build settings 에서 code sandboxing을 no로 바꾼다.(다만 이후 대부분의 작업은 xcworkspace파일로 xcode를 이용합니다. xcodeproj로 열어도 제대로 앱 빌드가 되지 않습니다. 혹여나 sourcemap문제가 자주 발생한다면 자신이 다른 프로젝트 파일을 열지 않았.. 2024. 6. 26. [Node.js] 헬키 개발일지 5. backend schema 확인과 endpoint 만들기 흠... 이번 만큼은 node.js으로 태그를 바꾸어 두겠다. 확실히 backend를 더 만질 듯하니까. 뭐가 어떻게 되든 이젠 front-back을 오가면서 작업을 해야한다. 원래는 1명정도는 보조로 개발을 할 것 같았는데 일어나지 않을 일일 듯 하고... 이렇게 되면 이미지를 인식하는 AI는 어떻게 만드는 것이 좋을까 의문이기는 하다. 뭐 언젠간 하겠지. 우선은 있는 것 부터 합시다. 우선은 제 아무리 backend라도 mail을 바로 쏘는 건 불가능한데... 그나마 linux에서 동작을 하신단 말이죠? mail server를 깔아도 무리가 없다. 그래서 일단 mail발송을 해주는 서비스를 생각해보기로 했다. 결국은 그냥 공식 google 계정을 파서 거기서 메일 쏴주는 것으로 대신 했다. 그게 훨씬.. 2024. 5. 11. [React-native + Web] 헬키 개발일지 4. CI 파이프라인 완성, 간단한 테스팅 https는 기본적으로는 도메인을 필요로하기는 하는데, 그냥 그거 없이 production 환경만 테스팅해보고 싶을 때는 우리가 직접 pem을 만들어서 테스팅하는 것이 가능하다...사실 기본적으로는 그걸로 하는 수 밖에. 아님 뭐 서버 코드를 또! 고쳐야 한다.openssl genrsa -out key.pem 2048openssl req -new -sha256 -key key.pem -out csr.pemopenssl x509 -req -days 365 -in csr.pem -signkey key.pem -out cert.pem 다행히 아직 history에 살아 계시기 때문에 빠른 아카이빙.그리고 root로 서버를 실행하는건 그다지 좋은 생각이 아니기 때문에, 돌릴 유저한테 다른 포트를 주고, 포트포워딩.. 2024. 5. 11. [React-native + Web] 헬키 개발일지 3. HTTPS + 배포 도전기 2 2024-05-07T02:10:23 ERROR [codedeploy-agent(23562)]: InstanceAgent::Plugins::CodeDeployPlugin::CommandPoller: Missing credentials - please check if this instance was started with an IAM instance profile... 원래하던 프로젝트(GTDList)는 어떻게 되었냐고, 왜 넌 맨날 하고 싶은게 바뀌냐고 물으실지도 모르겠다만, 원래 하던 것도 결국 마무리할 계획이 있고, 사실상 그쪽에서 쓰던 백엔드를 가지고 작업하고 있다! 프런트는 원래 망해가고 있었으니, 실제로는 어느정도 이어지고 있는지도 모르겠다. 계속 코드를 짜다보면 결국 기본적인 건 비슷하달까. 이.. 2024. 5. 7. [React native + Web] 헬키 개발일지 2. HTTPS + 배포 도전기 오늘은 다소 짜증날 수도 있는 구현을 해보려고 한다.어제 대충 회원가입/로그인 페이지 기틀을 짜두었다. 뭐 엄청난 디테일을 준 건 아니고 적당히 이쁘면 된다.내가 UI/UX 디자인까지 다 하는게 아니기 때문에... 이 정도 해주면 나중에 UI/UX가 들어와도 수정 가능할 것이다. 이젠 백엔드 서버와 통신이 제대로 되기 때문에(네트워크 문제가 없다는 전제하에), 구현해야할 건 대략 3가지가 남았다. 1. App의 AuthContext.2. HTTPS로 보안 챙기기3. 배포하기. 인데... 흠. 앱 배포는 그렇다치는데, backend 배포를 해야지 android / ios 기종에서 테스트가 가능해지니까 빠르게 하는게 좋다. 이걸 제외하고도, 기획단에서 더 저장해달라고 부탁한 사항도 있기 때문에 빠르게 완성해.. 2024. 5. 7. [React-native + Web] 헬키 개발일지 1. 이번엔 크게 형식 신경 쓸 것 없이 여태껏 뭘 해왔는지를 대충 말해보도록하겠다. https://github.com/heeboy007/Integrated3DDevEnv GitHub - heeboy007/Integrated3DDevEnv: Android + iOS + Webpack + React Native + FiberAndroid + iOS + Webpack + React Native + Fiber. Contribute to heeboy007/Integrated3DDevEnv development by creating an account on GitHub.github.com일단 이걸 만들어보고 있었는데, 이게 어쩌면 제일 큰 시간을 차지했을지도 모르겠다.react-native는 기본적으로 안드로이드와 .. 2024. 5. 5. 이전 1 2 3 4 ··· 12 다음 728x90 반응형