본문 바로가기

What would life be If we had no courage to attemp anything?

전체 글271

Vue.js - Vuex Intro 🔔 Vuex Intro. |Vuex “Statement management pattern + Library” for vue.js 상태 관리 패턴 + 라이브러리 상태(state)를 전역 저장소로 관리할 수 있도록 지원하는 라이브러리 상태가 예측 가능한 방식으로만 변경될 수 있도록 보장하는 규칙 설정 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할 Vue의 공식 devtools와 통합되어 기타 고급 기능을 제공 |State state는 곧 data이며 해당 애플리케이션의 핵심이 되는 요소 중앙에서 관리하는 모든 상태 정보 |상태 관리 패턴 컴포넌트의 공유된 상태를 추출하고 이를 전역에서 관리 하도록 함 컴포넌트는 커다란 view가 되며 모든 컴포넌트는 트리에 상관없이 상태에 액세스 하거나 동작을.. 2022. 5. 13.

[baekjoon]python #1946 신입사원 https://www.acmicpc.net/problem/1946 #1946 신입사원 신입사원이 되고싶은 마음에 제목보고 푼 문제! 1946번: 신입 사원 첫째 줄에는 테스트 케이스의 개수 T(1 ≤ T ≤ 20)가 주어진다. 각 테스트 케이스의 첫째 줄에 지원자의 숫자 N(1 ≤ N ≤ 100,000)이 주어진다. 둘째 줄부터 N개 줄에는 각각의 지원자의 서류심사 성 www.acmicpc.net 🍕처음에 푼 푼 코드 -- 시간초과... import sys T = int(sys.stdin.readline()) for tc in range(T): N = int(sys.stdin.readline()) arr = [list(map(int,sys.stdin.readline().split())) for _ in .. 2022. 5. 13.

그리디 알고리즘(Greedy Algorithm) 그리디(Greedy) 알고리즘 🎈개념 - 탐욕 알고리즘이라고 불리며, 여러 경우 중 하나를 결정해야 할 때 그 순간에 최적이라고 생각되는 것을 선택해 나가는 방식으로 진행하여 최종적인 해답에 도달하는 방법 - 그리디 알고리즘은 최적 해를 구하는데 사용되는 근시안적인 방법 - 각 선택의 시점에서 이루어지는 결정은 지역적으로는 최적이지만, 그 선택들을 통해 최종적인 해답을 만들었다고 해서 그것이 최적이라는 보장이 없는 계획법 🎈그리디 알고리즘의 조건 탐욕스러운 선택 조건 - 탐욕적인 선택은 항상 안전하다는 것이 보장되어야 함. "안전하다"라는 의미는 이 선택으로 인해 전체 문제의 최적해를 반드시 도출할 수 있어야 한다는 것. 그리디 알고리즘을 사용해 결과 도출 시 최적해가 무조건 나오나? - 그리디 알고리즘.. 2022. 5. 13.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.12.목 Today I Learn 220512 오늘은 어제했던 실습을 다시 진행했는데 약간의 미적 요소를 아주 조금 가미해주었다. 어제는 코드를 따라치느라 흐름을 살짝 놓치면서 하는 경향이 있었는데, 오늘은 console.log를 통해 하나씩 흐름을 따라가다 보니 더 이해가 잘 되고 vuex에 대해 더 잘 알 수 있었다. vuex는 core concepts인 actions, getters, mutations, state만 잘 알아두면 상황에 따라 적절하게 쓸 수 있는 라이브러리 같다. 오늘 다시 구현한 소스코드 index.js import Vue from 'vue' import Vuex from 'vuex' import createPersistedState from 'vuex-persistedstate' Vue... 2022. 5. 12.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.11.수 Today I Learn 220511 오늘은 Vuex에 대해 학습하였다. Vuex를 사용하는 이유는 다양한 컴포넌트들이 있을 때 기존의 Vue환경은 각각의 컴포넌트마다 data를 들고 있지만, 그렇게 되면 emit과 props를 계속 거쳐 통신해야 하고 나와 같은 동기 component와 대화할 때도 여러명을 거쳐 통신해야 한다. 이러한 불편함을 해소하기 위해 Vuex를 사용한다! Vuex에서는 index.js라는 곳에서 (마치 공용통장) data를 관리한다. 그래서 빠르고 효율적인 통신이 가능하다. 하지만 공용으로 사용하다보니 편리성은 증가 된 반면 상태관리를 잘 해야하는 단점이 생겼다! 어쨋든, Vuex의 core 개념은 다음과 같다. - State 중앙에서 관리하는 모든 상태 정보 (data) .. 2022. 5. 11.

