Just Do IT!

스파르타코딩클럽 내일배움캠프 10주차 회고 본문

스파르타코딩클럽 내일배움캠프/WIL

스파르타코딩클럽 내일배움캠프 10주차 회고

MOON달 2023. 1. 9. 08:29
728x90
반응형
React Native 공부 주간

원래 어제 했었어야 했는데 컨디션 문제로 11주차가 되어서야 회고를 작성한다...ㅋㅋㅋㅋㅋ

아무튼 이번주는 react native 심화 강의까지 듣고 대망의 프로젝트를 시작했다.

 

 

 

 

 

 

 

프로그래머스 level 0 1문제

프로젝트를 시작했던 금요일을 제외하고 4일동안은 꾸준히 1문제씩 풀었다.

이 꾸준함이 프로젝트를 시작하면 사라지는 게 문제긴 한데...ㅋㅋㅋㅋ 아무튼 이번주는 꾸준했다.

 

지금 배우는 거에만 급급하다보니 아무래도 예전에 배웠던 자바스크립트 문법에는 소홀해지는데 그럴 때 문제를 푸는게 확실히 도움이 된다. 지금 쓰지 않는 문법들도 있고 다른 사람들 풀이 보면서 이런 방법도 있구나, 하면서 배우고.

가능하면 level 0 끝까지 다 풀고 level 1으로 넘어가서 본격적으로 코딩테스트 준비하고 싶은데 언제 될까 싶다.

아니면 이번 react native 주차가 끝이 나면 바로 시간을 더 내서 코테 준비를 해야 해야 하는 것인지...

여튼 이번주에는 프로젝트를 안 했으므로 꽤나 잘 지킨 1일 1문제다.

 

 

 

 

 

 

React Native 심화 주차

월요일까지가 기본 강의였고 화요일부터 목요일까지가 심화 주차였다. 투두리스트 앱만 만들다가 영화 리뷰 앱으로 넘어오니까 확실히 더 어려워지고 목요일 강의는 하루종일 걸려서 이해해도 모자랐던 하루였다.

 

react랑 비슷하면서도 다른 부분도 많고, 앱 개발이라 그런지 우선 환경 설정하는 거 자체가 까다로웠다.

내 핸드폰 문제일 수도 있지만? 핸드폰 대신 에뮬레이터를 돌리려고 했는데 이거 하니까 노트북 자체가 느려지고.ㅋㅋㅋㅋ

여튼 삽질을 좀 하면서 공부했다. 오히려 오류 삽질보다 실행 삽질을 더 오래 한듯...

 

그리고 영화 리뷰 앱 강의를 실습해보면서 실제로 API 받아오는 것도 해보고, react native 에서 navigate가 어떤 식으로 쓰이는 지도 알게 되었다. 비슷하기도 하고 다르기도 하고...

강의를 들으면서 이걸 제대로 이해했는지도 모르겠는데 바로 프로젝트를 해야 해서 어쩌나 싶은 걱정이 더 생겼다.

 

아래는 공부하면서 작성했던 블로그 글들.

이번에는 나름 뿌듯했던 점이 공부하면서 바로바로 블로그에 정리했다는 점이다.

그래서 오히려 react native 관련 글이 더 많다는 사실...(?) react나 javascript도 빨리 복습해야지....ㅠ

 

https://daydream-sy.tistory.com/127

 

[React Native] useMutation 이용해서 수정/삭제 기능 구현하기

useMutation이란? React-Query의 hook 중 하나로 DB에 추가/수정/삭제 발생시킬 때 사용하는 hook이다. database에 직접 접근해서 data를 변경시킬 수 있다. mutation key, mutation 함수, 옵션 객체를 인자로 받는다.

daydream-sy.tistory.com

https://daydream-sy.tistory.com/126

 

[React Native] 무한 스크롤(Infinite Scrolling) 적용하기

무한 스크롤이란? 스크롤이 기존 렌더링된 리스트 마지막 부분 또는 그 근처에 도달했을 때 새로운 리스트를 추가로 더 불러오는 인터랙션 FlatList의 onEndReached props를 이용하여 스크롤이 리스트

