DevYoon

Vuex 1️⃣ Vuex란? Vue 상태관리 라이브러리 state(상태)를 전역 저장소로 관리할 수 있도록 지원 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 상태가 예측 가능한 방식으로만 변경 컴포넌트의 공유된 상태를 추출 ➡️ 전역에서 관리 컴포넌트는 커다란 view가 되며, 모든 컴포넌트는 트리에 상관없이 상태에 액세스하거나 동작을 트리거 할 수 있음 2️⃣ Props&Emit VS Vuex Props&Emit props&Emit은 단반향 흐름, 부모 ➡️ 자식 간의 전달만 가능 장점 : 데이터의 흐름 직관적으로 파악 가능 단점 : 컴포넌트 중첩이 깊어지면 공통의 상태를 공유하는 여러 컴포넌트가 있는 경우 데이터 전달이 매우 복잡해짐 단방향 데이터 흐름 state : 앱을 작동하는 원본 소..

link 🔗 https://www.acmicpc.net/problem/10026 10026번: 적록색약 적록색약은 빨간색과 초록색의 차이를 거의 느끼지 못한다. 따라서, 적록색약인 사람이 보는 그림은 아닌 사람이 보는 그림과는 좀 다를 수 있다. 크기가 N×N인 그리드의 각 칸에 R(빨강), G(초록) www.acmicpc.net ✏️ BFS 적록색약인 사람이 보았을 때와 적록색약이 아닌 사람이 보았을 때의 구역 수를 구하는 문제 적록색약일 때와 아닐 때를 구분하여 2개의 visit 배열과 count, BFS 함수를 만들어 주었다. 이중for문으로 visit에 체크가 되지 않았을 때 BFS를 돌리는데, rgBfs(적록색약 BFS)는 색이 R이거나 G일 때만 돌려주었다. 만약 현재 색상이 "B"라면 적록색..

Java 객체지향 1️⃣ 인스턴스 생성 클래스명 변수명 = new 클래스명();2️⃣ 인스턴스 접근 인스턴스에 접근하기 ➡️ 인스턴스 변수 사용해서만 가능 class Print{ public String delimiter = ""; public void A(){ ~~~~~~~ } } Public class Main{ public static void main(String[], args){ Print p2 = new Print(); p2.A(); } } 2️⃣ static 변수나 메소드 앞에 static ➡️ 클래스 소속 변수 static을 제거하고 인스턴스 소속으로 만들면 클래스에서 접근이 불가능 class Foo{ public static String classVar = "I class var"; pu..

🔥 주요 Keypoint ❕ 상위 컴포넌트 - 하위 컴포넌트 연결 / props & emit 1️⃣ App App.vue 💫 searchBar로부터 이벤트 청취 ➡️ 입력값과 API KEY로 params 구성 ➡️ axios로 요청 💫 요청 결과 전달 받은 영상들을 videos 배열에 넣어주기 ➡️ 하위 컴포넌트인 VideoList에 props로 전달 💫 VideoList로부터 이벤트 청취 ➡️ 선택한 비디오 props로 VideoDetail에 전달 2️⃣ searchBar 검색 💫 input 박스에 작성 후 엔터 ➡️ 부모 컴포넌트(App)에게 이벤트로 입력한 값 전달 3️⃣ VideoList VideoList 💫 VideoListItem의 이벤트 청취 ➡️ App으로 이벤트 전달 💫 하위 컴포넌트인 ..

1️⃣ App.vue 라우터 경로 설정 Lunch | Lotto 🔥 router-link to = '/lunch' 🔥 router-link :to = '{name:'lunch'}' ➡️ Named Routes 2️⃣ index.js routes 설정 const routes = [ { path: '/lunch', name: 'lunch', // route level code-splitting // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: lunch }, { path:'/lotto/:lottoNum', name: 'lotto..