수학적 접근

이 글에서는 Typescript를 이용한 Node.js 환경 구성, 개발 환경을 위한 nodemon 연동, 그리고 프로덕션 환경을 위한 PM2까지 연동해 볼 것입니다. * 작업하는 환경에 Node.js와 npm이 설치되어 있다고 가정하고 시작합니다. 들어가며 현재 제가 맡고 있는 프로젝트에서는, Javascript 만으로 Node.js 백엔드 API 서버 코드를 작성하고 있었습니다. 그런데 코드 양이 늘 수록 프로젝트 관리에 한계를 느끼게 되어, Typescript를 도입하기로 결정하였습니다. Typescript로 코드를 짤 수 있으면서, 기존에 사용하던 환경을 동일하게 구성하기 위해, 여러 자료를 샅샅이 찾아가며 (+ChatGPT 까지도..) 각종 오류를 겪었습니다. 그 끝에 찾아낸 솔루션을 여기에 정..

Flutter는 구글에서 개발하고 지원하는 크로스플랫폼 애플리케이션 개발 프레임워크로, 같은 구글 제품인 Firebase와 높은 연동성을 보여줍니다. Firebase의 Analytics, FCM, 인증, 스토리지 같은 좋은 기능들을 이용하기 위해, 앱에 Firebase를 연동하고자 하는 분들이 많을 것입니다. Flutter와 Firebase를 연동하는 것은 타 프레임워크에 비해 매우 쉽긴 하지만, 구글이 제시해 준 설명대로 잘 흘러가지 않았던 점이 있어서, 약간의 시행착오를 겪은 내용과 해결 방법을 담은 글을 작성해 보겠습니다. 먼저, Firebase Console로 이동하여 프로젝트를 하나 생성합니다. https://console.firebase.google.com/ Google Analytics 연결..

UX 문제 해결 로그인 후 질문게시판을 찾지 못하는 문제 질문게시판 입장 버튼 영역을 질문게시판 아이콘에 한정하여, 어디를 눌러야 할지 찾지 못하는 문제가 있었다 (2건의 제보 - 버그/오류 제보 1건, 오프라인 고객 피드백 1건) 누를 수 있는 영역을 확장시켜서 0.2.14 버전으로 배포하였다(안드로이드/iOS). → 배포 중 ‘질문작성’ 페이지에 글자 깨짐 문제가 확인되어 배포 취소 로그인 버튼의 영문을 한글로 변경 이 내용까지 포함하여 0.2.15 버전으로 재배포(안드로이드/iOS). LineRenderer로 동적으로 그래프 생성하기 세로선이 정확하게 그려지지 않음. 스케일 문제인 듯하나, 단순히 스케일을 조절하면 가로선도 굵어지기 때문에, 자세한 것은 방법을 찾아보아야 함. 성능 이슈: 매 움직임..

UI 영역에 그래프를 그리기 위한 Line Rendering이 필요 기존 Unity에 내장되어 있는 Line Renderer의 경우, 선을 잇는 점의 좌표 및 선의 자취를 Scene 뷰에서 확인할 수는 있으나, 실제 UI에 직접 보이도록 할 수는 없다. 이를 위해 Unity UI Extension 패키지를 따로 설치하였다.zip 다운로드 후, 유니티 Assets 폴더에 압축 해제한 폴더를 두면 자동으로 설치된다. https://github.com/Unity-UI-Extensions/com.unity.uiextensions zip 다운로드 후, 유니티 Assets 폴더에 압축 해제한 폴더를 두면 자동으로 설치된다. 그런데, UILineRenderer의 경우 runtime에 포인트를 수정할 수 없는 문제점이..

Height Map을 곡면 모양으로 조절하는 코드 float[,] heights = terrainData.GetHeights(pointX - radius, pointY - radius, range, range); for(int x = 0; x = heightMapResolution || pointY - radius + y = heightMapResolution) continue; heights[x, y] += raiseAmounts[x, y]; } } terrainData...

PoLAB → Unity - Terrain - Raise or Lower Terrain (지형 높낮이 조정)이 먹히지 않는 문제 유니티 오류로 종료 후 재실행하였는데 com.unity.visualeffectgraph 패키지에 오류가 있다고 하여 재설치 이후 Terrain 에서 지형 높낮이를 조절하는 기능이 작동하지 않았다. Asset 폴더에서 Terrain 폴더 삭제 TerrainSampleAssets 폴더 삭제 Window - Package Manager - Unity Registry Visual Effect Graph 삭제 Terrain Tools 삭제 후 해당 패키지를 재 설치하였으나 그대로였다. → Terrain을 생성할 때, Terrain Toolbox 에서 Terrain Height를 1로 놓..

PoLAB 앱 - 3D 모델링 연습 실험 기능 구현에 필요한 지식 습득 목적 Udemy 인터넷 강의를 따라하며 연습 Blender 이용 오늘은 거의 이것만 했다. 초반이라 그런지 재미있다. 오늘 만든 작품들.. PoLAB 앱 - iOS 배포 관련 App Store Connect에 Demo 버전으로 제공한 구글 계정이 심사 중 로그인 시도 차단(평소와 다른 위치/기기에서 로그인을 하니까..)으로 인해 거절됨 데모 계정을 제공하지 않고 다시 제출 → 승인됨.. (?? 뭐지..) PoLAB 홈페이지 - 통신판매업 고지 부분 추가 PC/태블릿/모바일에 각각 잘 어울리도록 반응형으로 제작 배포 완료: https://barunproject.com/

PoLAB 앱 - 답변 WebView 레이아웃 수정 Unity WebView의 SetMargin에 들어가는 숫자는 Rect Transform에서 보여지는 숫자와 다르다. 현재 가로 화면(Landscape)으로 볼 경우, 세로 화면으로 볼 때에 비해 전체적인 Scale이 축소되도록 설정되어 있는데, Unity WebView의 Margin도 이의 영향을 받는 것으로 보인다. 그런데 기존에는, 상, 하단 여백을 상수로 고정시켜놓아, 테스트 기기와 가로/세로 비율이 다른 기기에서 가로로 볼 때에는 상, 하단 여백이 부적절하게 설정되는 문제가 있었다 → 다른 영역을 침범하게 됨 질문 상세 화면에 들어갈 때 기기의 가로/세로 비율을 계산하고, 이 값을 이용하여 가로 화면에서의 WebView Margin을 다시 계산..