일골드

분류 전체보기 (80)

router

Front End/Vue.js 일골드 2021. 7. 14. 22:04

router(라우터) 라우터는 프로젝트 생성시 선택하여 추가하는 방법과 추후 npm을 통해 추가하는 방법이 있다. 1. vue create [프로젝트명] 터미널에서 vue 명령으로 프로젝트를 생성할때 router를 선택할 수 있다. Router를 선택하고 history mode 여부에서 'Y'를 입력한다. history mode 가 'Y'이면 주소에서 '#'이 사라진다. 2. npm install vue-router 다른 플러그인들 설치하듯 vue-router 또한 쉽게 설치할 수 있다! 3. 간단한 router 사용이 vue의 강점이다. > vue와 vue-router를 import > Vue.use() 를 통해 Vue 객체에서 사용하게 하면 어디서든 사용할 수 있게 된다. > mode: history..

Android & Firebase 연동

Android Studio 일골드 2021. 7. 7. 21:35

Firebase 연동 https://console.firebase.google.com/ firebase 콘솔에 접속해서 프로젝트를 만드는 과정은 생략. 프로젝트 설정에서 아래와 같은 Step을 따른다. 1. 앱 등록 안드로이드 패키지 이름 확인은! app Module의 build.gradle 파일에서 applicationId를 확인해보면 된다. 2. 구성 파일 다운로드 사진 설명대로 google-service.json을 다운받아서 app 루트 디렉터리에 이동한다. 3. Firebase SDK 추가 하라는 데로 해보았다. 4. 다음단계 다음단계는 없다. 끝이다. 사용방법은 java일때랑 kotlin일때랑 다르다. 아래는 kotlin 예제이다. ktx.Firebase를 import하면서 FirebaseDat..

안드로이드 앱 데이터 개요

Android Studio 일골드 2021. 6. 27. 16:54

Android App Data App Data 저장방법 설명 File File 시스템을 사용해 데이터를 저장합니다. 앱의 독립된 내 • 외부 저장소에 저장할 수 있습니다 Shared Preference 'Key - Value' 형태로 데이터를 저장합니다. 앱의 독립된 내부 저장소에 저장됩니다. (간편) Sqlite 안드로이드에서 자체 제공하는 데이터베이스를 사용해 구조화된 데이터를 저장합니다. Network 네트워크를 사용해 데이터를 백엔드 서버에 저장합니다. 1. File 예제 package com.jhs.quizlocker import android.app.usage.ExternalStorageStats import android.content.Context import androidx.appcomp..

kotlin-android-extensions

Android Studio 일골드 2021. 6. 26. 23:18

kotlin-android-extensions 코틀린에서 제공하는 안드로이드용 확장 플러그인 사용을 위해서는 build.gradle에 id 'kotlin-android-extensions'를 추가해 주어야한다. 이 확장 플러그인은 두가지를 지원한다. 1. View binding (findViewById() 없이 접근이 가능해짐) 2. 안드로이드에서 객체를 직렬화할 때 사용하는 'parcelable'을 위한 기능 .kt파일에서 사용하기 위해서는 kotlinx.android.synthetic.main.activity_main.* 를 import 해주어야한다.

Vue 위로 스크롤(새로고침) 막기

Front End/Vue.js 일골드 2021. 6. 25. 23:12

Scroll chaining overscroll-behavior 속성이 auto로 설정된 (기본값) 영역은 스크롤 영역이 모두 끝나면 부모 스크롤 영역이 움직이기 시작합니다. 이것을 스크롤 체이닝(스크롤이 연결되어 있기 때문에 체이닝이라는 단어를 사용)이라고 합니다. vue로 홈페이지를 만들었는데 모바일 기기에서 위로 스크롤하니 화면이 새로고침이 돼어버렸고 저는 그것을 막고자 했습니다. 기본값이 auto이기 때문에 contain으로 바꿔주면 부모 스크롤 영역을 움직이지 않습니다. overscroll-behavior:auto overscroll-behavior:auto overscroll-behavior:auto overscroll-behavior:auto overscroll-behavior:auto ov..

