코딩인강 썸네일형 리스트형 [코딩] 스파르타코딩클럽 앱개발 플러스 5주차 개발일지 (7/25 ~ 7/31) 5주차 강의는 12강으로 구성되어 있다! 5-1에서 배운 내용!! -5주차에서 배울 내용 알아보기: 게시글 무한 스크롤, 댓글 구현, 좋아요 구현 5-2에서 배운 내용!! -무한 스크롤: 게시글을 처음 5개만 가지고 와서 스크롤을 하단까지 내리고 그 다음 5개를 가지고 온다. 왜??? 앱이 빨라지고 사용자 이탈이 줄어든다. 5-3에서 배운 내용!! -리액트 네이티브에서 기본적으로 제공해주는 컴포넌트인 FlatList. 보여줄 데이터, 보여줄 컴포넌트만 있으면 쉽게 구현 가능. -FlatList가 Content 영역의 역할을 하게 되었고 Content와 CardComponent 부분이 분리되었음. 가장 윗부분 (Header)과 아랫부분 (Footer)을 직접 FlatList에 지정 가능. 5-4에서 배운 .. 더보기 [코딩] 스파르타코딩클럽 앱개발 플러스 4주차 개발일지 (7/18 ~ 7/24) 4주차 강의는 12강으로 구성되어 있다! 4-1에서 배운 내용!! -4주차에 배울 내용 알아보기 -앱이 꺼져도 데이터 보존하는 방법 / Cloud Firestore를 이용한 게시글 업로드 / storage에 이미지 업로드 / cloud firestore를 이용한 게시글 가져오기 4-2에서 배운 내용!! -앱이 꺼져도 저장/관리한 데이터는 계속 사용할 수 있는 AsyncStorage 사용해야 함. expo install @react-native-async-storage/async-storage 4-3에서 배운 내용!! -글을 작성하기 위한 AddPage 세팅하기. -이미지를 파이어베이스 storage에 저장 후 이미지가 저장된 주소를 받아서 이미지 저장 주소까지 들어 있는 최종 게시글 데이터를 Cloud .. 더보기 [코딩] 스파르타코딩클럽 앱개발 플러스 3주차 개발일지 (7/11 ~ 7/17) 3주차 강의는 12강으로 구성되어 있다! 3-1에서 배운 내용!! -3주차에서 배울 내용 알아보기! -사용자에게 데이터 받기 / 앱에서 파이어베이스 사용하기 / 파이어베이스를 이용한 회원 가입 구현 / 파이어베이스를 이용한 로그인 구현 3-2에서 배운 내용!! -Input 태그로 사용자 데이터 받기. 3-3에서 배운 내용!! -상태관리 활용) 부적절한 사용자 정보 알려주기. -상태값을 잘 활용하면 다른 페이지에서도 상태값 변경을 통해 변경되는 모습을 보여줄 수 있다. 3-4에서 배운 내용!! -파이어베이스를 이용한 로그인/회원가입. -구글에서 만든 서버리스 서비스인 파이어베이스. -로그인/회원가입 기능의 흐름~~ 1) 사용자가 이용하고 있는 앱상에서는 사용자의 올바른 정보를 받아야 합니다. 2) 긴 이름.. 더보기 [코딩] 스파르타코딩클럽 앱개발 플러스 2주차 개발일지 (7/4 ~ 7/10) 2주차 강의는 15강으로 구성되어 있다! 2-1에서 배운 내용!! -2주차에서 배울 내용 알아보기! 2-2에서 배운 내용!! -앱에서 필요한 페이지, 폴더, 이미지 미리 준비하기! -페이지는 로그인, 로그아웃, 메인페이지, 디테일페이지, 게시글 추가페이지, 마이페이지, 로딩화면 총 7가지로 구성. -components 폴더 (코드를 재사용할 수 있게 분리된 컴포넌트들이 들어있는 폴더) -navigations 폴더 (컴포넌트에 페이지 기능을 붙여넣는 코드가 들어있는 폴더) 2-3에서 배운 내용!! -네비게이터는 앱 상에서의 페이지 이동을 도와주고 데이터를 옮겨주고 앱 화면을 목적에 맞게 구성해준다. -네비게이션 기본 라이브러리 설치 시, 터미널에 yarn add @react-navigation/native.. 더보기 [코딩] 스파르타코딩클럽 앱개발 플러스 1주차 개발일지 (6/27 ~ 7/3) 스파르타코딩클럽에서 오랜만에 강의를 들어보기로 했다!! 이번에 들어볼 강의는 앱개발 플러스!! 이전에 앱개발 종합반을 들으며 스스로 앱을 한번 만들어보다가 포기했던 적이 있다... 요번에 앱개발 플러스 강의를 듣고 그때 완성하지 못했던 앱을 멋있게 완성해보고자 한다..!! 일요일에 수강신청을 하고 0주차 강의를 수강했다. 여러번 스파르타코딩클럽의 강의를 들어왔기 때문에 0주차 강의에서 따로 설치가 필요한 것은 없었다. 이미 다 설치하고 가입도 마무리했기 때문에... 1주차 강의는 15강으로 구성되어 있다! [6/30 에는 1-1 부터 1-3 강의를 수강했다! (원래는 수요일부터 수강해보려 했지만 홈페이지 오류인지, 그냥 내 맥북 오류인지 강의영상이 아무것도 뜨지 않아서 듣지 못하고 결국 목요일부터 수강 .. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 5주차 개발일지 (2/21 ~ 2/27) 리액트 기초반의 마지막 주차인 5주차 강의는 총 10강으로 구성되어 있다! [2/21 에는 5-1 강의를 수강했다!] 5-1에서 배운 내용!! -firestore 데이터를 리덕스 스토어에 넣으려면? 미들웨어 설치! firestore에서 데이터를 가져올 때 비동기 통신을 하는데 이 때 미들웨어가 필요함. -미들웨어란? 리덕스 데이터를 수정할 때 액션이 디스패치 되고 리듀서에서 처리하던 과정 사이에 미리 사전 작업을 할 수 있도록 하는 중간 다리 같은 것. 즉, 액션이 일어나고 미들웨어가 할 일 하고 리듀서에서 처리됨. yarn add redux-thunk -redux-thunk는 객체 대신 함수를 생성하는 액션 생성함수를 작성할 수 있게 해줌. [2/22 에는 5-2 부터 5-6 강의를 수강했다!] 5-2.. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 4주차 개발일지 (2/14 ~ 2/21) 리액트 기초반 4주차 강의는 총 10강으로 구성되어 있다! [2/14 에는 4-1 부터 4-2 강의를 수강했다!] 4-1에서 배운 내용!! -웹에서 애니메이션을 구현할 때 transition과 animation이라는 스타일 속성을 많이 사용하는데 transition은 단순한 엘리먼트 상태변화에 쓰기 좋고, animation은 다이나믹한 효과를 주는데 쓰기 좋다. -keyframes는 animation에서 사용하는 속성 중 하나. 4-2에서 배운 내용!! -버킷리스트에 프로그래스바 달기! -완료하기 버튼을 추가하고 완료한 리스트는 색 바꿔주기! [2/15 에는 4-3 부터 4-6 강의를 수강했다!] 4-3에서 배운 내용!! -스크롤바 움직이기! window.scrollTo() 4-4에서 배운 내용!! -버.. 더보기 [코딩] 스파르타코딩클럽 리액트 기초반 3주차 개발일지 (2/7 ~ 2/13) 리액트 기초반 3주차 강의는 총 13강으로 구성되어 있다! [2/7 에는 3-1 부터 3-2 강의를 수강했다!] 3-1에서 배운 내용!! -이벤트 리스너란? 사용자가 어떤 행동(이벤트)을 하는지 아닌지 지켜보다가 알려주는 것. -클래스형 컴포넌트에서 event listener 구독하기. componentDidMount() 어떤 행동 뒤에 실행할 함수 먼저 만들기. addEventListener()를 이용해서 이벤트 등록하기. 이벤트는 컴포넌트가 사라지면 지워주기. -함수형 컴포넌트에서 event listener 구독하기. useEffect() 훅 사용하기. useEffect()는 리액트 훅. 라이프 사이클 함수 중 componentDidMount, componentDidUpdate, componentWi.. 더보기 이전 1 2 3 다음
