감자 성장일기

컴포넌트는 각각 고유한 유효 범위를 가지고 있으므로 직접 다른 컴포넌트의 값을 참조할 수 없다. 따라서 뷰에서 정의한 방법을 따라야 하는데, 가장 기본적인 데이터 전달 방법은 상위-하위 컴포넌트 간의 데이터 전달 방법이다. 😊 1. 상위 컴포넌트 -> 하위 컴포넌트 props 속성 : 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달할 때 사용하는 속성 예제 코드에서 child-component를 전역으로 등록한 것 외에 딱히 상위 컴포넌트를 지정하지 않았으나 마치 컴포넌트 안에 상위 컴포넌트가 존재하는 것처럼 하위 컴포넌트로 props를 내려보냈다. 컴포넌트를 등록함과 동시에 뷰 인스턴스자체가 상위 컴포넌트가 되기 때문이다. 😊😊 2. 하위 컴포넌트 -> 상위 컴포넌트 하위 컴포넌트에서 상위 컴포넌트로의..

Web/FrontEnd 2022. 11. 16. 08:50

컴포넌트 : 조합하여 화면을 구성할 수 있는 블록(화면의 특정 영역) 😀 1. 전역 컴포넌트 등록하기 컴포넌트 등록 😀😀 2. 지역 컴포넌트 등록하기 컴포넌트 등록 😀😀😀 3. 인스턴스 유효범위와 지역 컴포넌트, 전역 컴포넌트 간 관계 확인하기 첫번째 인스턴스 영역 두번째 인스턴스 영역 첫번째 영역에서는 전역, 지역 컴포넌트가 모두 정상적으로 나타났지만 구분선 밑 두번째 인스턴스 영역에는 전역 컴포넌트만 나타나고 지역 컴포넌트는 나타나지 않았다. 전역 컴포넌트와 지역 컴포넌트의 유효범위가 다르기 때문이다. 전역 컴포넌트는 인스턴스를 생성할 때마다 등록할 필요 없이 한 번 등록하면 어느 인스턴스에서든지 사용할 수 있다. 반대로 지역 컴포넌트는 새 인스턴스를 생성할 때마다 등록해줘야 한다.

Web/FrontEnd 2022. 11. 14. 22:30

CONTENT : click : 오프닝 Vue.js 란? Vue.js 의 특징 Vue.js 를 사용하는 이유 프레임워크 시장 속 뷰의 위치와 상징성 마무리 오프닝 오늘은 Web-app을 만드는 대표적인 툴 3가지(리액트, 앵귤러, 뷰) 중 뷰에 대해 탐구해보고자 합니다. Vue.js 란? 먼저 뷰가 무엇인지부터 알아보겠습니다. 뷰는 웹페이지 화면을 개발하기 위한 자바스크립트 프레임워크입니다. 구글에서 AngularJS를 사용하여 작업하던 Evan You(에반유)가 2014년에 개발하였습니다. 에반유의 인터뷰에 따르면 앵귤러를 사용하던 중 앵귤러의 장점을 뽑아내면서도 가벼운 프레임워크를 만들면 어떨까라는 생각에서 뷰를 만들게 되었다고 합니다. " 앵귤러에서 내가 정말 좋아했던 부분을 뽑아내서 관련된 모든 ..

[8기 SSAFYcial] 싸피의 모든 것 2022. 11. 1. 16:01

부쩍 추워진 날씨에 옷장 안 깊숙히 넣어두었던 패딩을 꺼냈습니다. 성큼 다가온 겨울, 다들 어떻게 대비할 지 생각하셨나요? 2022년을 보내야 할 때가 가까워져 온다 생각하니 어쩐지 아쉬운 마음이 들지만 지금이 어떤 사람에겐 새로운 시작을 준비하는 뜨거운 늦가을이 아닐까 싶습니다. 그 새로운 시작의 주인공이 될 싸피 9기 지망생들에게 도움을 주고자 준비한 이번달 비전공자 인터뷰, 지금 시작합니다! Q. 자기소개 부탁드립니다 안녕하세요, 현재 SSAFY 서울캠퍼스 비전공 자바반에서 수업을 듣고 있는 ８기 교육생입니다. 제 주전공은 수학이고, 복수전공은 정보보호학 입니다. Q. 싸피에 지원하게 된 동기는? 가장 큰 이유는 개발 공부를 하고 싶어서입니다. 개념적인 부분도 배우고 싶었고 프로젝트 경험도 쌓고 싶..

