본문 바로가기
728x90

IT/App4

최종 배포할 앱. 5주 과정 개발, 전체적인 내용을 먼저 확인하고자 최대한 빠르게 강의를 완료하였다. 그리고, 이제부터 하나하나 차근차근 다시 정리하여 내 것으로 만드는 시간을 갖자. 1. app.js import React, { useEffect } from 'react'; //이제 모든 페이지 컴포넌트들이 끼워져있는 책갈피를 메인에 둘예정이므로 //컴포넌트를 더이상 불러오지 않아도 됩니다. // import MainPage from './pages/MainPage'; // import DetailPage from './pages/DetailPage'; import { StatusBar } from 'expo-status-bar'; //메인에 세팅할 네비게이션 도구들을 가져옵니다. import {NavigationCon.. 2023. 1. 16.
[APP-3] JavaScript - 앱 개발시 자주 쓰이는 java script 1. 함수를 짧게 - 기존 function을 Arrow Function(화살표 함수) 로 선언 // 기존방식 let a = function() { console.log("function"); } a(); // 최근 화살표방식 let a = () => { console.log("arrow function"); } a(); 2. 딕셔너리 키와 값을 비구조 할당으로 빠르게 꺼내오기 //객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", getPost() { console.log("ES6 문법 정리"); } }; //기존 할당 방식 let owner = blog.owner let getPost = blog.getPost() //비구조 할당 방식 let .. 2023. 1. 10.
[APP-2] JavaScript 기초 1. 기초문법 1) 리스트(배열) - 순서를 가지는 배열(Array) let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_list = [1,2,'hey',3] // 로 선언 가능 b_list[1] // 2 를 출력 b_list[2] // 'hey'를 출력 // 리스트에 요소 넣기 b_list.push('헤이') b_list // [1, 2, "hey", 3, "헤이"] 를 출력 // 리스트의 길이 구하기 b_list.length // 5를 출력 2) 딕셔너리(객체) - Key-Value쌍의 묶음 let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능! // 또는, let b_dict = {'name':'Bob','age.. 2023. 1. 10.
[APP-1] 개발환경 준비하기 1. 앱(APP) 개발 1) 앱 개발이라면 Android와 iOS 두 가지 2) Android는 Java&Kotlin, iOS는 Swift라는 기술로 개발 3) '크로스플랫폼 앱'을 통해 두 가지 개발을 한 번에 하고자 함. 2. 용어 설명 1) 네이티브 앱 → 각 개발언에 따라 Android, iOS각각 개발 2) 하이브리드 앱 → 웹 사이트를 만들고 껍데기를 씌워 배포 3) 크로스플랫폼 앱 → 네이티브 앱과 하이브리드 앱 개발의 장점을 적용 3. 크로스플랫폼 앱 1) 페이스북에서 개발 2) UI를 만드는데 특화되어 있는 리액트(React.js) Library Framework 기반 4. 설치 프로그램(개발환경) 1) VSCode&Android Studio https://code.visualstudio.. 2023. 1. 10.
728x90