본문 바로가기

전체 글49

[react-native] 리액트네이티브 셋팅 오류 (AIRMAP,styled component 설치 에러) 하 ..ㅋㅋ 오랜만에 리액트 네이티브 지도 앱 만들어보려했는데 오류 한뭉텅이 일어난다. 1번 오류 AIRMAP먼데 이건 ..ㅋㅋㅋㅋInvariant Violation: requireNativeComponent: "AIRMap" was not found in the UIManager. 해결책 : react-native.config.js 이라는 파일 만들고 (루트 파일경로에)아래코드 넣어주면된다  module.exports = { project: { android: { unstable_reactLegacyComponentNames: [ 'AIRGoogleMap', 'AIRMap', 'AIRM.. 2024. 5. 9.
[면접-JS] var,let,const 차이 with호이스팅 목차1. 호이스팅     1-1. 변수 호이스팅    1-2. 함수 호이스팅2. var, let ,const 비교 1. 호이스팅 자바스크립트는 실행전에 미리 호이스팅을 통해서 호구조사를 한다.이때 변수들을 미리 담아둔다. 이걸 호이스팅이라 하는데 자바스크립트는 엔진이 실행 컨텍스트를 구성할 때 enviormentRecord에 식별자의 정보를 수집한다. 이러한 과정을 통해서 엔진은 함수를 실행하기도 전에 해당컨텍스트 내부 변수명들을 이미 알고있다.이게 마치 끌어올린 것처럼 보여 호이스팅(=끌어올리다)이라고 명칭한다.호이스팅은 즉, 선언문이 있는 코드라인을 물리적으로 끌어올린게 아니라 자바스크립트 엔진이 먼저 전체코드를 스캔하고, 그정보를 어딘가에 담아놓는데 그어딘가가 실행컨텍스트의 enviormentRec.. 2024. 5. 8.
[면접-JS] Promise를 사용한 비동기 통신과 async, await를 사용한 비동기 통신의 차이를 설명해주세요. 면접답변Promise와 Async · Await의 차이점에러 핸들링 측면에서는 Promise를 활용할 시에는 .catch() 문을 통해 에러 핸들링이 가능합니다.Async · Await은 에러 핸들링 할 수 있는 기능이 없어 try-catch() 문을 활용해야합니다.코드 가독성Promise의 .then()을 활용하지만 코드가 길어지면 길어질수록, .then지옥으로 코드가독성이 않좋기에Async · Await 을 활용한 코드가 가독성이 좋습니다.  자료자바스크립트는 동기적으로 실행합니다.즉 순차적으로 실행된다. 근데 만약에 아래처럼 무거운 함수가 있습니다.function otherFunc({ console.log('우리는 otherFunc안에 있습니다.)}) console.log('Start')oth.. 2024. 5. 3.
리액트 설치시 오류 “npm install” 오류 발생할때 :- npm i npm ERR! code EEXIST npm ERR! syscall rename npm ERR! code EEXIST npm ERR! syscall rename npm ERR! path /Users//.npm/_cacache/ 블라블라 npm ERR! File exists 이러한 오류가 나온다. 이오류는 npm이 패키지를 설치하거나 업데이트 할때 발생한 문제인데 특히 EEXIST는 대상경로에 이미 파일이나 디렉토리가 존제함을 의미하고 EACCES 오류는 파일이나 디렉토리에 대한 적절한 접근 권한이 없음을 나타냅니다. 이러한 문제를 해결 할 방법은 다음과 같습니다. 1. 권한 문제 해결하기 설치 과정에서 권한 문제가 발생했다면, 이는 npm이 필요한 디렉토리에 접근할 수 있는 권한이 없음을 의미합니다. 이를 해결하기 위해 다음과 같은 명령어를 사용할 수 있습니다: sudo chown .. 2024. 3. 16.

티스토리툴바