본문 바로가기

728x90

기타

(367)
Vue CLI 설치 및 사용방법과 Vue-Router(뷰 라우터) 살펴보기 오늘은 Vue CLI 설치 및 사용방법과 Vue Router에 대해 알아보도록 하겠습니다. 1.Vue CLI 설치 및 사용방법입니다. cli.vuejs.org/guide/installation.html Installation | Vue CLI Installation Warning regarding Previous Versions The package name changed from vue-cli to @vue/cli. If you have the previous vue-cli (1.x or 2.x) package installed globally, you need to uninstall it first with npm uninstall vue-cli -g or yarn global remove cli.v..
백트래킹 알고리즘(Backtracking) 개념과 예시 백트래킹은 어떤 문제를 풀 때 사용하는 알고리즘인가? 한정 조건을 가진 문제를 풀 때 사용하는 알고리즘이다. 그런 문제들은 주로 최적화문제이거나 결정 문제이다. 또한 상태공간을 트리로 나타낼 수 있을 때 사용하는 알고리즘이다. 상태공간 트리란 문제 해결 과정의 중간 상태를 각각 한 노드로 나타낸 트리이다. 한정 조건을 가진다는 것은 원소의 순서와 해결 방법이 무관하다는 의미이다. 모든 조합을 시도해 문제의 해를 찾는 것이다. 해를 얻을 때까지 모든 가능성을 시도한다는 말이다. 보통 재귀함수로 구현된다. 우선탐색과 비슷한 면이 있으나 기억 공간을 덜 차지한다는 점에서 다르다. 예를 들어 지금의 경로가 해가 될 것같지 않으면 해당경로를 제외하고 탐색한다. 이를 가지치기라 부른다. 이렇게 함으로써 쓸데없는 과..
관계형 데이터 모델링 정규화 Atomic columns와 No partial dependencies 오늘은 관계형 데이터 모델링 정규화에 대해 공부해 보려 합니다. Atomic columns와 No partial dependencies(부분 종속성)에 대해 알아보도록 하겠습니다. (1)Atomic columns 예를들어 이런 표가 있다고 합시다. 우리가 데이터 베이스에서 데이터를 가져올 때 특정 열의 값들이 두개 이상이라면 가져와서 제대로 처리할 수 있을까요? 관계형 데이터 베이스에서는 힘듭니다. 때문에 값들이 한가지 여야 합니다.(Atomic해야 합니다.) 그런데 위의 표를 보면 광고 부분의 값들이 두개씩 들어 있습니다. 이를 한가지 값만 갖도록 바꿔줘야 합니다. 이러한 상황은 주로 N:M관계에서 나옵니다. 즉 선수들은 여러개의 광고를 할 수 있고 광고주는 여러 선수를 후원할 수 있죠. 이러한 문제를..
Vue.js 여러개 인스턴스 , 컴퍼넌트 개념과 컴포넌트 간 통신 오늘 학습할 내용은 Vue .js인스턴스, Vue 컴포넌트 개념과 컴포넌트 간 통신입니다. 1. 여러 개의 Vue 인스턴스 사용하기. {{name}} {{name}} 이렇게 하면 name이 나오지 않는다. id 가 app이 아닌 div에서 뷰인스턴스를 사용하는 방법은 무엇이 있을까요? !DOCTYPE html> {{name}} {{name}} {{name}} 변수에 뷰인스턴스를 넣어줌으로써 함수에서 다른 뷰 인스턴스의 데이터를 바꿔줄 수 있다. 그렇다면 여기서 app에서 app-1 인스턴스 데이터로 접근하는 방법이 있을까?? {{name}} 변환 {{name}} 변환 뷰인 스턴스를 변수 안에 넣어주면 각 인스턴스 안의 메서드에서 접근할 수 있다. 여러 개의 뷰인스턴스를 다룰 때는 변수 안에 넣어주는 것이..
Firebase auth 사용법 : Firebase 회원가입 예제(2) 오늘은 저번 시간과 다르게 클라이언트가 아닌 서버를 활용해 firebase auth 회원가입 예제를 구현해보도록 하겠습니다. 우선 최종 코드 먼저 복붙 하셔서 사용해보시기 바랍니다. 완벽한 웹사이트처럼 구현된 코드는 아니니 이점 유의하시기 바랍니다. const { request, response } = require('express'); const express = require('express') const app = express(); var port = 3000 var bodyParser = require('body-parser'); app.use(bodyParser.urlencoded({ extended: false })); var firebase = require("firebase/app"); ..
Firebase auth 사용법 : Firebase 회원가입 예제(1) firebase auth 사용법을 회원가입 예제를 통해 알아보도록 하겠습니다. 저번 시간에 환경을 세팅하고 간단하게 db에 데이터를 보내는 방법에 대해서 알아보았는데요. 오늘은 nodejs 서버를 활용해 클라이언트에서 회원 가입하는 페이지를 구현해보도록 하겠습니다. 오늘은 nodejs express프레임워크도 추가적으로 활용할 계획이니 다음과 같이 install 해주시기 바랍니다. hifirebase 디렉토리로 이동한 후 다음 코드를 실행해주세요. npm install express --save firebase콘솔에서 authentication메뉴를 선택하고 다음과 같이 설정하고 저장해주세요. 아래 코드를 복붙 해주세요. 개인키 입력하는 것은 저번 시간과 같이 진행해주세요. 모르신다면 전 시간 글 하단부..
Firebase 사용법 : 기본 환경설정 Firebase 사용법 그중에서도 가장 기초가 되는 기본 환경설정을 해보도록 하겠습니다. 해당 튜토리얼은 firebase, nodejs를 활용해서 friebase의 authentication, firestore, hosting 등 서비스를 이용해보는 것이 목적입니다. 다운로드부터 시작할 것이니 이미 환경 세팅이 되셨다면 맨 아래 데이터 베이스와 통신하는 쪽으로 넘어가셔도 됩니다 ^^ 환경 : nodejs, firebase 추가적으로 ide는 visual studio code node js 에서 firebase를 사용하려면 node js를 먼저 다운로드해야겠죠 ㅎㅎ node js는 javascript 기반 서버 사이드 플래폼입니다. 쉽게 말하면 클라이언트가 node js서버에 요청하면 웹페이지 코드를 보내..

728x90