220111 팀프로젝트 4

이셀·2023년 1월 12일
0

일단 구현해야하는 부분 중에서 너무나도 애를 먹었던 부분은 image-picker 을 이용한 이미지 업로드 부분이었다.
(리뷰부분은 더미데이터부분!)

구역을 나눠서 작성하는데 나중에 안거지만 버튼별로 꼬여있었고, 디폴트 이미지가 안나오는 상황이었다.

그래도 제공해주신 코드 덕분에 어느정도 할 수 있었는데, 앱에서 image-picker 사용은 사실상 강제적이라고 볼 수 있다...
대체안이...없기 때문이다...ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

따라서 image-picker을 사용한다는 전제하에 다른 대원분의 코드를 양분삼아서... 조금 고쳐서 작성했다.

// 이미지 선택&갤러리 (이미지피커)
  const [pickedImg, setPickedImg] = useState(authService.currentUser.photoURL);
  const [status, requestPermission] = ImagePicker.useMediaLibraryPermissions();

  const pickImage = async () => {
    if (!status?.granted) {
      const permissions = await requestPermission();
      if (!permissions.granted) {
        return null;
      }
    }
    const result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.Images,
      allowsEditing: false,
      aspect: [4, 3],
      quality: 1,
    });
    const [{ uri }] = result.assets;
    setPickedImg(uri);
  };
profile
프론트엔드 개발 과정을 기록 중입니다:)

0개의 댓글