목록전체 글 (120)
할머니의 콤퓨타 도전기
[Vue.js] 데이터 바인딩 (Data Binding)
Data Binding - 단방향 데이터 값이 변경되면 자동으로 업데이트 코드 구현 {{greeting(name)}} jione github 실행 화면
[Vue.js] 뷰 데이터 (data) 와 메소드 (methods)
코드 구현 {{greeting('jione')}} 실행 화면
[Vue.js] 뷰 인스턴스(instance) 생성하기
el 옵션 Vue가 실행될 HTML의 DOM 요소를 지정 (# --> id 지정, . --> 클래스 지정) data 옵션 data Vue가 바라보는 data 객체를 지정 (직접 객체를 작성해도 되고 미리 선언된 객체변수를 작성해도 됨) 코드 구현 {{name}} 실행 화면
Vue.js는 웹프론트엔드 프레임워크 컴포넌트(Component)기반의 SPA(Single Page Application)을 구축할 수 있게 해주는 프레임워크 컴포넌트 (Component) 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI 요소 재사용 가능하도록 구조화 한 것 SPA (Single Page Application) 단일 페이지 어플리케이션 하나의 페이지 안에서 필요한 영영 부분만 로딩 되는 형태 빠른 페이지 변환 적은 트랙픽 양 Vue CLI 설치 npm install -g @vue/cli Vue 프로젝트 생성 vue create test 프로젝트 실행 npm run serve vue router 설치 vue에서 라우팅 기능을 구현할 수 있도록 지원해주는 공식 라..
SHOW DATABASES 생성되어있는 DATABASE 조회 SELECT DATABASE() 현재 사용중인 DATABASE 확인 USE [데이터베이스명] 현재 사용중인 DATABASE 변경 SHOW TABLES DATABASE에 추가되어있는 테이블 확인 DESC [테이블명] 특정 테이블 scheme 확인 SELECT [칼럼명] FROM [테이블명] * : 모든 칼럼 DELETE FROM [테이블명] WHERE [조건] 특정 행의 데이터 삭제 TRUNCATE [테이블명] 테이블 전체 데이터 삭제 ALTER TABLE [테이블명] AUTO_INCREMENT= [시작할 값] AUTO_INCREMENT 값 초기화
Union-Find 알고리즘
합집합 찾기(Union-Find), 서로소 집합(Disjoint-Set) 알고리즘 여러 개의 노드 중 두 개의 노드를 선택해서, 이 두 노드가 같은 그래프에 속하는지 판별하는 알고리즘입니다. 1. 우선 모든 노드가 연결되지 않고 자신만을 집합의 원소를 갖고있도록 만듭니다. 따라서 모든 값이 자기 자신을 가리키도록 합니다. 첫 번째 행은 노드 번호, 두 번째 행은 부모 노드 번호입니다. 즉, 각 노드 번호가 어떤 부모에 포함되어 있는지를 의미합니다. 1 2 3 4 5 1 2 3 4 5 2. 1번 노드와 2번 노드가 연결되어있다고 가정합시다. 1 2 3 4 5 1 1 3 4 5 부모를 합칠 때에는 더 작은 값 쪽으로 합치는 것(Union)이 일반적입니다. 따라서 1번 노드와 2번 노드가 연결되면 2번 노드의..