리액트네이티브 9

1일 1개발공부˙Day 14(Day 20)

어쩌다보니 6일을 빼먹은 챌린지.. 이미 챌린지 실패(?)이지만 그래도 끝까지 완주는 해보고 싶어서 계속 참여하도록 하겠습니다,, 졸업논문 심사가 얼마 안 남았는데 아직 프로젝트 합치는게 해결이 안돼서 기록보다는 해결이 급하다보니 기록을 자꾸 미루게 되더라구요ㅠㅠㅠ 아무튼 오늘 기록 이어가겠습니다! 일단 지금까지의 모든 시도는 실패.. 대체 왜 이러는지 전혀 감이 안 온다 각각의 프로젝트는 잘 돌아가는데 합치려고 하면 전혀 작동하지 않는...ㅠㅠㅠ 오늘 할 것은 한 단계 한 단계 따라하면서 어느 시점부터 작동이 안 되는지 볼 것이다 시간이 정말 오래 걸릴 것 같은데 (아마 하루 종일 이것만 하고 있을지도) 일단 어디부터 문제인지를 봐야할 것 같다 기능만 작동을 안 하면 이해를 하겠는데 아예 화면도 안 나..

1일 1개발공부˙Day 13

일단 따로 돌아가는 calendar 17의 요소들 색을 변경해 앱과 같은 형태로 만들어뒀다 딱히 중요한 작업은 아니었다.. 아날로그인간이라 손으로 쓰는 게 더 편한,,ㅎㅎ 아무튼 블로그에도 옮겨보자면 같이 작업하는 조원이 컴포넌트가 너무 많고 복잡해서 더 안 뜨는 것 같다고 했다 지금은 조원 모두가 뭐가 문제인지 모르니 뭐라도 해봐야 하는 상황. 고민해보다가 두 가지 아이디어가 떠올랐다 수정(1) 출처 입력 calendar17의 App.js와 screens/RootStack.js를 합쳐보는 것이다 지금 이대로 베이스프로젝트에 합치면 관계가 꼬인다(이런걸 표현하는 용어가 있다면 알려주세요!!) navigations의 컴포넌트에서 screens컴포넌트로 갔다가 다시 navigations컴포넌트로 가야하는,,..

1일 1개발공부˙Day 12

하루 종일 함께 졸업 논문 프로젝트 하는 조원들이랑 화의하고 작업하다 늦게 귀가해서 이제야 올리는 10월5일의 기록..!! 어플의 메인(베이스)코드의 대부분이 styled-component로 작성되어있었다 (물론 StyleSheet도 있기는 있음) 그리고 기능은 없지만 UI만이라도 뜨는 캘린더의 코드도 styled-component로 되어있었다. 내가 작업하던 캘린더 코드는 StyleSheet을 이용한다. 설마설마 하긴 했는데 어차피 필요한 패키지도 다 설치돼있고 오류도 안 나고 베이스코드(라고 해도 되나요? 보통 뭐라고 부르나요?)에도 StyleSheet가 존재하는데 저것 때문이라고 하는 건 너무 억지 아닌가 싶었다 하지만 아무리 생각해도 차이점이 저것 밖에 없는것이다. 혹시나하고 검색해보니 아래와 같..

1일 1개발공부˙Day 11

⚠️현재 프로젝트의 문제 캘린더 화면만 따로 만든 프로젝트는 화면도 잘 뜨고 기능도 잘 돌아간다 그런데 합쳐야하는 베이스 프로젝트(?)에 넣으면 화면이 전혀 뜨지 않고 navigation?도 제대로 안 먹는 듯 하다 다른 화면의 경우 위와 같이 페이지 이름도 잘 뜨고 화면도 잘 나오고 기능도 제대로 작동한다 그러나 캘린더 화면으로 가면 페이지 이름도 뜨지 않고 흰 화면만 나온다 ​ 다른 조원이 만든 베이스 프로젝트와 내가 만든 캘린더 프로젝트가 구조?는 살짝 다르지만 어쨌든 리액트네이티브이기 때문에 큰 틀은 같다고 생각했다 그래서 잘 끼워 맞춰서 넣어봤는데 이렇게 아예 아무것도 안 떠버리니까 어떻게 해야될지 모르겠다 ​ 혹시 몰라서 위 캘린더 프로젝트 말고 다른 캘린더 프로젝트를 합쳐봤는데 그건 또 화면..

