판교너굴맨의 개발노트

컴퓨터는 0과1로 이루어진 값만 이해할 수 있다. 그리고 이 기계어를 인간이 해석하기 쉽게 만든 언어를 고급언어라 하며 우리가 자주 사용하는 c, python, java, javascript 등이 고급언어에 해당한다. 그러면 Javascript로 작성한 소스코드를 컴퓨터가 읽을 수 있도록 하려면? Javascript Engine이 필요하다. 오늘은 여러 Javascript Engine 중에서 구글에서 개발한 V8을 학습해보려고 한다. 내가 작성한 코드가 어떻게 실행되는지 정도는 알아둬야 할 것 같았다. V8 Engine 구글에서 만든 Javascript Engine이다. V8 Engine은 C++로 개발 되었다. 현재 Chrome과 Node.js에서 사용되고 있다. JIT (Just-In-Time) Co..

GitHub에서는 Repository를 무료로 호스팅해주는 서비스를 제공하고 있습니다. 1. React project 생성 프로젝트를 생성할 폴더 위치에서 React project 생성 명령어를 입력합니다. 저는 TypeScript가 적용된 프로젝트로 생성하겠습니다. # npx npx create-react-app [project name] --template typescript # yarn yarn create react-app [project name] --template typescript 2. gh-pages 패키지 설치 # npm npm i gh-pages #yarm yarn add -D gh-pages 3. GIt Repository 생성 및 push 4. package.json 설정 { //..

1. 해당 숫자가 나누어질 때까지 반복문을 실행한다. 1 ) 먼저 소수는 2부터 시작이므로 num === 2 일 때는 return true이다. 2 ) 반복문이 끝나기 전에 num이 나누어지면 return false 나누어지지 않으면 return true이다. 3 ) 가장 간단하지만 시간복잡도가 가장 크다. function isPrime(num) { if (num === 2) return true; if (num === 1) return false; for (let i = 2; i < num; i++) { if (num % i === 0) { return false; } } return true; } 2. 해당 숫자의 가장 큰 약수 만큼 반복문을 실행한다. 1 ) 1번과 유사하지만 1번 보다 반복문을 반..

예를들어 123 이라는 숫자가 있다. 123의 자릿수의 합을 구하는 문제가 주어졌다. 문자열이라면 for문, reduce 등으로 간단하게 계산할 수 있겠지만 타입을 변경하지 않고 바꾸는 방법을 찾아보았다. let num = 123; let sum = 0; while (num > 0) { console.log(num); // 123 12 1 sum += num % 10; num = Math.floor(num / 10); } console.log(sum); // 6

widows는 react-native-debugger 깃허브 페이지에서 설치한다. 설치 후 압축을 풀어주고 react-native-debugger.exe 파일을 실행한다. 처음에 실행하면 바로 내 프로젝트와 연결이 되지 않는다. 위와 같이 실행 한 후 애뮬레이터에서 Ctrl + m을 하면 해당 옵션 창이 나오게 되는데 Debug를 클릭해준다. Debug를 클릭하면 연결이 된 것을 확인할 수 있다.

React native 프로젝트를 진행하는데 node의 버전이 낮아 라이브러리 설치가 진행되지 않는 경우가 있었다. Windows windows에서 node를 최신 버전으로 업그레이드 하는 방법은 간단했다. nodejs 공식문서에서 최신 버전을 다운 받으면 기존 버전에 덮어 씌어지는 형태였다. 1. nvm 사용 1-1. nvm이란? Node Version Manager 이다. 1-2. nvm 설치 Linux 최신 버전은 nvm git 문서 에서 확인할 수 있다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash Windows windows에서는 nvm-windows를 설치한다. nvm-setup.exe 파일을 다..

React Native로 개발하는 방법으로는 expo와 React Native CLI가 있습니다. Expo : - react native를 처음 사용할 때 좋음. - native 기능 제공 (위치정보, 카메라 등) - Xcode 또는 Android Studio 없이 시뮬레이터 사용 가능 - 라이브러리 사용 불가. Expo에서 제공하는 기능만 사용 - 기본적으로 앱 사이즈가 커짐 React Native CLI : - 개발자가 원하는 기능 개발 및 제어 가능 - 다양한 라이브러리 사용 가능 - 사용자 설정 필요 - Xcode 또는 Android Studio가 필요 이 게시물에서는 React Native CLI를 기준으로 작성 되었습니다. 1. Nodejs 설치 React Native를 실행하기 위해선 Jav..

error An unexpected error occurred: "https://registry.yarnpkg.com/react-native-template-react-native-template-typescript: Not found". 공식문서에 확인해보면 react-native-cli시스템에 전역적으로 설치되어 있어서 에러가 발생할 수도 있다고 한다. # 전역 설치된 react-native-cli 제거 npm uninstall -g react-native-cli # init typescript project npx react-native init MyApp --template react-native-template-typescript 다른 정리된 블로그 참조 공식문서 https://kimck.tis..

java를 쓸 때나 nodejs를 쓸 때나 console 창에 아래와 같은 에러가 발생하면 제대로 관심을 가지고 읽어보지 않을 때가 많았었다.. (과거를 반성..) 한 번 읽고 보니 친절하게 내가 어디까지 작업했는지, 어디서 에러가 났는지를 설명해주고 있다. 위의 에러를 예로 스택추적을 해보자. 먼저 우리가 아는 스택은 후입선출 (LIFO - Last In First Out)의 구조로 이루어져 있다. 그림을 예로 우리가 파일을 실행하고 C함수에서 에러가 발생하게 되면 C가 실행되기 전까지의 순서를 친절하게 알려줍니다 그게 바로 맨 위에 콘솔 이미지입니다. 이미지를 하나씩 해석하면 1. rawDataRepository.js 익명함수가 실행되었다. 2. KeeperResponse.deserializeBina..

문제 발생 Redux toolket에서 예시로 아래와 같은 코드를 작성했다. const target = [1,2,3] export const fetchDataCombine = createAsyncThunk( 'project/test', async (target) => { const response = [] // eslint-disable-next-line no-restricted-syntax for (const data of target) { const url = `http://localhost:3000/?target=${data}`; response.push(await axios.get(url)); } return response; } ); // error for..of 문 내부에서 'await'을 작..