react-native-gesture-handler, react-native-reanimated 등유명하고 사용자들을 많이 보유하고 있는 라이브러리를 만든 software mansion에서 React Native IDE의 베타버전을 공개했다.현재는 비공개로 베타회원만 사용이 가능하다.베타로 사용해 보고싶다면 https://forms.gle/sZ5GzxYyFJKz3Q9r6 이 링크로 들어가서 양식을 제출하면 된다. React Native IDE는 vscode의 익스텐션으로 출시가 된다.베타버전은 무료이지만 나중에 릴리즈버전으로 출시된다면 어느 정도의 금액을 받을 것으로 예상된다. 충분히 금액을 지불하고 사용할 생각이 있다고 느꼈으며 어떤 기능이 있는지 알아보자| IDE Panel이제는 시뮬레이터를 vsco..

| 해시 테이블 이란? 해시는 유일한 값을 저장하기 위한 자료구조이다. key-value 를 저장하기 위해 사용된다. 배열과는 다르게 순서를 가지지 않으며 거의 모든 언어에서 해시라는 구조가 사용된다. 그 이유는 값을 찾는데에 상당히 빠른 시간으로 처리할 수 있다. 기존 자료구조인 이진탐색트리 / 배열 에 비해 빠른 속도를 가진다. Python 에서는 Dictionaries 가 있으며 JavaScript는 Objects / Maps 로 해시 테이블을 구현할 수 있다. 배열을 사용하여 값을 저장하고 그 값을 사용해야 할 때 우리는 해당 값을 가지고 있는 순서 즉 index를 알아야 한다. 하지만 해시는 내가 지정한 key로 원하는 값을 추출할 수 있다. | 직접 주소 테이블 (Direct Address T..

| 재귀함수란? 함수가 자기자신을 다시 호출하는 구조로 만들어진 함수이다. 반드시 종료시점 (return 문) 이 존재해야 한다. 종료점이 없다면 계속해서 스택에 함수가 추가 된다. 그로 인해 메모리 사용량이 불필요하게 많이 소모되며 스택오버플로우가 발생할 수 있다. 두가지를 이해하고 넘어가면 재귀함수를 조금 더 쉽게 이해 할 수 있다. - base case (재귀의 탈출 조건) - recursive case (자기 자신을 호출) | 기본적인 재귀 함수 예시 recursionTest 함수에 인자로 넘어온 num을 하나씩 줄여가는 함수이다. 여기서 base case 조건은 num이 0보다 작거나 같을 때 return 으로 0을 뱉어준다. | for문으로 동일한 기능 구현 모든 재귀함수는 반복문으로 동일한 ..

| 만든 이유 항상 프로젝트를 진행하다보면 초기에 세팅하고 여러가지 npm 모듈을 받는데에 많은 시간을 쏟는다. 모듈을 미리 받아놓고 자주 사용하는 것들을 컴포넌트로 빼놓으면 어떠한 프로젝트를 진행할 때 git에서 클론을 받아서 사용하면 초기 설정의 시간을 줄일 수 있다고 생각했다. Button이나 Input은 매번 디자인에 따라 달라지기 때문에 따로 만들어 놓지는 않았지만 앞으로 더 좋은 방안을 찾아가며 업데이트를 해야될거같다 또한 타입스크립트도 추가 할 생각이다. | 프로젝트 구조 |____recoil | |____control.js | |____test.js |____asset | |____asset.js | |____icon | | |____logo.png |____components | |___..

| 문제 설명 사진들을 보며 추억에 젖어 있던 루는 사진별로 추억 점수를 매길려고 합니다. 사진 속에 나오는 인물의 그리움 점수를 모두 합산한 값이 해당 사진의 추억 점수가 됩니다. 예를 들어 사진 속 인물의 이름이 ["may", "kein", "kain"]이고 각 인물의 그리움 점수가 [5점, 10점, 1점]일 때 해당 사진의 추억 점수는 16(5 + 10 + 1)점이 됩니다. 다른 사진 속 인물의 이름이 ["kali", "mari", "don", "tony"]이고 ["kali", "mari", "don"]의 그리움 점수가 각각 [11점, 1점, 55점]]이고, "tony"는 그리움 점수가 없을 때, 이 사진의 추억 점수는 3명의 그리움 점수를 합한 67(11 + 1 + 55)점입니다. 그리워하는 사람..

코딩은 주로 Input(입력) → Operation(연산) → Output(출력)으로 이루어 진다. 또한 프로그램이 동작하기 까지 코딩 → 컴파일 → 런타임 단계로 이루어 진다. 자바스크립트는 자유도가 매우 높다고 생각한다. 프론트엔드 개발자라면 자바스크립트를 필수적으로 사용해야한다. 그로 인해 발생되는 에러 또한 코딩을 할때는 잘 모르고 런타임 환경 즉 유저가 서비스를 이용하는 환경에서 에러를 발생한다. 에러는 개발자는 보며 수정을 할 수 있지만 사용하는 사용자 입장에서는 에러는 절대 마주치지 않아야 한다. 하지만 타입스크립트는 컴파일 단계 즉 우리가 작성한 코드를 프로그램이 동작할 수 있는 환경으로 바꾸어주는 단계에서 잘못 작성한 코드에 대한 에러를 뱉어준다. 즉 안전하게 코딩을 할 수 있게 도와준다..