smith3015 의 기술 블로그

jQuery 를 기반으로 네이버맵을 활용한 서비스가 하나 있다. 지도 위에 각 오브젝트 좌표를 표시하여 모니터링을 보여준다. Vue/Cli 를 설치하여 변환하고자 한다. 먼저 기본 프로젝트를 생성하자 $ vue create my-project 기본 프로젝트 내용을 만들어 준다. 네이버맵을 사용하기 위해서 /public 폴더에서 index.html 파일에 추가한다. < script type = 'text/javascript' src = 'https://openapi.map.naver.com/openapi/v3/maps.js?clientId=testId&callback=initMap' > < / script > 바로 아래에 jQuery 를 추가해준다. < script src = 'https://code.jquery.com/jquery-1.12.4.js' > < / script > 이제 App.vue 파일을 아래와 같이 수정해준다. < template > < div > < NaverMap ></ NaverMap > </ div > </ template > < script > import NaverMap from './components/NaverMap.vue' export default { name: 'App' , components: { NaverMap } } </ script > 이제 /Component 폴더에 NaverMap.vue 파일을 생성한다. < template > < div id = 'wrap' class = 'section' > < div id = ...

모하비에서 노드를 설치하고 npm install -g @vue/cli 를 설치하고자 하면 나는 오류 조치 방법이다. 일단 노드를 공식페이지에서 다운받아 설치하였다. sudo chown -R $(whoami) $(npm config get prefix)/{lib/node_modules,bin,share} 권한문제가 생길수 있으니 위 명령어로 권한을 변경 해준다. 이제 노드 모듈이 설치된 위치로 이동 하자 cd /usr/local/lib/node_modules/ 여기에 모듈이 들어가야 하는데 확인해보니 이 아래 /npm/node_modules 에 모듈이 있다. cd npm cd node_modules/ mv * ../../ 이 명령어를 실행해주면 상위 노드 모듈로 현재의 모듈을 이동 해준다. npm install -g @vue/cli npm update 이렇게 설치하니까 오류가 나지 않는다.

오류가 나지 않도록 설정하는 방법 $ sudo  apt update $ sudo  apt upgrade $ sudo  apt remove openssl $ sudo  apt remove libssl-dev $ sudo  apt install git cmake ninja-build clang python uuid-dev libicu-dev icu-devtools libbsd-dev libedit-dev libxml2-dev libsqlite3-dev swig libpython-dev libncurses5-dev pkg-config libblocksruntime-dev systemtap-sdt-dev tzdata rsync libmongoc-1.0.0 libmongoc-dev libbson-1.0-0 libbson-dev libcurl-dev libcurl4-gnutls-dev openssl1.0 libssl1.0-dev vim wget 기존에 오류나는 모듈은 지우고 필요한 모듈 한꺼번에 설치한 명령어 임

Ubuntu 18.04 환경에서 서버용 swift를 사용하여 webserver를 제작하고자 한다. swift 4.2.1 까지 잘 설치 되었다. Perfect 받고 Compile을 하는데 오류가 난다. 대충 찾아보니 openssl 관련 Module이 Update가 되었는데 이게 Perfect 에서 지원이 되지 않는거 같다. 해결방법은 기존 설치된 Module을 지우고 이전 Module을 설치하면 된다. $ sudo apt remove openssl lissl-dev $ sudo apt install openssl1.0 libssl1.0-dev 이전 버전으로 모듈을 교체하면 오류는 나지 않으나 PerfectMongoDB 를 추가하면 오류가 난다. 다행히 MongoKitten 은 오류가 나지 않으니 MongoDB를 사용하려면 대체방안이 있다. 주말내내 알아낸 사실이 여기까지이다.

순수 스위프트용 타이머 만들기 먼저 타이머 선언을 한다 let total = 0 let timer = DispatchSource.makeTimerSource(queue: DispatchQueue(label: "swiftTimer", attributes: .concurrent)) 이제 타이머를 ViewDidLoad 같은 곳에 설정한다. timer.schedule(deadline: .now(), repeating: .milliseconds(100)) timer.setEventHandler {   self.total += 1   if self.total >= 30 { self.timer.cancel() }   DispatchQueue.main.async {     self.label.text = "\(self.total)"   } } 이제 타이머를 실행 시킬 곳에서 아래와 같이 해야 한다. self.timer.resume()

xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun 위와 같은 오류가 난다. 모하비 업데이트 후 git 을 사용할 때 나는 오류이다. 이와 같은 오류는 Xcode command line tool 을 재설치하면 된다. $ xcode-select --install 그러면 설치 화면이 뜬다.

서버에 우분투를 설치하고 나머지 모듈은 deb 또는 소스로 받아서 설치했다. 왜 그러냐고.... 우리 서버는 외부와 단절되어 있다. ㅠㅠ 안정성을 위해서 Ubuntu 16.04.5 LTS 설치하였다. 아무래도 최신 판은 휼륭한 사람들이 테스트하기 때문이다. 패킷캡쳐를 하기 위해서는 다음과 같은 라이브러리가 필요하다. libpcap, libpcap-dev 이 두개를 deb 파일을 받아서 설치하면 된다. $ sudo apt-get install ./libpcap.deb <- 이런식으로 설치한다 그러면 /usr/include/pcap.h 파일과 pcap 폴더가 생긴다. 이제 스위프트를 사용하려면 clang, libicu-dev 가 필요하다. 위와 같은 방법으로 설치한다. 스위프트 파일을 받아서 홈페이지에 나온 안내대로 압축을 풀고 링크를 건다. 이제 몽고디비를 설치한다. 이것도 소스를 받아서 설치한다. 이제 몽고키튼이라고 스위프트용 프레임을 설치한다. $ mkdir OpenKitten $ cd OpenKitten $ mkdir MongoKitten $ cd MongoKitten $ git clone https://github.com/OpenKitten/MongoKitten.git $ git tag $ cd .. 이제 pcap 라이브러리 설정을 한다 $ mkdir pcap $ cd pcap $ swift package init --type system-module $ vim module.modulemap module pcap [system] {   header "/usr/include/pcap.h"   link "pcap"   export * } $ vim Package.swift import PackageDescription let package = Package(   name: "pcap",   pkgConfig: "pca...