분류 전체보기(53)
-
[React Native IDE] 이런게 나온다고?
react-native-gesture-handler, react-native-reanimated 등유명하고 사용자들을 많이 보유하고 있는 라이브러리를 만든 software mansion에서 React Native IDE의 베타버전을 공개했다.현재는 비공개로 베타회원만 사용이 가능하다.베타로 사용해 보고싶다면 https://forms.gle/sZ5GzxYyFJKz3Q9r6 이 링크로 들어가서 양식을 제출하면 된다. React Native IDE는 vscode의 익스텐션으로 출시가 된다.베타버전은 무료이지만 나중에 릴리즈버전으로 출시된다면 어느 정도의 금액을 받을 것으로 예상된다. 충분히 금액을 지불하고 사용할 생각이 있다고 느꼈으며 어떤 기능이 있는지 알아보자| IDE Panel이제는 시뮬레이터를 vsco..
2024.05.23 -
[RN] react-native-dotenv에서 개발환경에 따른 빌드 방법
| react-native-dotenv 란 babel 플러그인을 사용하며 여러 환경에 대해 dotenv를 사용하여 환경 변수를 자바스크립트 환경에 주입할 수 있다. 리액트 네이티브와 함께 사용하기에 가장 적합하며 웹을 포함한 모든 버전에서 작동하는 npm 모듈이다. https://github.com/goatandsheep/react-native-dotenv GitHub - goatandsheep/react-native-dotenv: Load react native environment variables using import statements for multiple env file Load react native environment variables using import statements for ..
2024.02.26 -
완전탐색 (Brute-Force)
| 완전탐색 완전탐색 (Brute-Force)는 알고리즘이라고 지칭하기는 어렵지만 문제를 해결할 때 필요한 순간이 오며 간단하지만 풀이에는 난이도가 있는 알고리즘이다. 모든 경우의 수를 전부 탐색하기에 무식한 풀이 기법이라는 소리도 있다. 유튜브에서 본 설명을 들었을 때 10억이 든 금고의 암호를 푼다고 한다면 4자리의 암호를 모든 경우에서 조합하여 금고의 암호를 풀것이다. 0000 -> 0001 -> 0002 이런 순서로 정답이 나올때 까지 시도를 할것이다. 여기서 느껴지는점은 완전탐색의 시간복잡도는 N의 크기에 따라 가진다. 이 방법은 간단하고 직관적이지만 경우의 수가 많아질수록 계산 시간이 급격하게 증가할 수 있다 | 완전탐색의 과정 1. 모든 경우의 수를 생성 2. 경우의 수 계산 3. 조건 충족..
2024.01.08 -
캐싱 개념정리
| 캐싱이란 어떠한 데이터를 한 번 받아온 이후 가져온 곳보다 더 가까운 곳에 임시로 저장하여, 필요시 더 빠르게 불러와서 사용하는 프로세스를 의미한다. 개발자는 재사용을 충분히 많이 할 수 있는 데이터만 잘 캐싱해서, 성능과 비용을 모두 아끼는 것이 중요하다. 캐싱을 사용하지 않는다면 서버에 매번 요청을 보내기에 과부하를 일으킬 수 있으며 클라이언트에서는 서버에서의 응답을 매번 기다려야하기에 성능이 저하된다. 이를 해결 할 수 있는 방법은 처음에 불러온 데이터의 복사본을 두고 stale(최신이 아닌 데이터를 가지고 있는)이 되었다고 판단하여 서버에 다시 요청을 보내는것으로 요청을 줄이고 성능을 향상 시킬 수 있다. | 브라우저 캐시 이미 방문한 웹 페이지에서는 페이지의 리소스를 캐싱해서 다음번에도 동일..
2023.12.19 -
스택/큐 (Stack | Queue)
| 스택 (Stack) 스택은 LIFO (Last In Last Out) 즉 후입선출의 원칙으로 만들어진 자료구조이다. 주로 프링글스 통이 예시로 사용된다. 프링글스를 제조할 때 여러개의 감자칩을 하나하나 넣는다면 소비자의 입장에서는 제일 늦게 들어간 감자칩을 먼저 먹을것이다. 자바스크립트에서는 스택과 큐를 내장으로 지원하지 않는다. 스택은 배열로 구현하거나 Class를 만들어서 직접 구현할 수 있다. | Array(배열) 로 구현 배열의 내장함수인 push와 pop으로 구현할 수 있다. push는 배열의 마지막 요소 다음에 값을 추가한다. pop은 배열의 마지막 요소를 삭제한다. 그래서 LIFO 구조를 구현할 수 있는것이다. | Class 로 구현 Stack을 클래스화 해서 직접 구현할 수도 있다. ..
2023.12.18 -
해시 [Hash]
| 해시 테이블 이란? 해시는 유일한 값을 저장하기 위한 자료구조이다. key-value 를 저장하기 위해 사용된다. 배열과는 다르게 순서를 가지지 않으며 거의 모든 언어에서 해시라는 구조가 사용된다. 그 이유는 값을 찾는데에 상당히 빠른 시간으로 처리할 수 있다. 기존 자료구조인 이진탐색트리 / 배열 에 비해 빠른 속도를 가진다. Python 에서는 Dictionaries 가 있으며 JavaScript는 Objects / Maps 로 해시 테이블을 구현할 수 있다. 배열을 사용하여 값을 저장하고 그 값을 사용해야 할 때 우리는 해당 값을 가지고 있는 순서 즉 index를 알아야 한다. 하지만 해시는 내가 지정한 key로 원하는 값을 추출할 수 있다. | 직접 주소 테이블 (Direct Address T..
2023.12.12