분류 전체보기 233

Vue3에서 데이터를 전역으로 전달하는법(mitt)

[운영환경] vue: 3.0.0 language: typescript 기존에 Vue2를 사용할때는 전역으로 데이터를 전달하기 위해 EventBus를 사용하였었는데, EventBus는 이제 Vue에서 추천하는 공식적인 방법이 아니라고 한다. 그래서 이 포스팅에서는 'mitt' 라는 외부 라이브러리를 이용하여 이벤트 버스를 구현하고자 한다. (공식 usage 가이드는 다음 페이지에서 확인할수 있다: https://www.npmjs.com/package/mitt#usage) 1. 설치 npm install --save mitt 2. 사용 2.1 mitt 글로벌 변수 선언 /src 폴더의 main.ts에서 다음과 같이 import하고, globalProperties로 등록해 준다. import { createA..

SPA Framework/Vue 2022.01.23

PostGIS 기초(1) 포인트 찍기, 선 긋기

운영환경 운영체제: Ubuntu 18.04 version PostgreSQL: 10.04 version PostGIS: 2.4 version Database Tool: DBeaver 21.1.3.202107181810 version PostGIS를 사용하기에 앞서 PostGIS의 버전을 확인한다. (만일 PostgreSQL & PostGIS 설치 환경이 준비되지 않았다면, 이포스팅을 참고하여 먼저 설치한다. DBeaver은 최신버전을 검색하여 다운로드하면 된다.) 먼저, 샘플로 그릴 지도 데이터를 얻기위해 구글맵에 접속한다. 이번 포스트에서 사용할 샘플 지역은 "공주대학교", "스타벅스 공주DT점" 두 곳으로, 각각의 포인트들을 우클릭하여 위도 & 경도 데이터를 확인한다. 이 두 데이터를 가지고 포인트를..

DataBase/PostGIS 2022.01.23

원격 호스트의 Postgresql 접속하기

PostgreSQL을 설치하면 기본적으로 외부에서 접속할 수 없다. config를 수정해 줘야 한다. 우선 Ubuntu에서 열려있는 포트를 확인한다. $ netstat -nltp (Not all processes could be identified, non-owned process info will not be shown, you would have to be root to see it all.) Active Internet connections (only servers) Proto Recv-Q Send-Q Local Address Foreign Address State PID/Program name tcp 0 0 127.0.0.53:53 0.0.0.0:* LISTEN - tcp 0 0 0.0.0.0:2..

DataBase/PostgreSQL 2022.01.23

Android Studio, Thread.sleep()사용시 UI도 멈춘다.

Android Studio로 게임앱을 개발하는 도중에, 상대의 턴을 기다려줘야 할 과정이 생겨서 Thread.sleep()을 사용하여 기다리게 해줬으나, 화면에 아무런 반응이 없이 상대의 턴이 넘어가지는 상황이 발생했다. 본론부터 말하자면, Thread.sleep()사용시 UI까지 멈추게 되어 예를들어 sleep시키기 전에 변경할 화면으로 전환하고, 일정 시간 sleep을 시킨 뒤에 다음에 다시 이전화면으로 돌아와도 결국 똑같은 화면만 쭉 보여지게 된다. 따라서 지연 과정을 거치기 위해 Thread.sleep()사용보다는 아래의 코드 예제와 같이 handler의 postDelayed메서드를 사용하도록 하자. import android.os.Handler; Handler handler = new Handl..

Android 2022.01.17

기계학습, 분류⦁회귀⦁군집, 기계학습의 유형

기계학습 기계학습(Machine Learning, 머신러닝)은 인공지능의 한 분야로 컴퓨터가 학술할 수 있는 능력을 지닌 알고리즘과 응용 기술을 개발하는 분야를 말한다. 아서 사무엘(Arthur Lee Samuel)은 기계학습을 '컴퓨터가 명시적으로 프로그램되지 않고도 학습할 수 있도록 하는 연구 분야'라고 정의하며 프로그래머가 일일이 코딩을 하지 않고도 기계가 스스로 특징을 찾아 현실의 사물이나 이미지를 구별할 수 있는 기능을 제공한다고 했다. 기계학습은 데이터를 이용한 모델링의 형태이다. 데이터는 실세계의 객체과 사실들을 감각 기관(센서, Sensor)으로 받아들인 것이다. 즉, 숫자, 문자, 그림, 소리, 음악, 영상, 촉각, 맛, 기온, 느낌, 현상 등 입력받는 모든 것이 자료이다. 이러한 입력 ..

ETC/AI 2022.01.16

인공지능의 불확실성 & 베이지안 정리

1. 불확실한 세상 우리의 행동과 삶은 언제나 불확실성에 기반을 두고 있다. 미래는 언제나 불확실하며 지능 있는 생명체는 생존을 위해서는 불확실성을 제거하는데 모든 것을 집중한다. 불확실성은 앞으로 나타날 현상이나 일의 예측으로부터 나타난다. 예측이 곧 지능의 핵심 기능이다. 이는 뇌가 예측 기계라 불리는 이유이기도 하다. 불확실성은 '확실하지 않은 성질' 을 의미하며 정보의 부족, 애매한 정보, 잘못된 정보 등으로 인해 발생한다. 우리가 알고 있는 사실이나 정보가 100%로 확실하다고 할 수 있는 경우는 매우 드물다. 그만큼 대부분의 지식은 어느 정도의 불확실성을 포함하고 있다. 인간의 지능을 흉내내는 컴퓨터의 경우 이러한 불확실성을 수학적으로 표현해 처리하고 이를 바탕으로 추론을 끌어내야 하는 과제를..

ETC/AI 2022.01.16

CORS란? 그리고 해결방법

CORS란? cors(Cross-Origin Resource Sharing)은 교차 출처 리소스 공유라고 번역이 되며, 브라우저에서 다른 출처의 리소스를 공유하는 방법이다. 브라우저에서는 보안상의 이유로 cross-origin HTTP 요청들을 제한한다. 그래서 cross-origin 요청을 하려면 서버의 동의가 필요하다. (만일 동의하지 않는다면 아래와 같은 에러를 발생시키며 브라우저에서 거절한다.) cross-origin? cross-origin이란 다음 중 한 가지라도 다른 경우를 말한다. 1. 프로토콜 - http와 https는 프로토콜이 다르다. 2. 도메인 - domain.com과 other-domain.com은 다르다. 3. 포트 번호 - 8080포트와 3000포트는 다르다. CORS 에러 ..

대학교때 배운 전공과목들

1학년 [2014-1] ⦁ C프로그래밍1 - C언어 실습 ⦁ 컴퓨터개론 ⦁ 기초통계학(교양) ⦁ 웹정보기술서비스(교양) [2014-2] ⦁ C프로그래밍2 - C언어 실습 ⦁ 비쥬얼베이직의활용 - Visual Basic 실습 ⦁ 프로그래밍언어론 ⦁ 최신IT기술 2학년 [2015-1] ⦁ 객체지향프로그래밍1 - C++ 실습 ⦁ 자료구조 ⦁ 논리회로 ⦁ 데이터베이스 - 데이터베이스 이론 수업 ⦁ 창업실습 [2017-2] ⦁ 객체지향프로그래밍2 - C++ 실습 ⦁ 시스템프로그래밍 - 주로 어셈블리어 주제로 이론 강의 ⦁ 데이터통신 - 데이터통신 & 네트워크 이론 강의 ⦁ 확률과통계 ⦁ 창의적사고와코딩(교양) - 스크래치 실습, COS 자격증 시험 기회 3학년 [2018-1] ⦁ 소프트웨어공학 - 소프트웨어 공학..

Record/When Univ. 2022.01.06

Ubuntu Postgresql(v12) 삭제 및 설치 + 외부 접속 설정

본 포스팅은 Ubuntu 20.04 운영체제를 기준으로 작성되었습니다. (설치 가이드를 보고자 하면, 3번 항목부터 보면 된다.) 1. 데이터 백업(가장 중요) pg_dumpall이나 pg_dump 명령어를 사용해 데이터를 백업한다. (명령어 사용법은 구글 검색) 2. PostgreSQL과 관련된 패키지 전체 삭제 sudo apt-get --purge remove postgresql\* dpkg -l | grep postgres 3. PostgreSQL12를 Ubuntu 20.04에 설치 공식 인스톨 가이드 - https://www.postgresql.org/download/linux/ubuntu/ pgdg.list 파일을 만들고 vi 편집기로 연다 sudo touch /etc/apt/sources.li..

Server/Linux 2021.12.30
반응형