My Boundary As Much As I Experienced

기분 좋아지고 싶을 때 듣는거[PLAYLIST] 이상애정변론 理想愛情辯論최근 들어 본 플리 중에 가장가장가장 좋다~~!!!인트로부터 뭔가 집중해서 보게 된다. 인트로 끝나갈 때쯤 음악 시작하는 센스도 좋고,중드 혹은 대만 드라마같은 플리 제목도 좋다. (자세히 보니 4번째 곡 타이틀이 이상애정변론이네?) https://www.youtube.com/watch?v=rMtYUPZadfw   𝐏𝐥𝐚𝐲𝐥𝐢𝐬𝐭 정말 이상한 녀석이야,,, (,,Ծ‸Ծ,, )｜JPOP"헨나 야쯔~" 노래가 특출나게 좋은건 아닌데 옛날 씹뜨억 취향 대사 제목이 좋아서 찾게 되는거 같다.노래 구성은 그럭저럭 좋은듯..https://www.youtube.com/watch?v=QVbEb6hQb18 브레인 워셔가 필요할 때 듣는..

React Native Config란?React Native Config는 React Native 애플리케이션에서 환경 변수를 관리하는 라이브러리이다. 이 라이브러리를 사용하면, 앱의 설정값들을 별도의 환경 파일에 정의하고, 이를 React Native 코드와 네이티브 코드(Android 및 iOS)에서 쉽게 사용할 수 있다. 이를 통해 개발 환경, 스테이징 환경, 프로덕션 환경 등 다양한 환경에서 서로 다른 설정값을 사용할 수 있다. 왜 쓰나? 그냥 .env파일을 쓰면 안 되나?장점 1. 네이티브 환경과의 통합리액트 네이티브 앱은 자바스크립트 코드뿐만 아니라 네이티브 코드(iOS와 Android)에서도 환경 변수를 사용할 필요가 있다..env 파일을 직접 사용하는 경우, 이를 네이티브 환경에 전달하는 ..

1. 타입으로 네비게이터의 타입을 지정해줘야 한다. (패러미터를 미리 설정)네비게이터에는 BottomTabNavigator와 StackNavigator가 있다.바텀탭은 쉽게 말하면 앱 아래 있는 바텀 네비게이션으로 이동할 수 있는 루트단인 것이다. stack은 말 그대로 depth가 계속 진행될수록 쌓이고 쌓이는 구조이다.아래처럼 초록 페이지에서 액션을 일으켜 다른 페이지를 키면 다른 페이지가 overlay되어 나오고,뒤로가기를 누르면 위에 쌓인 페이지가 pop되면서 사라지고 아래 포개어져 있던 페이지가 나오는 구조이다. 이때 전 페이지의 state나 진행상태등은 (웹과 달리) 모두 살아있다!모바일에서 페이지의 이동이란, stack에 쌓이는 스크린이라는 것을 기억하자.하여튼 이 스크린들을 관리하는 Nav..

리액트 네이티브에서 주로 쓰는 router은 React Navigation이다.React Navigation으로 다른 페이지로 이동하는 방법을 알아보고,추가로 스크롤을 원하는 곳으로 내리는 방법을 알아보자 Navigating 하는 법 간단하다. Navigation을 import해서 navigation 객체를 만들어준다.import { useNavigation } from '@react-navigation/native';const navigation = useNavigation(); 핸들러를 만들고 거기서 navigation의 navigate 메소드를 활용해서 가고 싶은 곳으로 가게 하라.그런데 이때 주의해야될게 있다. 당신의 프로젝트 구조가 어떻게 될지는 모르겠는데,보통 모바일 앱은 BottomTab들이..

재밌어 보이는 튜토리얼들을 따라해보고 올릴 예정이다. 추후 여러 튜토리얼끼리 조합하는 것도 해볼 수 있겠다.// 이번 코드에 쓰일 모듈class Cell { constructor(x0, y0, r, angle){ this.r = r; this.angle = angle; // 시작 x, y 좌표 this.x0 = x0; this.y0 = y0; } update(){ this.x = this.r*cos(this.angle); this.y = this.r*sin(this.angle); this.angle += 0.05; // 어김없이 angle을 바꿀 때마다 cos, sin값이 바뀌며 회전한다. } display(){ // 아래 주석 해제하면 ..