daydream-sy.tistory.com

https://daydream-sy.tistory.com/125

 

[React Native] react-query 이용하기

React-Query란? server state, 비동기 데이터를 관리하기 위한 라이브러리 useQuery hook 안에서 API get 요청을 담당하고, API 요청 결과 및 다양한 상태들을 바로 사용할 수 있다 Redux, thunk 사용하지 않아도

daydream-sy.tistory.com

https://daydream-sy.tistory.com/121

 

[React Native] ScrollView 대신 FlatList 사용하기

ScrollView와 FlatList의 차이 ScrollView 모든 리스트들을 한번에 렌더링해야 하기 때문에 리스트가 많을수록 성능이 저하된다 출력해야 하는 데이터가 고정적이고 많지 않을 때 간단하게 사용할 수 있

daydream-sy.tistory.com

https://daydream-sy.tistory.com/117

 

[React Native] react-navigation

react-navigation란? Routing and navigation for Expo and React Native apps. (출처: 공식문서) react에서 router를 써서 다른 페이지로 이동했던 것처럼, 앱 내에서 다른 페이지로 넘어가게 만든다. 설치 방법 $ npm instal

daydream-sy.tistory.com

https://daydream-sy.tistory.com/114

 

[React Native] react native 프로젝트와 firebase 연동하기

firebase 연동하기 지난주에는 asyncstorage를 이용했었다면, 이번에는 firebase를 연동해서 투두리스트를 만드는 강의를 들었다. 처음에는 뭔가 오류가 계속 났는데 공식 문서도 보고 오타도(ㅎ) 고쳐

daydream-sy.tistory.com

 

 

 

 

 

 

 

 

프로젝트 시작

드디어 걱정했던 프로젝트가 시작되었다.

 

생각보다 팀에서 아이디어는 많이 나와서 주제는 순조롭게 정해졌고 문제는 그걸 구현하는 내 실력이었달까(?) ㅋㅋㅋㅋ

다음주에는 내내 프로젝트에 올인해야지...

 

각자 한 화면씩 맡아서 구현하기로 했는데 주말내내 내가 맡은 기능을 구현하려던 계획은 실패했다.

토요일부터 몸살이 와서 주말 내내 아무것도 못했기 때문...ㅠ 오늘은 열심히 해야지...ㅠ

 

와이어프레임은 아래 TIL 글에 있다.

https://daydream-sy.tistory.com/129

 

스파르타코딩클럽 내일배움캠프 50일차

오늘 일과 간단 요약 React Native 프로젝트 발제 주제 정하기 와이어프레임 제작 및 역할 분담 로그인/회원가입 기능 구현 프로젝트 시작 어제까지 걱정을 엄청했는데, 늘 그렇듯 시간은 날 기다려

daydream-sy.tistory.com

 

와이어프레임이 상당히 귀엽게 나와서 이거 그대로 화면을 구현하고 싶다. 우선 기능 먼저 한 다음에....

오늘은 꼭 기능 구현 + CSS 까지 완료해야겠다. 

 

금요일이 발표라서 사실 그렇게 많은 시간이 있는 건 아니지만...그래도 성공적으로 끝났으면 하는 바램이다!

 

 

 

 

 

 

 

이번주 마무리

1월 첫번째 주를 어떻게 보낼까, 고민했지만 고민한게 무색하게 이번주 진도를 따라가느라 다른 생각은 못했다.

그리고 프로젝트가 시작했음에도 주말 내내 아파서 아무것도 못했고....역시 컨디션 관리가 중요하다...ㅠㅠㅠㅠ

체력이 없으면 아무것도 하지 못한다는 걸 실감한 주말이었다.

 

최대한 프로젝트에 민폐 끼치지 않도록 내가 맡은 역할을 잘 해내야겠다.

사실 모두가 react native에 익숙한게 아니니까, 나만 아닌 거라고 위안 삼고 공부하면서 프로젝트를 해야겠다.

오히려 프로젝트 하면서 배우는게 더 많아지는것 같기도...?ㅋㅋㅋㅋㅋ

 

아무튼...이번주도 화이팅이다...!

728x90