본문 바로가기
728x90

IT6

최종 배포할 앱. 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.
[WEB-2] 웹 구성요소 - HTML, CSS, JavaScript 1. HTML 기본 태그 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 구글 검색에 용이(페이지 마다 하나씩). h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? ◎ CSS - 꾸미기 1) 구글 웹 폰트 - 폰트 및 적용 link, style code제공 https://fonts.google.com/?subset=korean 2) 부트스트랩 컴포넌트 - CSS Lib https://getbootstrap.c.. 2023. 1. 10.
[Web] 개발환경 구성하기 Python을 이용한 웹 서비스를 간단히 구현해 볼 수있는 환경으로 개발 공부하면서 남기고자 한다. 웹 서비스의 기본 구성요소는 HTML, CSS, JavaScrip로 다음과 같은 역할을 한다. - HTML - 웹 페이지의 뼈대를 구성 - CSS - 페이지를 꾸며주는 역할 - JavaScript - 동적구성을 하는 역할 Browser는 위 구성요소들을 받아와 그대로 그려주는 역할을 한다. 먼저, 개발 환경을 만들기 위해 아래와 같은 도구와 기술들을 이용하고자 한다. IDE : PyCharm (JetBrains가 만든 전문 개발자용 Python IDE) Front-end : HTML, CSS, JavaScrip, jQuery Back-end : Python, Beautifulsoup4, Flask, Pym.. 2023. 1. 9.
728x90