1일 1개발공부˙Day 10

달력 파트를 맡아서 몇날며칠 밤을 새가면서 열심히 작업하고 겨우 완성시켰다 뿌듯한 마음으로 전체 프로젝트와 합쳐봤는데화면이 전혀 뜨지 않았다..오늘 하루 종일오류 고치고 위치 등등 다 확인했는데기능은 고사하고UI조차 뜨질 않는다일단 오늘 기록을 남기고다양한 버전으로 더 시도해봐야겠다🤕😵😫 파일 옮기기, calendar17의 App.js는 new에 navigation의 Calendar.js Rootstack에서 MainScreen을 navigation의 Main으로 바꾸기 navigation Home에서 Calendar관련 바꿔주기 (import, {Calendra}) navigation에 Calendar를 만드는 게 아니라 화면으로 만들어줘야하는 듯 screens에 Calendar.js 만들고 거기에 A..

1일 1개발공부˙Day 9

calendar15에서 일어나는 navigation 관련 문제를 해결해보려고 calendar 17을 새로 만들었다 1. MainScreen 만들기 원본 코드에서 MainTab는 하단에 피드,캘린더 등의 화면으로 전환할 수 있는 네비게이션 바가 보이는 컴포넌트이다 나는 이게 필요 없으니 만들지 않았다 캘린더 스크린과 피드 스크린은 App.js에서 합쳐놨으니 다른게 필요 없었다 그런데 NavigationContainer를 만들기 위해 한번 넣어보려고 한다. ​ MainScreen에서 캘린더스크린과 피드 스크린을 합칠 것이다. 2. RootStack 만들기 네이티브 스택 네비게이터 - const Stack = createNativeStackNavigator(); // Stack Navigation함수를 Sta..

1일 1개발공부˙Day 8

알바 가기 전에 짬내서 캘린더 작업 계속 하고 있는데 갑자기 Expo Go 어플에서 Somethign went wrong 오류가 계속 나서 아무것도 못 하고 있는 중,, 구글링해서 이것저것 해봐도 도저히 해결이 안 됩니다ㅠㅠㅠ 그래서 일단 지금까지 한 부분만 기록해보려 합니다 calendar15 yarn add react-native-calendars yarn add date-fns yarn add @react-navigation/native yarn add react-native-vector-icons yarn add uuid yarn add react-native-safe-area-context yarn add @react-native-community/async-storage yarn add @re..

1일 1개발공부˙Day 7

'공부'는 아니지만 지금 하고 있는 프로젝트 캘린더 파트를 여러 코드로 시도해보고 있습니다. 일단 UI는 만들어졌는데 사용자로부터 입력을 받아 자신의 스케쥴을 달력에 저장하는 기능을 어떻게 구현해야될지는 아직 모르겠어요.. 혹시 도움 주신다면 정말 감사드리겠습니다!!!! 오늘의 기록들 calendar6 열리지만 크기가 작고 유저 입력 기능이 없다 calendar7 yarn add react-native-gesture-handler 추가로 코드 이것 저것 고쳐서 캘린더가 나오긴 하지만 위치도 애매하고 유저 입력 기능이 없다 calendar8 calendar7과 같은 화면이지만 더 단순한 코드 구조?? 이다 calendar9 error: Element type is invalid: expected a str..

1일 1개발공부˙Day 6

데이터 분석 하다가 갑자기 RN을 하는 이유는 1. 공부하던 데이터 분석 코드에서 'NoneType' object has no attribute 'find' 에러가 나는데 해결 방법을 못 찾겠다.. 혹시 아시는 분 계시면 알려주세요ㅠㅠㅠ 2. 현재 졸업 논문으로 RN(Expo)로 어플을 만들고 있다 공부가 더 필요하기도 하고 그동안 공부했던 것도 정리할겸 오늘은 RN 공부! (당장 필요한 부분만 골라서 정리했습니다) 이벤트 01. Press 이벤트 - 사용자가 특정 DOM을 클릭했을 때 호출되는 onClick 이벤트와 비슷 - 버튼을 만들 때 사용하는 TouchableOpacity 컴포넌트에서 설정할 수 있는 이벤트 종류 ⓐonPressIn: 터치가 시작될 때 항상 호출 ⓑonPressOut: 터치가 해..