[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)
  • 태그

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

티스토리툴바