아카이브 (17) 썸네일형 리스트형 [Vue3] Vue3 설정하기 (Vite, vuex, vue-router, typescript) Node.js : 16.13.0 Vue : 3.2.21 Vite : 2.6.13 vuex : 4.0.2 vue-router : 4.0.12 0. 사전 준비 # Node.js 자바스크립트 패키지 매니저인 npm을 사용하기 때문에 Node.js를 설치해주자. https://next.vuex.vuejs.org/installation.html Installation | Vuex Installation Direct Download / CDN https://unpkg.com/vuex@4 Unpkg.com provides NPM-based CDN links. The above link will always point to the latest release on NPM. You can also use a specifi.. [Spring] Fcm init 1. 초기 설정 Firebase -> 해당 프로젝트 -> 프로젝트 설정 -> 서비스 계정 비공개키를 resources/firebase에 넣고 위 예제 코드를 Application에 추가한다 @Bean public void run() throws Exception { try { FirebaseApp.getInstance(); } catch (Exception e) { try { String path = System.getProperty("user.dir"); FileInputStream serviceAccount = new FileInputStream(path + "/src/main/resources/firebase/serviceAccountKey.json"); FirebaseOptions options .. [Local Storage] SQFLite, Bloc Pattern활용 Flutter version 2.2.3 Dart version 2.13.4 0. 패키지 설치 Flutter 프로젝트를 진행할 때, 여러모로 편리하다. Flutter 프로젝트의 pubspec.yaml에서 command + shift + P에서 "add"를 입력한 다음, 패키지 명을 입력하면 패키지의 최신버전을 불러와준다. 이 프로젝트에서 사용한 패키지들 null-safety가 적용된 버전이다. get: ^4.1.4 // https://pub.dev/packages/get intl: ^0.17.0 // https://pub.dev/packages/intl path_provider: ^2.0.2 // https://pub.dev/packages/path_provider sqflite: ^2.0.0+3 // h.. [Spring] REST API 부하 테스트 출시전 동시 사용자수를 유추하기위해 부하테스트 1. 다운로드 https://jmeter.apache.org/download_jmeter.cgi Apache JMeter - Download Apache JMeter Download Apache JMeter We recommend you use a mirror to download our release builds, but you must verify the integrity of the downloaded files using signatures downloaded from our main distribution directories. Recent releases (48 hours) may not yet be ava jmeter.apache.org apac.. [FCM] Firebase Cloud Messaging 설정 1. 프로젝트 생성 Command +. Shift + p Flutter: New Application Project 2. 패키지 주소 확인 및 변경 flutter 프로젝트에서 com.example.project_name ios/Runner -> Xcode com.example.projectName Target -> Runner -> Signing의 팀도 확인 3. Firebase 프로젝트 생성 4. 안드로이드 앱 등록 Firebase 프로젝트에 안드로이드 앱 등록 /android/app 로 google-services.json 이동 /build.gradle buildscript { ext.kotlin_version = '1.3.50' repositories { google() // 없으면 추가 jcent.. [NAS] MariaDB 설치 및 외부접속 1. MariaDB 10 , phpMyAdmin 설치 2. MyAdmin 실행 3. 사용자 계정 생성 ( root 사용자는 외부접속을 못한다) 4. 외부접속 툴 설치(HeidiSQL) https://redapply.tistory.com/entry/Synology-%EC%97%90%EC%84%9C-MariaDB-%EC%84%9C%EB%B2%84-%EC%84%A4%EC%B9%98-%ED%95%9C%EB%B2%88%EC%97%90-%EB%81%9D%EA%B9%8C%EC%A7%80-%ED%95%98%EA%B8%B0 Synology 에서 MariaDB 서버 설치 한번에 끝까지 하기 Synology Nas에서 MariaDB 서버 처음부터 끝까지 설치하기 시놀로지 나스에 마리아db 서버를 한번만 설치해놓는다면 어느장.. [NAS] nginx folder port 열기 1. nginx default file location /content { charset utf-8; alias /root/content/; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range'; add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range'; } 2. 권.. [NAS] Ubuntu에 SpringBoot RESTAPI 올리기 1. Docker Ubuntu 설치 2. 컨테이너 생성 3. 컨테이너 접속 4. 필요한 패키지 설치 apt update apt install nginx # 6 : 아시아 # 69 : 서울 apt install vim apt install maven # mvn clean package # java -jar tartget/{.war} apt install git # project pull apt install nodejs apt-get install -y npm npm install pm2 -g 5. pm2 app.json { "apps": [ { "name": {name}, "cwd": ".", "args": [ "-jar", "{jar,war path}" ], "env": {}, "script": "ja.. [NAS] 외부 접속 허용 1. 시놀로지 설정 제어판 >> 외부엑세스 >> DDNS 외부 주소 IP만 사용 2. 공유기 설정 cmd >> ipconfig >> 게이트웨이로 접속 57102로 넘겨받은 포트정보를 로컬 8080(tomcat)으로 넘겨준다. 3. 접속 {시놀로지 외부 IP}:57102/ [NAS] Spring Boot RESTAPI 나스 배포 관련 파일 설치 1. 도커 설치 2. tomcat 설치 3. 컨테이너 생성 접속 경로 {nas ip}:8080 War 파일 생성 및 실행 1. vscode clean >> package 순으로 실행 2. war 나스로 옮기기 3. 실행중인 도커 확인 docker ps 4. tomcat wabapp에 war파일 옮기기 docker cp {war 경로} {tomcat container name}:/usr/local/tomcat/webapps/ 5. 파일 확인 docker exec -it tomcat1 /bin/bash https://stir.tistory.com/5 도커(docker) + 톰캣(tomcat)으로 war 배포하기 개발환경 AWS + Ubuntu 16.04 Server 설치 1. Do.. 이전 1 2 다음
