티스토리

Hello World
검색하기

블로그 홈

Hello World

askges20.tistory.com/m

GitHub : https://github.com/askges20

구독자
3
방명록 방문하기

주요 글 목록

  • 스파르타코딩클럽 앱개발 종합반 완주 후기 앱개발 종합반 수강을 마치며... 앱개발 종합반을 수강하며 제작한 나만의 꿀팁 앱 수강 계기 및 목적 나는 현재 컴공 4학년에 재학중이고, 앱 또는 웹 개발 프론트엔드 개발자가 되어야겠다고 진로 방향을 생각하고 있었다. 마침 1학기 종강도 했겠다, 방학 때 새롭게 공부를 시작해볼까 했던 터라 "앱개발 종합반"을 신청했다. 현재 한이음 프로젝트는 안드로이드 스튜디오를 이용해서 개발을 진행하고 있는데 앱개발 종합반의 강의 계획표를 보니 리액트 네이티브를 다룬다고 나와있었다. 리액트 네이티브에 대해 찾아보니 안드로이드/iOS를 모두 지원하는 크로스 플랫폼 앱을 제작할 수 있는 프레임워크라고 한다. 만약 나중에 앱 개발자가 된다면 두 개의 플랫폼을 모두 지원하는 크로스 플랫폼 앱 개발을 하는 것이 유리하고 생산.. 공감수 1 댓글수 0 2021. 7. 15.
  • 앱개발 종합반 5주차 정리 (구글 애드몹 설정, 배포하기) 애드몹(AdMob) 설정 앱 내에 구글 배너광고를 쉽게 붙일 수 있도록 도와줌 수익 현황 알려줌 일정 수익 이상이 되면 환전 가능 애드몹 광고 종류 배너 : 앱 레이아웃 일부를 차지하는 광고 전면 : 전체 페이지 광고 형식 리워드 : 광고를 본 사용자에게 리워드 제공 네이티브 고급 광고 : 맞춤설정 광고 (커스터마이징) 애드몹 설치하기 Expo에서 구글 애드몹을 지원해준다. expo install expo-ads-admob app.json 파일에 다음과 같이 추가한다. "ios": { "supportsTablet": true, "buildNumber": "1.0.0", "bundleIdentifier": "com.myhoneytip.yewon", "config": { "googleMobileAdsAppI.. 공감수 0 댓글수 0 2021. 7. 10.
  • 앱개발 종합반 4주차 정리 (날씨 서버 외부 API, 파이어베이스 사용하기) 날씨 서버 외부 API 사용하기 API 유형 서버가 제공하는 도메인 사용 서버가 만들어놓은 함수 사용 이번에 사용할 날씨 서버 API → 외부 API를 도메인 형태로 요청하는 방식 다음 순서로 API를 통해 날씨를 가져올 것 현재 위치(좌표) 데이터를 가져오기 위치 데이터를 이용해서 현재 위치 날씨 데이터 가져오기 위치 데이터 가져오기 💡 expo-location 도구를 활용할 것! expo-location 설치하기 expo install expo-location expo-location 공식 문서 : https://docs.expo.io/versions/latest/sdk/location/ 코드 작성 import * as Location from "expo-location"; expo-location은.. 공감수 0 댓글수 0 2021. 6. 24.
  • 앱개발 종합반 3주차 정리 (컴포넌트, 속성, 상태, 스택네비게이터) 리액트 컴포넌트, 속성, 상태 리액트 기초지식 컴포넌트(Component) : 정해진 요소를 사용하여 만든 화면의 일부분 상태(State) : 컴포넌트에서 데이터를 유지하고 관리하기 위한 방법 = 데이터 속성(Props) : 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달하는 방식 = 데이터 전달 useEffect : 화면에 컴포넌트가 그려지면 처음 실행해야 하는 함수들을 모아두는 곳 Component에 있는 Props가 데이터를 전달 → Component 안의 State가 데이터를 관리 컴포넌트(Component) UI 요소, 화면의 모든 부분 Card.js //비구조 할당 방식으로 넘긴 속성 데이터를 꺼내 사용함 export default function Card({content}) { return .. 공감수 0 댓글수 0 2021. 6. 21.
  • 앱개발 종합반 2주차 정리 (Expo 설치, React Native 태그, Styles, Flex) 리액트 네이티브 & Expo 리액트 네이티브 → 리액트(React) + 네이티브(Native) 리액트는 JS 기반인데 개발하다보면 카카오톡 로그인 등 안드로이드, iOS 각각의 코드를 알아야하는 상황이 생김 → Expo를 이용함 Expo 리액트 네이티브 코어 앱 개발 코어 기술을 Expo로 감싸서 JS로만 개발할 수 있는 환경을 구축하도록 도와주는 역할 Expo 클라이언트 앱-Expo 서버를 킨다 → QR 코드를 찍어서 개발중인 앱을 확인한다. 개발 환경 준비 Node & NPM-Node.js로 JS 개발 환경 구축-Node.js 설치 시 NPM 자동 설치 -유용한 JS 도구를 가지고 올 때 NPM(Node Package Manager) 사용 Yarn-NPM보다 더 효율적으로 JS 도구를 가져올 수 있는.. 공감수 0 댓글수 0 2021. 6. 15.
  • 앱개발 종합반 1주차 정리 (자바스크립트 기초) 앱개발이란? 앱 서비스를 만드는 것 → 클라이언트, 서버를 모두 만들어야함 클라이언트 : 사용자가 보는 화면 서버 : 데이터가 있는 곳, 데이터 요청 시 응답해주는 곳 앱 개발 : 안드로이드, iOS(아이폰) 안드로이드 → Java & Kotlin iOS → Swift 운영체제가 다르기 때문에 개발 기술 언어가 다르며, 둘 다 러닝 커브 (허들) 존재 앱개발 종류 네이티브 앱 : 안드로이드, iOS를 각각 개발 하이브리드 앱 : 웹 사이트를 만들고 간단히 배포하는 앱 크로스 플랫폼 앱 : JS 하나의 언어로 두 개의 플랫폼의 앱을 제작 (강의에서 다룰 것) 리액트 네이티브 (React Native) 크로스 플랫폼 앱 개발 언어 중 하나 페이스북에서 만들었고 지원함 리액트(React.js) 라이브럴/프레임.. 공감수 0 댓글수 0 2021. 6. 12.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.