프론트엔드(35)
-
[RN] FormData 트러블 슈팅 - RNMIP 사용법
모두가 붙어서 해결했던 폼데이터 트러블 슈팅 백엔드, 기술매니저님, 프론트엔드 모두가 붙어서 해결했던 삽질 최고 폼데이터 전송방법 FormData FormData는 폼을 쉽게 보내도록 도와주는 객체입니다. 이름을 보고 유추하셨듯이 FormData 객체는 HTML 폼 데이터를 나타냅니다. let formData = new FormData([form]); FormData method formData.append(name, value) – name과 value를 가진 폼 필드를 추가 formData.append(name, blob, fileName) – 형태의 필드를 추가. 세 번째 인수 fileName은 (필드 이름이 아니고) 사용자가 해당 이름을 가진 파일을 폼에 추가한 것처럼 설정해줌 formData.d..
2023.02.26 -
[RN] Tried to register two views with the same name 에러해결
늘 그렇듯이, 오늘도 에러발생 이 에러는 같은 걸 여러번 설치했을 때 생기는 에러라고 한다. 위와 같은 에러가 발생했을 때 npm dedupe 위의 명령어를 실행해 해결할 수 있다. It means you have installed same extension multiple times. Running "npm dedupe" command solved my problem. or Yarn install (The dedupe command isn’t necessary. yarn install will already dedupe.) 나와 같은 에러가 발생한 개발자가 있었고, 그에 대한 답변이 위와 같다. 이 명령어로 해결이 안됐을 경우 package.json 으로 가서 한번 살펴보면 좋을 듯 하다. ▶︎참고사이..
2023.02.22 -
[개발자가 되는 과정] 매니저님이 추천하는 협업방식 ( 같은팀끼리 )
협업이란? 많은 사람이 일정한 계획 아래 노동을 분담하여 협동적·조직적으로 일하는 것. - 협업방식 1 프로젝트에서 여러 페이지가 구성되어있다. 각 페이지를 각 팀원에게 분배해서 각자 진행 후 합치는 형식으로 진행한다. 그리고 내가 생각한 장단점 장점 : 팀 모두가 실력이 괜찮다면, 각자 막힘없이 코드를 구성하고 최종적으로 합쳐서 진행한다면 최적의 협업방식이 될 것이다. 더불어 불필요한 작업이 없어 프로젝트 완성까지시간이 오래걸리지 않는다. 단점 : 각 팀원들이 실력이 비슷하지 않다면 누구는 빠르게 자기 역할을 끝낼 것이고, 누구는 끙끙거리며 오래 걸릴 것이다. - 협업방식 2 ⭐️ 처음에는 한 페이지를 잡고 한명이 화면공유를 해서 작업을 하고, 나머지 팀원들이 그 화면을 보면서 내비게이션 역할을 하면서..
2023.02.12 -
[RN] 에러 안드로이드 스튜디오 연결안됨 npm run android 에러
1차 시도 // 실패 npx run android 2차 시도 // 실패 npx react-native run android 1차 시도 후 명령어 입력 후 에러가 나면 2차 시도때 명령어를 입력해서 됐다는 글을 봐서 그렇게 했다. 그리고 발견한 오타..ㅎㅎ 3차 시도 // 실패 npm run android 뭐가 막 설치 되는 듯 하더니 결과는 에러.. 한번이라도 쉽게 되는걸 본적이 없어..ㅠㅠ 그러고 생긴 다음 에러.... 제발..ㅠ 구글링 결과 경우 1. 커서의 위치가 올바르지 않을 때 나는 제대로된 위치에서 명령어 실행을 했던 상황이라 패스! 경우 2. npm 이나 yarn 을 설치하지 않았을 때 내 경우 npm install 이지만.. 이미 설치해 놓은 상태라..패스..! 경우 3. 환경변수 설정 잘..
2023.02.10 -
[RN] 에러 Failed to load configuration of your project.
더보기 react-native를 시작하면서 열린 에러파티ㅠㅠ 협업중인데, 다른 팀원컴에서는 문제없는데, 내컴에서만 문제있고 이런경우가 너무 많다. 유독 나한테만 생긴 에러 파티ㅠㅠ 이제부터는 에러를 기록으로 남겨야 할것 같다. error Failed to load configuration of your project. 구글링을 통해 얻은 정보는 Node module삭제, packege.json 삭제 후 다시 설치 해보라는 것. // 두 개 삭제 후 npm install //실행 npx react-native start 설치 후 리액트 네이티브 실행! 그리고 드디어 만난 웰컴 두 메트로!! 이제 run 해볼 차례! 과연 에러 없이 될까?ㅠㅠ
2023.02.10 -
[React-Native] Expo CLI & RN CLI 비교
React-Native CLI 장점 > Non-Expo 앱 Expo 패키지를 이용할 수 있다. 자유도가 높아 다양하게 개발 할 수 있다. 네이티브 모듈 사용이 가능하다. Andriod Studio와 Xcode에서 빌도, 배포 가능하다 단점 > 프로젝트 설정하는데 시간이 오래걸린다. 모든 라이브러리들을 하나하나 설치해야한다. Andriod Studio & Xcode를 설치해야한다. 손수 배포해야하고, Window, Linux에서 iOS 앱은 작동안된다. 서드파티 라이브러리가 사용가능하다. 손수 설정해야 한다. Wrapper 가 없다. 초기화가 필요없고, 별도 설치 구성이 필요없는 기능을 제공한다. Expo CLI 장점 > 클라우드에서 앱을 손쉽게 만들 수 있다. 클라우드에서 앱을 손쉽게 Build 할 수 ..
2023.02.08