전체 글

There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "webpack": "4.29.6" Don't try to install it manually: your package manager does it automatically. However, a different version of webpack was detected higher up in the tree: ... ..

error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually: - react-native-vector-icons (to unlink run: "react-native unlink react-native-vector-icons") ... error: Multiple commands produce '/Users/user/Library/Developer/Xcode/DerivedData/todo-amgojlyjogtbyxgotzfheqwjjnom/Build/Products/Debug-iphonesimulator/todo.app/SimpleLineIcons.ttf': ... r..

cd ios xcodebuild clean cd android ./gradlew clean

[!] No `Podfile' found in the project directory. pod install 명령어를 실행했더니 발생한 오류. Podfile 을 못 찾겠다는 의미다. 폴더를 잘 보니... 프로젝트 폴더에는 podfile 이 없다. 튜토리얼을 다시 자세히 보니 cd ios 를 하더라!! ios 폴더 안에 보니 podfile 이 있다 ............ cd ios 후 pod install 을 실행시켜주면 해결.

Namespace 'React' has no exported member ... react 코드를 next 로 옮기다가... 첫 설치 때 --template typescript 를 잘못 먹인건지 이런 에러가 떴다. 나의 경우는 Namespace 'React' has no exported memter 'ChangeEvent' ... 였다. 찾아보니.. node_modeules/@types/react 폴더의 global.d.ts 파일이 누락돼서 생긴 문제라고 한다. @types/teact 를 재설치해주면 된다. 아래 명령어를 실행시켜주면 해결! npm install @types/react --save

npm run android 실행 시 오류가 났다. 오류 메시지에도 'npm에는 문제가 없는 거 같은데?! 로그 살펴봐' 라는 말을 하길래 로그를 살펴보니... 로그에도 뭐가 안 찍힌다. 일단 검색을 주구장창 해서 여러가지 시도해본 결과... 아래 4 가지 방법 중 어떤 것 덕분에 해결됐는지 모르겠다 -_- 아무튼 4 가지 방법을 시도해보면 해결된다. 1. 다른 프로세스가 실행중인가? 다른 프로세스가 실행 중이어서 오류가 났던 것 같다. 실행 중이던 프로세스를 종료시키고 다시 실행하니 해결됨. 2. sdk 환경변수 설정을 했는가? ~/.bash_profile 은 설정해주었는데, ~/.zshrc 파일은 설정해주지 않았었다. vi ~/.zshrc 를 입력해 파일을 열고 아래 코드를 붙여넣어주자. 참고로 AN..

DuplicateError: Duplicated files or mocks. Please check the console for more info ...index.js:426:22 { mockPath1: 'package.json', mockPath2: 'template/package.json' } npm run ios 실행하니 위와 같은 오류가 발생했다. package.json 과 template/package.json 을 살펴보니... 이런....-_-;; 대문자를 사용할 수 없나보다... todo-test 로 바꿔주니 해결됨!

✨ 프로젝트 목표 서버 입출력 없이 React, Recoil, Typesciprt 를 적용한 앱을 만들어보며 각각에 익숙해지기. 처음부터 세가지 다 적용하지 않고, 하나씩 적용해보며 왜 이러한 라이브러리를 쓰는지, 얼마나 효율적인지, 어떤 구조로 작성할지를 생각해보자. ✨ 이번 페이지 목표 React 는 하나의 페이지를 작은 단위의 컴포넌트로 쪼개는 작업, 컴포넌트화가 중요하다. 어떤 요소를 어떻게 쪼갤지, 요소에 어떤 데이터를 바인딩 시킬지를 생각해보자. ✨ 시작 1. 화면 설계 메인 화면은 왼쪽과 같다. (카톡을 좀 베꼈다 ㅎㅎ) 서치박스에 이름을 입력하면 해당하는 Friend 가 뜨고 Friend 를 누르면 오른쪽의 상세 정보가 뜨는 간단한 앱이다. 다른 버튼들은 그냥 장식이다. 2. 이 화면을 어..