/images/jg_02.jpg

05_Vue_What is Vuex?

​ What is Vuex? (공식문서) Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 입니다. 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있습니다. 또한 Vue의 공식 devtools 확장 프로그램과 통합되어 설정 시간이 필요 없는 디버깅 및 상태 스냅 샷 내보내기/가져오기와 같은 고급 기능을 제공합니다. (공식문서 설명) ​ 1 2 3 4 5 # 설치 명령어 npm i vuex or npm install vuex # 이후 src폴더안에 vuex폴더를 만들고 store.

SW Expert Academy_D3 4466, 4406, 4371, 4299

​ D3_4466_최대 성적표 만들기 1 2 3 4 5 6 7 8 9 10 11 for T in range(int(input())): N, K = map(int, input().split()) score = list(map(int, input().split())) score.sort(reverse=True) result = 0 for i in range(K): result += score[i] print('#{}{}'.format(T+1, result)) ​ D3_4406_모음이 보이지 않는 사람 1 2 3 4 5 6 7 for T in range(int(input())): sent = input() result = '' for i in sent: if i not in 'aeiou': result += i print('#{}{}'.

03_Vue_cli & router & histoyMode

​ 1. Vue CLI 란? (공식문서) 간단히 vue-cli 는 기본 vue 개발 환경을 설정해주는 도구입니다. 여기서 CLI 란 ? 명령 줄 인터페이스(CLI, Command line interface) 또는 명령어 인터페이스는 텍스트 터미널을 통해 사용자와 컴퓨터가 상호 작용하는 방식. 즉, 작업 명령은 사용자가 컴퓨터 키보드 등을 통해 문자열의 형태로 입력하며, 컴퓨터로부터의 출력 역시 문자열의 형태로 주어진다. (위키백과) ​ 2. Vue router 프로젝트 생성 후 보통의 경우 편의를 위해 terminal에 vue add router를 입력해 router설치를 진행합니다.

02_Vue_basic (Vue 문법2)

​ Vue의 기본 문법 및 동작 방법을 계속 알아보자 08_methods 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 ✨Point 1. method는 methods: {}의 문법으로 구성한다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Methods</title> </head> <body> <div id='app'> {{ message }} </div> <!