[8기 SSAFYcial] 싸피의 모든 것 2022. 10. 23. 23:21

https://www.acmicpc.net/problem/2623 2623번: 음악프로그램 첫째 줄에는 가수의 수 N과 보조 PD의 수 M이 주어진다. 가수는 번호 1, 2,…,N 으로 표시한다. 둘째 줄부터 각 보조 PD가 정한 순서들이 한 줄에 하나씩 나온다. 각 줄의 맨 앞에는 보조 PD가 담당한 www.acmicpc.net 📑 문제 음악 프로그램에 N명의 가수가 출연하는데, 이 가수들의 출연 순서를 정해야 한다. 보조 피디 M명은 각자 순서를 정해온다. 이를 취합해 최종 순서를 정해야 하는데, 경우에 따라 순서를 정하는 것이 불가능 할 수도 있다. (사이클이 도는 경우) 순서를 정할 수 있다면 순서를 출력하고, 정할 수 없다면 0을 출력하는 문제. 💡 입력 ✔ 첫째줄에 가수의 수 N, 보조PD의 ..

알고리즘/BOJ 2022. 10. 13. 08:38

사라지지 않을 것 같던 더위가 어느새 사라지고, 옷장에 있던 외투를 꺼낼 시기가 찾아왔습니다. 이 쌀쌀한 가을과 함께 올해 마지막 접수가 남은 자격증이 있는데요, 10월의 토픽은 데이터 직종을 생각해본 사람은 들어본 적 있을 바로 이 자격증! SQLD를 소개하는 시간을 가져보고자 합니다. Q. SQLD가 무엇인가요? SQLD는 한국데이터산업진흥원에서 주관하는 자격증 시험입니다. SQL(Structured Query Language) + D(Developer)의 줄임말로, SQL 개발자를 의미합니다. 공인자격 제 2013-02호에 해당하는 데이터베이스 SQL 국가 공인 자격증입니다 Q. 접수 기간은 언제인가요? 2022년은 47회 시험만 남아있습니다. 올해 마지막 시험의 접수 기간은 10.11 ~ 10.1..

[8기 SSAFYcial] 싸피의 모든 것 2022. 10. 10. 17:24

https://www.acmicpc.net/problem/2133 2133번: 타일 채우기 3×N 크기의 벽을 2×1, 1×2 크기의 타일로 채우는 경우의 수를 구해보자. www.acmicpc.net 📑 문제 3N 크기의 벽을 21, 1*2 크기의 타일로 채우는 경우의 수를 구하는 문제 💡 입력 ✔ 첫째 줄에 N 제시 ✔ 1 ≤ N ≤ 30 ✨ 풀이과정 ✔ memoization 활용 ✔ N이 짝수일 경우에만 타일 채우기 가능 ✔ 점화식 발견 💥 N = 4일 때, memo[4] = memo[2]*3 + 2로 memo[n] = memo[n-2]*3 + 2 라고 생각할 수 있지만 N=6부터 예외 발생 💥 memo[8] = memo[6]*3 + memo[4]*2 + meeoo[2]*2 + memo[0]*2 따라..

알고리즘/BOJ 2022. 10. 6. 08:50

https://www.acmicpc.net/problem/13549 13549번: 숨바꼭질 3 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 www.acmicpc.net 📑 문제 수빈이가 현재 있는 위치 N에서 동생이 있는 위치 K까지 가는데 필요한 가장 빠른 속도를 출력하라 수빈이의 위치가 X일 때 걷기 : X-1, X+1 위치로 이동할 수 있다. 이동 시 1초의 시간이 소요된다. 순간이동 : X*2 위치로 이동할 수 있다. 이동 시 0초의 시간이 소요된다. 💡 입력 ✔ 수빈이가 있는 위치 N ✔ 0 ≤ N ≤ 100,000 ✔..

알고리즘/BOJ 2022. 10. 4. 17:02