Vue.js - Vuex를 활용한 Todo App 구현하기 최상위 루트 - App.vue App.vue의 자식 Component : TodoList.vue, TodoForm.vue TodoList.vue의 자식 Component: TodoListItem.vue ❕index.js - Vuex core concepts를 작성 import Vue from 'vue' import Vuex from 'vuex' import createPersistedState from 'vuex-persistedstate' Vue.use(Vuex) export default new Vuex.Store({ plugins: [ createPersistedState() ], state: { //data todos:[], }, getters: { //computed //현재 끝난 일의 개수 /.. 2022. 5. 11.

Vue.js - Youtube API를 이용해 props와 emit 활용하기 ❕결과 - input태그에 원하는 검색어를 입력하고 엔터를 누르면 Video List아래에 유튜브 video 영상 목록이 뜬다! - Video List를 클릭 시 해당 비디오가 Video Detail에 나온다! ❕우리가 구현해야할 Props와 Emit 관계도 App.vue -- Youtube API를 통해 요청과 응답 주고받음, 그 외 다른 vue들과 emit & props App.vue TheSearchBar.vue -- App.vue에 emit 검색 VideoList.vue -- App.vue와 porps & emit, VideoListItem.vue와 props & emit Video List VideoListItem.vue -- VideoList.vue와 emit & props {{video.sn.. 2022. 5. 11.

[baekjoon]python #2636 치즈 https://www.acmicpc.net/problem/2636 2636번: 치즈 아래 과 같이 정사각형 칸들로 이루어진 사각형 모양의 판이 있고, 그 위에 얇은 치즈(회색으로 표시된 부분)가 놓여 있다. 판의 가장자리(에서 네모 칸에 X친 부분)에는 치즈가 놓 www.acmicpc.net from collections import deque col,row = map(int,input().split()) arr=[list(map(int,input().split())) for _ in range(col)] def bfs(y,x): q = deque() q.append((y,x)) visit=[[0]*row for _ in range(col)] visit[y][x]=1 while q: ny,nx= q.po.. 2022. 5. 10.

𝐓𝐨𝐝𝐚𝐲 𝐈 𝐋𝐞𝐚𝐫𝐧 2022.05.10.화 Today I Learn 220510 어제 만들었던 과제에서 사실 /lotto/6으로 넘어가지 않는 오류가 있어서 path를 '/lotto/6'으로 지정해서 해결했는데, 오늘 왜 넘어가지 않았는지 발견하였다..! 역시나 휴먼에러였고 params를 parmas라고 적어서 생긴 오류였다....!! 또 로또 페이지에서 숫자 6개를 뽑는 함수에서 this.$router.params.lottoNum이라 적어서 오류가 생겼었다!!! this.$route.params.lottoNum으로 해야 하는데, lunch페이지에서 lotto페이지로 넘어갈 때 this.$router.push라고 적어서 route와 router가 헷갈렸다! 왜 lunch페이지에서는 다른 URL로 이동하려면 this.$router.push라 쓰는 .. 2022. 5. 10.

Vue.js - Vue Router 🔔Vue Router |Vue Router “Vue.js 공식 라우터” 라우트(route)에 컴포넌트를 매핑한 후, 어떤 주소에서 렌더링할 지 알려줌 SPA 상에서 라우팅을 쉽게 개발할 수 있는 기능을 제공 |Vue Router Start! 프로젝트 생성 및 이동 vue create my-router-app cd my-router-app Vue Router plugin설치 (Vue CLI 환경) vue add router [주의] 기존 프로젝트를 진행하고 있던 도중에 추가하게 되면 App.vue를 덮어쓰므로, 프로젝트 내에서 다음 명령을 실행하기 전에 필요한 경우 파일을 백업(커밋)해야 함 commit 여부(Yes) Warn There are uncommitted changes in the current.. 2022. 5. 9.

이전 1 ··· 14 15 16 17 18 19 20 ··· 28 다음

티스토리툴바