forwardRef란?챗지피티의 설명에 따르면, '자식 컴포넌트의 DOM 엘리먼트 또는 클래스 인스턴스에 접근할 수 있도록 하는 기능을 제공한다'라고 한다. 그런데 그냥 쉽게 말해서 '자식 컴포넌트에 ref를 props로 내려줘야'할 때 써야한다. 예를 들어 아래와 같은 경우, ref로 어떤 DOM 요소를 관찰하려고 하는데, 단순 jsx태그가 아니라컴포넌트인 경우 이렇게 ref를 내려줘야한다. 이때 ref라는 이름으로 내려주면 forwardRef를 써야한다는 경고가 나온다. props의 이름으로 아무거나 임의로 쓸 수 있는거 같지만, 'ref'같은 이름은 예약어로 forwardRef를 쓸때만 사용할 수 있는 것이다. 사용법부모 컴포넌트에서 ref를 만들어서 내려준다. (여기서 그냥 inputRef={in..

각도와 사인 함수의 반환값라디안 단위의 각도: 사인 함수는 입력된 각도를 라디안 단위로 받아들인다. 1 라디안은 약 57.3도이다.사인 값: 주어진 각도에 따라 사인 값은 다음과 같이 변한다:sin⁡(0)=0sin(0)=0sin⁡(𝜋2)=1sin(2π​)=1sin⁡(𝜋)=0sin(π)=0sin⁡(3𝜋2)=−1sin(23π​)=−1sin⁡(2𝜋)=0sin(2π)=0 let angle;// angleVelocitylet angleV = 0;// angleAccelerationlet angleA = 0.001;let bob;let len;let gravity = 1;function setup() { createCanvas(600, 800); origin = createVector(300, 0); ..

리액트네이티브로 개발한 것을 구글플레이 혹은 앱스토어에 배포하는 과정을 정리해보겠다.이 문서에서 설명하는 과정은 아래와 같다. 1. 안드로이드 스튜디오 빌드2. 구글 플레이 콘솔 접속 후 내부테스트 배포3. XCode 빌드4. 애플 스토어 커넥트 접속 후 내부테스트 배포 *바로 출시 심사할 사람은 바로 출시 심사해도 되지만 팀의 내부 테스트를 거쳐야되는 기준으로 작성하였다. Android 빌드버전 수정android/app/build.gradle 파일에서 버전 수정android { ... defaultConfig { ... versionCode  빌드안드로이드 빌드 클린 후 AAB 빌드 실행cd android./gradlew clean./gradlew bundle..

Next.js 12 Page Router의 커스텀 페이지 레이아웃(getLayout)을 사용하는 것을 보며JSX에 {...props} 식으로 모두 뿌려주는게 대강 모든 Props를 다시 주는것이겠거니하고 넘어갔다.그러나 현재 제대로 한 번 정리할 필요가 있겠다고 생각했다. 1. 하위 컴포넌트에게 객체 속성 전파아래 props라는 객체를 MyCompoent에 props로 넣는 예제이다.const props = { name: 'John', age: 30, location: 'New York'}; 위 코드는 아래 코드와 결과적으로 같다. 그래서 아래처럼 상위 컴포넌트에서 받은 props를 바로 자식 컴포넌트에 내려주는 방식으로 사용 가눙하다.interface MyProps { id: 101, clas..

벡터란 무엇일까...? 이번에 공부해봤지만 잘 모르겠다.(이과들만 배우는 과목이었나, 기하와 벡터가? 교육과정도 다 까묵음) 하여튼 이번 Nature of Code에서 벡터를 이해하기 위해 여러가지 영상을 봤는데그나마 가장 이해 잘 되는 영상은 아래였다. (그나마)https://www.youtube.com/watch?v=ArgTeYVuJUo&t=297s  벡터가 뭔가요-? !벡터는 크기와 방향을 갖는거라고 한다. 사실 이렇게만 말하면 너무 추상적이다.물리학이나 순수 수학이나 컴퓨터 과학 모두에서 벡터를 되게 각자의 방식으로 정의하는거 같다.이렇게 방대한 개념을 다 이해하기는 힘들거 같고, 컴퓨터 과학에서 벡터를 어떻게 쓰는지만 알아보았다.대강 Origin 좌표(대게 0,0)에서 임의의 점(예를 들어 3,..