[React Native] Chat GPT로 개발하기 - 8일차

2023. 9. 3. 18:37·React Native/JavaScript
반응형

react-native-shadow-2 말고 다른 방법으로 그림자를 만드는 방법이 뭐가있어?

react-native-shadow-2는 그림자를 만들어주는 라이브러리이다. 

그런데 해당 방법을 사용하면 생각보다 그림자를 넣는 기능이 자유롭지 않았다. 

 

ScrollView에서 그림자를 만드는 작업을 진행할 때 특히 심했다. 

좌우 그림자가 짤린다던지 하는 문제 말이다. 

 

물론 이건 내가 React Native를 잘 하지 못해서 그런 문제일 수 있지만 React에 비해서 React Native로 개발하는 것은 많은 불편함을 느끼고 있다. 

 

자바스크립트만으로 개발을 할 수 있다는거에 만족할 수 있겠지만 몇몇개는 정말 이것으로 어플을 만들 수 있는지 의심이 들었다. 

 

어쨋든 해결 방법으로 react-native-svg 같은 라이브러리를 사용하라는 추천을 받았다. 

나는 그래도 해당 방식을 사용해서 작업해보기로 했다. 

5번 방법은 어떤시긍로 해야해?

5번 방법이 react-native-svg라서 해당 방법을 사용해서 작업을 해보기로 했다. 

간략하게 방법을 보고 진행 했지만 내가 원하는 방식이 아니였다. 

 

그래서 결국 다시 찾아보다가 react-native-shadow-generator라는 라이브러리를 알게되었다. 

특별한 라이브러리는 아니고 그림자를 ios와 android 형식에 맞춰 각각 값을 넘겨주는 라이브러리이다. 

 

그래서 해당 방식을 사용하기로 했다.

 

결국 GPT의 도움을 포기하고 이번에도 검색을 통해서 개발을 진행했다.....

react native에서 calc가 불가능해?

ㅠㅠㅠㅠㅠ

 

width 값을 유동적으로 주기 위해서 calc를 사용하려고 했는데 해당 방식으로 개발했는데 width 값이 내가 생각했던 것처럼

깔끔하게 떨어지지 않았다....

 

그래서 물어보니 React Native에서는 calc를 사용할 수 없었다. 

홀리 몰리 과카 몰리.....

반응형
저작자표시 비영리 변경금지 (새창열림)

'React Native > JavaScript' 카테고리의 다른 글

[React Native] Chat GPT로 개발하기 - 9일차  (0) 2023.09.09
[React Native] 폰트 적용하기  (0) 2023.09.04
[React Native] Chat GPT로 개발하기 - 7일차  (0) 2023.09.02
[React Native] Chat GPT로 개발하기 - 6일차  (0) 2023.08.27
[React Native] Chat GPT로 개발하기 - 5일차  (0) 2023.08.26
'React Native/JavaScript' 카테고리의 다른 글
  • [React Native] Chat GPT로 개발하기 - 9일차
  • [React Native] 폰트 적용하기
  • [React Native] Chat GPT로 개발하기 - 7일차
  • [React Native] Chat GPT로 개발하기 - 6일차
잉여개발자
잉여개발자
풀스택 개발자를 목표로 잉여롭게 개발 공부도 하면서 다양한 취미 생활도 즐기고 있는 잉여 개발자입니다.
  • 잉여개발자
    잉여로운 개발일지
    잉여개발자
    • 분류 전체보기 (789)
      • 개발정보 (36)
      • 개발환경 (7)
      • 개발생활 (19)
      • React (141)
        • 이론 (23)
        • 기능 (12)
        • 실험실 (88)
        • 버그 (6)
        • 패스트캠퍼스 (9)
        • Npm (3)
      • React Native (28)
        • 공통 (6)
        • TypeScript (3)
        • JavaScript (18)
        • 버그 (1)
      • Next.js (30)
        • 이론 (13)
        • 실험실 (13)
        • 버그 (3)
      • Web (35)
      • 알고리즘 (202)
        • 풀이 힌트 (39)
      • JavaScript (47)
      • TypeScript (29)
        • 기초 (27)
        • 실험실 (2)
      • Node.js (13)
        • 이론 (0)
        • 기능 (3)
        • 실험실 (9)
        • 버그 (1)
      • 도커 (4)
      • CCNA (22)
        • 이론 (4)
        • 문제 (18)
      • 취미생활 (167)
        • 잉여로운 칵테일 (2)
        • 잉여의 식물키우기 (130)
        • 잉여로운 여행기 (11)
        • 잉여의 제2외국어 (21)
        • 잉여로운 책장 (2)
      • Java (1)
        • Java의 정석 (1)
      • 꿀팁 공유 (3)
  • 태그

    자바스크립트
    리얼클래스
    다이소
    프로그래머스
    CCNA
    typescript
    타입스크립트
    영어독학
    react
    CSS
    리얼학습일기
    ReactNative
    네트워크
    javascript
    Docker
    Babel
    덤프
    ChatGPT
    redux
    바질
    next.js
    타일러영어
    바질 키우기
    네이버 부스트캠프
    리액트
    Node.js
    webpack
    영어회화
    알고리즘
    식물
  • hELLO· Designed By정상우.v4.10.1
잉여개발자
[React Native] Chat GPT로 개발하기 - 8일차
상단으로

티스토리툴바