1. Animation flutter 의 animation 의 종류는 2가지가 있다. code base animation 말 그대로 코드로 그리는 animation 으로 보통 부드럽게 욺직이는 ui 들이 대표적이다. 커스텀 패키지를 이용하는 방법 (대표적으로

오랜만에 들어와서 flutter doctor -v 를 해봤는데 경고가 하나 떴다.이를 고쳐보자. 일단 시킨대로 sudo gem install cocoapods 를 실행했더니오랫동안 안 들어와서 그런지 꽤 구 버전이 많아졌다. 이중 ruby 가 더 이상 지원하지 않는 버

0. 파일명 짓는 규칙 1. build 일반적으로 flutter app 을 빌드하는 명령어는 다음과 같다. 그런데 조금 더 세분화 하여 빌드하고 싶다면 다음과 같이 옵션을 넣어준다면 더 최적화 된 app 을 받아볼 수 있다. 그리고 명령어가 너무 기니까 다음과 같

inactive: 재난문자와 같이 해당 앱 위에 어떠한 앱이 띄워진 경우와 같이 다른 윈도우에 focus가 가있는 상태 paused: 홈으로 나간 거 처럼 완전히 다른 윈도우로 벗어난 상태 resumde: 앱을 실행중인 상태 detached: 앱을 종료한 상태 이렇게

Android 안드로이드는 AndroidMenifest.xml 에서 수정해야한다. 이때, 국제화를 위해 android:label 에 하드코딩이 아닌 값을 넣어보자. 먼저 아까 AnroidMenifest.xml 파일과 같은 레벨에 있는 res(리소스) 폴더에 valu

lisence 에 대하여 개발을 하다보면 많이 들어본 MIT lisence 많은 개발자들이 그냥 무료로 사용하능하고 상업적으로 까지 사용 가능하다고만 알고 있는데 다른 lisence 들은 어떨까? 1. 오픈 소스 라이센스 (1) MIT 라이센스 특징: 간단하고 명료

운동을 하나 내가 필요한 앱이 있어 만드려고 오랜만에 Android Studio 를 켰고 24.03 업데이트에 UI 가 굉장히 반가웠다.하지만 업데이트를 진행하며 다음과 같은 에러가 발생했다.원인은 Android Studio 폴더내의 jre 폴더를 인식하지 못해서(jb

특이한 문자열 매칭 알고리즘이다. 항상 빠르지는 않지만 일반적인 경우 빠르게 작동하는 간단한 구조의 문자열 매칭 알고리즘이다.문자열에 해싱 기법을 사용하여 해시 값으로 비교하는 알고리즘이다.문자열의 해시 값을 비교하여 그 일치 여부를 검사하는 알고리즘이다는 것이다.앞서

KMP 알고리즘은 대표적인 문자열 매칭 알고리즘이다. 기본적으로 문자열 매칭 알고리즘이란 특정한 글이 있을 때 그 글 안에서 하나의 문자열을 찾는 알고리즘이다.이는, 우리가 크롬에나 파폭에서 ctrl + f 를 눌러 글자 찾기에도 해당 알고리즘이 다 들어가 있는 것이다

네트워크 플로우(https://velog.io/@jeong_woo/%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC-%ED%94%8C%EB%A1%9C%EC%9A%B0A 집단이 B 집단을 선택하는 방법에 대한 알고리즘이다.이분 매칭은 네트워크 플

스크롤 기반의 자소서 사이트를 만드는 과정에서 강도테스트를 진행하던 중 랜덤하게 버그가 발생하는 현상이 나타났다.주로 display 를 none 혹은 flex(block) 과 opacity 를 사용하는 과정에서 일어났는데 원인을 알아보자.offsetHeight 는 JS

어떻게 하면 주사위 값을 가져올 수 있을까 굉장히 고민을 많이 하였다.우선 우리는 모든 Object3D 에는 정점 데이터와 이를 빠르게 계산하여 위치를 표출하기 위한 matrix 데이터가 있다는 것을 알고있다(https://velog.io/@jeong_woo/

three.js 를 사용하여 만든 야추 다이스를 나만의 도메인에 배포해보고 싶었다.그래서 일단 인스턴스를 만들고 Domain 구매를 진행하였다.고정 IP 이다. 뭐 로드 밸런서를 사용하면 해당 ELB 의 고유 IP 를 가지고 사용하니 상관없지만 나는 개인 프로젝트를 하

ERROR: Top-level await is not available in the configured target environment 이 에러는 비동기 처리를 app 전반에 걸쳐서 사용했기 때문에 에러가 발생한다.

Custom follow up camera, Custom pointlock control 커스텀 카메라와 컨트롤을 만들어 PointerLockControls 에 대해 OrbitControls 과 합치고 거기에 lerp 를 주어 조금더 자연스럽게 커스텀하기 위해 각각의

🚗 Car 로 복습 1. 클래스 속성 & 생성자 함수 속성 dynamicBodies THREE.Mesh 와 Rapier.RigidBody 를 쌍으로 저장하는 2차원 배열. THREE.Mesh 의 position 와 quaternion 을 물리 엔진의 데이터( tra

Rapier ImpulseJoint Motors ImpulseJoint 바퀴나 pan 을 만들 때 주로 Body 에 revolute ImpulseJoint 를 사용하여 Joint 한다고 포스팅하였다. Rapier v0.12.0 에서 우리가 사용할 수 있는 Impul

PointerLockControls Three.js 의 PointerLockControls 은 브라우저에 내장된 Pointer Lock API 를 구현한다. PointerLockControls 은 시간 경과에 따른 마우스 움직임(즉, 델타)에 기반한 입력 방법을 제공

Rapier Debug Renderer 말 그대로 디버깅 하기위해 존재한다. Geometry에 맞게 물리 도형이나 colliders를 만들려고 할 때, dimensions, positions, rotations 을 실제로 시각화할 수 없기 때문에 만들기가 까다롭다.

Rapier Rapier 는 물리엔진이다. 강체 힘, 속도, 접촉, 제약 조건 등을 계산하는 데 사용할 수 있는 물리 엔진이다. 시간 경과에 따른 물리 속성과 이벤트만 계산하고 싶다면, 우리는 three.js 가 아닌 다른 물리엔진을 사용할 수 있다. 하지만 우