하루 종일
함께 졸업 논문 프로젝트 하는 조원들이랑
화의하고 작업하다 늦게 귀가해서
이제야 올리는 10월5일의 기록..!!
어플의 메인(베이스)코드의 대부분이 styled-component로 작성되어있었다
(물론 StyleSheet도 있기는 있음)
그리고 기능은 없지만 UI만이라도 뜨는 캘린더의 코드도 styled-component로 되어있었다.
내가 작업하던 캘린더 코드는 StyleSheet을 이용한다.
설마설마 하긴 했는데
어차피 필요한 패키지도 다 설치돼있고 오류도 안 나고
베이스코드(라고 해도 되나요? 보통 뭐라고 부르나요?)에도 StyleSheet가 존재하는데
저것 때문이라고 하는 건 너무 억지 아닌가 싶었다
하지만 아무리 생각해도 차이점이 저것 밖에 없는것이다.
혹시나하고 검색해보니 아래와 같은 결과들이 나왔다
https://han7096.medium.com/styled-components-%EC%99%80-style-sheet%EA%B0%80-%EA%B3%B5%EC%A1%B4%ED%95%A0-%EB%95%8C-%EC%BA%90%EC%8A%A4%EC%BC%80%EC%9D%B4%EB%94%A9-%EC%9D%B4%EC%8A%88-49186793b4b1
Styled-components 와 style sheet가 공존할 때 캐스케이딩 이슈
사건개요
han7096.medium.com
* 캐스캐이딩
https://victorydntmd.tistory.com/190
[CSS] 캐스캐이딩 ( cascading )
1. 캐스 캐이딩 ( Cascading ) HTML element는 하나 이상의 스타일에 영향을 받을 수 있기 때문에, 어떤 스타일을 적용 받을지에 대한 우선순위가 결정되어야 합니다. 이를 캐스캐이딩 이라고 하는데, CSS
victorydntmd.tistory.com
https://ykss.netlify.app/react-native/styled-component_in_RN/
[리액트네이티브] RN에서 styled-component 사용하기
이번에 리액트 네이티브를 처음 사용하면서, 일단 익숙하다는 핑계로 제대로 알아보지도 않고 를 사용하려고 했다. 기본적으로 리액트 네이티브에서는 을 이용해서 스타일링하기 때문에 어떤
ykss.netlify.app
혹시 이러한 이유 때문에 UI조차 뜨지 않았던 건 아닐까
그렇다면
지금이라도 모두 styled-component로 바꿔야하는 것일까..?
그리고 내가 그걸 해낼 수 있을까..?
내가 몇날 며칠 밤을 새서 만든 캘린더라
그냥 버리고 싶진 않다
https://hell-of-company-builder.tistory.com/245
React Native 에서 styled-components 사용하기
* 들어가기 전 * 1. React에서 제공해주는 StyleSheet와 비교해서 styled-component의 장점을 소개하려고 합니다. import React from "react"; import { View } from "react-native-web"; const styles = StyleShe..
hell-of-company-builder.tistory.com
FeedListItem.js,
FloatingWriteButton.js,
TransparentCircleButton.js 같이 애매한 파일은 못 건드렸다
https://velog.io/@jongsunpark88/styled-component
styled-component
스타일을 컴포넌트화한다.예전처럼 html, js, css를 따로 작성하고 관리하는 것이 아닌 컴포넌트 단위로 관리하기 위해 스타일또한 한 컴포넌트에 함께 작성한다.jsx 문법을 사용한 컴포넌트 내용
velog.io
안된다...
CalendarPart.js에 FeedsScreen과 CalendarScreen을 합쳐볼까?
사용자 입력 함수가 들어가면
흰화면이 나온다는 결론...
① firebase로 대체해볼까 생각했는데
자료가 너무 없다
(실제로 구현하려던 분도 자료가 없어서 Flutter로 넘어갔다고 함)
② google 달력과 연동
https://fireship.io/lessons/google-calendar-api-with-firebase/
Using the Google Calendar API
Authorize users to retrieve and create Google Calendar events.
fireship.io
등 다양하게 고민 중이다ㅠㅠㅠㅠㅠ
썸바디헲미❗❗
'리액트네이티브' 카테고리의 다른 글
| 1일 1개발공부˙Day 14(Day 20) (0) | 2022.10.13 |
|---|---|
| 1일 1개발공부˙Day 13 (0) | 2022.10.06 |
| 1일 1개발공부˙Day 11 (1) | 2022.10.04 |
| 1일 1개발공부˙Day 10 (1) | 2022.10.03 |
| 1일 1개발공부˙Day 9 (0) | 2022.10.02 |