Vuex

Front End/Vue.js 일골드 2021. 6. 21. 21:02

Vuex 상탯값 관리 전문 라리브러리 store라고 들어보았다면 이해하기 쉬울 것이다. vuex가 store 관리 라이브러리다. src/store/index.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({ state: { sTitle: '', address: 'xxxxxxx', phone: '010-xxxx-xxxx', todo: [], book: [], schedule: [] }, mutations: { fnSetTodo: function (state, todo) { return state.todo = todo }, fnSetBook: function (state, book) { r..

Vuetify

Front End/Vue.js 일골드 2021. 6. 15. 22:59

Vuetify.js 뷰 자바스크립트 프레임워크에 머티리얼 디자인을 사용할 수 있는 컴포넌트 프레임워크 Vuetify v-card Component 4.5 (413) $ • Italian, Cafe Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating. Tonight's availability 5:30PM 7:30PM 8:00PM 9:00PM vuetify 홈페이지 샘플 중 하나입니다 https://vuetifyjs.com/ Vuetify — A Material Design Framework for Vue.js Vuetify is a Material Design component frame..

Vue.js 시작하기

Front End/Vue.js 일골드 2021. 6. 15. 20:43

Vue.js 는 자바스크립트 프레임워크입니다. 장점으로는 ①HTML과 CSS 사용가능 ②MVC모델 지원 ③러닝커브가 낮다(HTML5, Javascript) ④설치가 쉽고 용량이 작아 속도가 빠르다 정도가 있겠습니다. 리엑트는 JSX라는 새로운 문법, 래퍼 지옥(wrapper hell)을 대비한 훅(hook)의 필요성을 고려하면 학습이 쉽지 않다. redux, store도 구현해줘야했다 :( 툴은 역시 비주얼 스튜디오가 익숙하다. 1. 비주얼 스튜디오 코드 설치 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized fo..

PWA

Front End/Vue.js 일골드 2021. 6. 14. 22:12

Prograssive web app 모바일 환경에서 구동하는 앱의 종류는 무엇이 있을까! 스마트폰이 처음 생기고 모바일 환경에서만 작동하는 ①네이티브앱이 생겨났고 브라우저로 작동하는 ②웹앱, 두 장점을 합친 ③하이브리드앱(웹뷰방식과 네이티브언어로 변환되는 방식이 있다) 그리고 ④프로그래시브웹앱이 있다. 이렇게가 내가 공부해서 알고있는 앱의 종류이다. 그런데 프로그래시브웹앱의 목표가 너무 맘에 들었다. 기억은 잘 안나지만 내가 이해하기로는 웹으로 시작했지만 앱과 최종적으로 도착지가 같다는 것이었다. ㅇㅅㅇb 네이티브 앱 장점 단점 스마트폰에 최적화된 기능 구현 가능 개발난이도 UP, 많은 시간 소요 OS별로 따로 개발해야함 시장이 넓다 업데이트가 생기면 다시 받아야함 앱 시장에서 선택 받기 어렵다 아이콘을..

firebase deploy

git 일골드 2021. 6. 10. 20:03

사실 이건 git을 통한 형상관리는 아니다. 단순히 firebase 호스팅 서버에 배포하는 기능 밖에는 없다. 물론 파이어베이스 콘솔에서 원하는 시점으로 롤백은 가능하다. 1. Firebase 프로젝트를 만든다. (하나의 계정으로 무료 프로젝트는 10개까지 생성 가능. 주의할 점은 하나를 제거해도 하나가 생성되지 않음) 2. VSCode 통합터미널 창에서 firebase login 명령을 입력 & Y. (Visual Studio Code 사용) 웹 브라우저가 뜨면 계정 선택 및 신뢰할수 있다고 허용. 3. firebase init 입력 > Hosting 선택 > Use and existing project > 파이어베이스 프로젝트 선택 > public directory 선택 (배포할 폴더 ex: dist..

Copyright © 일골드 All Rights Reserved
Designed by JB FACTORY

티스토리툴바