앱개발 썸네일형 리스트형 [코딩] 스파르타코딩클럽 앱개발 플러스 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에서 배운 .. 더보기 [코딩] 스파르타코딩클럽 앱개발 플러스 2주차 개발일지 (7/4 ~ 7/10) 2주차 강의는 15강으로 구성되어 있다! 2-1에서 배운 내용!! -2주차에서 배울 내용 알아보기! 2-2에서 배운 내용!! -앱에서 필요한 페이지, 폴더, 이미지 미리 준비하기! -페이지는 로그인, 로그아웃, 메인페이지, 디테일페이지, 게시글 추가페이지, 마이페이지, 로딩화면 총 7가지로 구성. -components 폴더 (코드를 재사용할 수 있게 분리된 컴포넌트들이 들어있는 폴더) -navigations 폴더 (컴포넌트에 페이지 기능을 붙여넣는 코드가 들어있는 폴더) 2-3에서 배운 내용!! -네비게이터는 앱 상에서의 페이지 이동을 도와주고 데이터를 옮겨주고 앱 화면을 목적에 맞게 구성해준다. -네비게이션 기본 라이브러리 설치 시, 터미널에 yarn add @react-navigation/native.. 더보기 [코딩] 스파르타코딩클럽 앱개발 종합반 5주차 개발일지 (7/19~7/25) 드디어 앱개발 종합반 마지막 5주차!! 토요일 하루만에 5주차 강의를 다 들었다! 드디어 완강!!! 5-1에서 배운 내용!! -이번주에 배울 내용에 대해 알아보기! 앱에서 수익을 내는 방법, 구글 광고 플랫폼을 이용한 수익 창출 방법, 앱 배포하는 방법 5-2에서 배운 내용!! -앱으로 수익을 낼 수 있는 방법은... 앱 마켓에 유료앱 배포 수익 모델, 앱 내 배너 광고 수익 모델, 앱 콘텐츠 판매 수익 모델 (인 앱 결제), 구독 수익 모델, 앱 개발 용역 수익 모델, 외부 브랜드 광고 수익 모델 -이번에 만든 나만의 꿀팁 앱에서 사용할 방법은 앱 내 배너 광고 수익 모델! 배너 수익 방식은... 배너 클릭, 배너 광고 시청, 배너 광고 사용자 참여 5-3에서 배운 내용!! -애드몹은 앱 내에 구글 배.. 더보기 [코딩] 스파르타코딩클럽 앱개발 종합반 4주차 개발일지 (7/12~7/18) 이번주는 앱개발 종합반 4주차!!! 벌써 다음주면 마지막인 5주차! 4주차 강의는 토욜 하루에 다 몰아서 들었다. 4-1에서 배운 내용!! -이번주에 배울 내용들 알아보기! -앱에 모든 데이터를 담을 순 없다. 그래서 앱에서 서버의 데이터를 가져오고 변경한다. 서버란? 데이터가 담긴 곳! -서버리스란? 서버를 대신 만들어놓고 필요한 기능 (데이터 생성, 조회, 삭제/수정) 을 제공해주는 서비스. -파이어베이스란? 서버리스를 제공해주는 서비스 중 하나. 4-2에서 배운 내용!! -앱에서 서버에 데이터를 요청하거나 데이터를 보내는 대화를 하려면 서버가 정한 규칙에 따라 대화 요청을 해야 한다. 정한 규칙에 따라 요청을 하지 않으면 응답이 오지 않는다. 서버 쪽에서 정한 규칙을 API 라고 부른다. (이 규칙.. 더보기 [코딩] 스파르타코딩클럽 앱개발 종합반 3주차 개발일지 (7/5~7/11) 벌써 앱개발 종합반 3주차!!! 절반이 지났다! 이번주도 금욜과 토욜 이틀에 걸쳐서 강의를 들었다. 3-1에서 배운 내용!! -이번주에 배울 내용들 알아보기! 3-2에서 배운 내용!! -나만의 꿀팁 상세 페이지를 만들어 보기! (pages 폴더에 DetailPage.js 만들어서) -혼자 먼저 시도해보기! (아직까진 혼자 완성하는게 버겁다;;;) 3-3에서 배운 내용!! -DetailPage.js 페이지 만들어가기! 3-4에서 배운 내용!! -앱 필수 기초지식인 컴포넌트(Component), 상태(State), 속성(Props), useEffect!! 그 중에서 컴포넌트란 정해진 엘리먼트들, 즉 요소를 사용하여 만든 화면의 일부분! 버튼 하나가 컴포넌트가 될 수 있고 버튼을 모아둔 영역이 컴포넌트가 될 .. 더보기 [코딩] 스파르타코딩클럽 앱개발 종합반 2주차 개발일지 (6/28~7/4) 앱개발 종합반 2주차가 시작되었다! 2주차는 강의를 이틀에 걸쳐서 들었다. 1주차 강의들을 하루만에 몰아 들었더니 좀 힘들어서,,, 2주차에는 본격적으로 앱 만들기를 시작! 2-1에서 배운 내용!! -리액트 네이티브 앱 개발에서 레이아웃(구역)을 잡는 문법 언어를 JSX라고 부른다. 2-2에서 배운 내용!! -리액트 네이티브는 리액트 + 네이티브! 자바스크립트 언어 하나로 안드로이드 앱과 iOS 앱 두가지 모두 만들어주는 라이브러리, 즉 개발할 때 사용하는 도구! -Expo에서 제공해주는 공식 문서와 리액트 네이티브 공식 문서를 따라하면서 앱을 만들 수 있음! 그리고 개발 중인 앱 테스트를 위한 Expo 클라이언트 앱을 제공함! (강의에서는 클라이언트 앱이었지만 내가 설치했던 건 Expo Go 앱!) 2.. 더보기 [코딩] 스파르타코딩클럽 앱개발 종합반 1주차 개발일지 (6/21~6/27) 웹개발 왕초보 시작반을 완강하고 바로 다음날 앱개발 종합반도 결제했다!! 완강 환급 포인트와 수강하면서 받은 포인트들로 할인받을 수 있었다! ㅎㅎㅎ 웹개발에 이어 앱개발 인강도 5주 안에 완강할 수 있기를 다짐하며 수강을 시작했다. 1-1에서 배운 내용!! -클라이언트는 사용자가 보는 화면, 서버는 데이터가 있는 곳! -앱 개발의 종류에는 안드로이드와 iOS를 각각 개발하는 네이티브 앱, 웹사이트를 만들고 껍데기를 씌워 배포하는 하이브리드 앱, 그리고 내가 배울 크로스 플랫폼 앱! -리액트 네이티브는 크로스 플랫폼 앱 개발 언어 중 하나로 자바스크립트로 개발 가능! 1-2에서 배운 내용!! -요 강의에서는 필요한 프로그램들을 설치했다. Visual Studio Code, 안드로이드 스튜디오, XCode,.. 더보기 이전 1 다음
