본문 바로가기

분류 전체보기55

[Android] 인텐트(intent) 인텐트(Intent) 란? 인텐트는 직역하면 '의도'로, 개발자가 어떤 의도를 가지고 메서드를 실행할 것인지를 인텐트에 담아서 안드로이드에 전달하면 해당 인텐트를 해석하고 실행한다. 좀 더 자세히 말하면 액티비티를 실행하기 위해서는 단순히 컨텍스트가 제공하는 메서드를 호출하면 되는데, 이때 실행할 액티비티가 명시된 인텐트(Intent)를 해당 메서드에 전달해야 한다. 이렇듯 액티비티를 실행하려면 기본적으로 인텐트가 필요하지만, MainActivity는 특별한 설정을 하지 않아도 안드로이드에 자동으로 등록되고 실행이 가능하다. 그러나 새롭게 생성한 액티비티는 인텐트에 담아서 시스템에 전달하여야 실행이 가능하다. 새롭게 생성한 액티비티를 실행하기 위해 인텐트로 전달하는 순서는 아래와 같다. 새롭게 생성한 액.. 2023. 8. 9.
#6. Vue.js - Vuex ✌ Vuex 란? Vuex는 한마디로 얘기하자면 상태(state)를 관리하는 라이브러리이다. 여기서 상태란 무엇일까? copy lessnew Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count++ } } }) 여기 간단한 Vue.js 앱이 있다. 여기서 data() 를 우린 "상태(state)" 라고 부른다. (컴포넌트 간 공유할 수 있는 데이터) 바로 이 상태를 관리하는 것이 Vuex 이다. ✌ Vuex는 언제, 왜 필요한가? prop이나 ref 등으로 컴포넌트 간 데이터(상태)를 공유할 수 있는데 굳이 Vuex가 필요할까? 공통의 상태를 공.. 2023. 8. 8.
#5. Vue.js - Vue CLI 1.Vue CLI란 Command Line Interface의 약자로 명령어를 통한 특정액션을 수행하는 도구(실행도구) 이다. 기본 vue 개발환경인 프로젝트환경 세팅을 해주기 때문에 폴더 구조에 대한 고민, build,lib구성,webpack설정은 어떻게 해야되는지 등에 대한 고민을 덜 수 있다. Vue CLI를 통해 생성한 프로젝트에서 개발한 vue 파일들은 결국엔 하나의 파일로 변환되어 주입이 된다. 이때 내부적으로 웹팩으로 돌아가는데 최신 Vue CLI에서는 웹팩의 설정이라던지 웹팩에 대한 내용을 내부적으로 숨기고 있어서 실제로 서비스를 구현, 또는 배포단계까지 확인을 하기 위해서는 웹팩에 대한 기본적인 도구에 대해서는 살펴보는 것이 좋다. 웹팩이란 ? 서로 연관 관계가 있는 웹 자원들을 JS, .. 2023. 8. 8.
#4. Vue.js - 템플릿 문법, 양방향 데이터바인딩, 데이터변화 감지 1.템플릿 문법이란 뷰의 템플릿은 HTML, CSS 등의 마크업속성과 뷰 인스턴스에서 정의한 데이터 및 로직들을 연결해 브라우저에서 볼 수 있는 형태의 HTML로 변환해주는 속성을 말한다. 여기서 템플릿 문법이란 뷰로 화면을 조작하는 '방법'을 의미하며 템플릿 문법은 크게 데이터바인딩과 디렉티브로 나뉜다. 1-1. 데이터바인딩 데이터바인딩은 뷰 인스턴스에서 정의한 속성들을 화면에 표시하는 방법으로 가장 기본적인 데이터 바인딩 방식은 콧수염괄호({{}}) 이며, 이외에 v-bind 속성이 있다. new Vue({ template : '{{message}}' }); id바인딩 new Vue({ data : { bindId : 'myId' } }) 라이브러리 내부적으로 template 속성에서 정의한 마크업 .. 2023. 8. 8.

티스토리툴바