목록전체 글 (254)

ImFe's study

[React Native] “jest-haste-map: Watchman crawl failed. Retrying once with node crawler.” 오류 해결

위 오류는 Expo로 생성한 React Native 프로젝트에서 npm run start를 입력할 시 발생했다. 스택 오버플로우와 깃허브 이슈에서는 크게 세 가지 해결책을 제시했는데 1. iterm과 watchman에 Full Disk Access 부여 2. watchman 재설치 3. 해당 프로젝트 폴더를 Users/[설정한 유저명]/ 하위로 이동(..?) 시도해본 순서는 2 -> 1 -> 3 순서인데 2번과 1번은 해결되지 않았다. 1번과 3번은 watchman의 프로젝트에 대한 권한 문제를 해결하기 위한 위한 방법인데 프로젝트 폴더가 Documents보다 더 깊은 depth에 있으면 watchman에 Full Disk Access를 부여해도 해결되지 않는다 해당 프로젝트 폴더를 Users/[설정한 ..
App/React Native 2022. 6. 10. 17:42
[React Native] Expo Go 사용중 console.log가 터미널에 표시되지 않는 경우

Expo에서 console.log()가 터미널에 찍히지 않는다. 이유는 Expo Go(IOS)를 사용중인 아이폰 이름이 한글이면 console.log()가 찍히지 않는다고 한다. https://support.apple.com/ko-kr/guide/iphone/iphf256af64f/ios 아이폰 이름을 영어로 변경한 후, 서버를 껐다 켜주면 정상적으로 터미널에서 아이폰 이름을 인식하며 로그가 뜬다.
App/React Native 2022. 6. 9. 17:50
[React Native] metro has encountered error while tring to resolve module `expo-location` 해결

React Native에서 작업하며 expo-location API를 사용하려던 중 에러 발생. 사용중인 IOS 기종으로 expo를 접속하면 붉은 창에 에러 상세정보가 쓰여져 있다 expo install expo-location yarn 버젼이 낮아서 발생하는 문제였다. yarn upgrade expo 앱을 다시 실행하면 정상적으로 동작한다.
App/React Native 2022. 6. 9. 16:28
[React] Warning: Each child in a list should have a unique "key" prop. 해결

리액트에서 JSX로 배열을 통해 UI를 그려준다면 요소에 key속성(prop)을 넣어주어야한다. 리액트는 key속성을 이용하여 컴포넌트와 돔 요소간의 관계를 생성하는데, 라이브러리는 이러한 관계를 통해 컴포넌트가 재렌더링되어야하는지 판단한다. 배열이 static하지 않은 이상 배열의 인덱스값을 key속성으로 지정하는것은 권장되지 않는다. 리액트가 재렌더링 할 요소를 판단함에 있어 혼란이 생길 수 있기 때문. 키는 유니크할 필요는 없다. 형제 요소들 사이에서만 유니크하면 된다. 글의 제목이 입력되어있는 title배열을 받아와 map으로 뿌려주는 목적을 가진 JSX코드이다 { // map()의 두번째 인자는 반복문이 돌 때마다 0부터 1씩 증가함 title.map(function(title, i) { ret..
WEB/React 2022. 6. 8. 19:05
[AWS] AWS CodeBuild 빌드 로그 S3에 저장

로깅을 원하는 CodeBuild 프로젝트로 진입. 상단의 "편집" - "로그" 클릭 "S3 로그" 선택 - 빌드 로그를 저장하려는 버킷 선택 빌드로그 저장하도록 지정한 버킷에서 로그 확인 압축을 풀어서 열어보면 post_build과정에서 echo가 로그에 기록된것이 보인다.
AWS 2022. 4. 13. 12:36
[AWS] Java 환경에서 CodeBuild와 CodePipeline을 통해 배포/빌드 자동화

AWS-Codebuild-test-java AWS 공식 가이드가 Maven기준이여서, Maven을 이용하여 빌드하였습니다. 공식 가이드 1단계: 소스 코드 생성 (디렉토리 구조) (root directory name) |-- pom.xml `-- src |-- main | `-- java | `-- MessageUtil.java `-- test `-- java `-- TestMessageUtil.java 2단계: buildspec 파일 생성 이 단계에서는 빌드 사양(buildspec) 파일을 생성합니다. AbuildSpec은 CodeBuild가 빌드를 실행하는 데 사용하는 YAML형식의 빌드 명령 및 관련 설정의 모음입니다. 빌드 사양이 없으면 CodeBuild가 빌드 입력을 빌드 출력으로 성공적으로 변..
AWS 2022. 4. 8. 16:40
[AWS] Node.js 환경에서 CodeBuild와 CodePipeline을 통해 배포 자동화

Aws-CodeBuild-Test About AWS CodeBuild 테스트를 위한 레포지터리입니다. AWS 설정 Amazon Elastic Beanstalk 관리 콘솔에 진입하여 "Create Application"을 클릭해주세요. 적당한 애플리케이션 이름과, 플랫폼을 지정해 주세요. 그 후 우측 하단의 "애플리케이션 생성"을 클릭해주세요. 생성이 완료되면 위와 같은 화면이 출력됩니다. 붉은색으로 표시된 부분을 클릭해주세요. 정상적으로 Elastic Beanstalk이 생성되었을때의 초기 상태입니다. 완료 후 AWS CodeBuild 콘솔을 열어주세요. 프로젝트 이름과 설명을 추가해주세요 소스 공급자에서 깃허브를 선택한 후, OAuth를 이용하여 GitHub에 연결합니다. CodeBuild 구축을 원하..
AWS 2022. 4. 8. 16:35
Javascript 심화 - 07. 클로저

보호되어 있는 글입니다.
Zero-Base 강의 정리/Javascript 2022. 3. 14. 19:00
Prev 1 2 3 4 5 6 7 ··· 32 Next