티스토리

뇌손실방지

검색하기

블로그 홈

뇌손실방지

yoyostudy.tistory.com/m

뇌손실방지블로그

구독자: 7

방명록 방문하기

728x90

반응형

주요 글 목록

Canvas Bubble Effect 기록(react + typescript) Mouse Bubble Effect Code 기록 import React, {useEffect, useRef} from 'react'; interface BubbleMouseType { x?: number, y?: number, radius: number } export default function Bubble(){ const canvasRef = useRef(null); const mouse: BubbleMouseType = { x: undefined, y: undefined, radius: 150 } let particlesArray: any = []; let adjustX = 0; let adjustY = 0; useEffect(() => { const canvas = canvasRef?.curr.. 공감수 0 댓글수 0 2022. 12. 7.
Canvas Crash Effect 기록(react + typescript) Mouse Crash Effect Code 기록 import React, {useEffect, useRef} from 'react'; interface mouseType { x?: number, y?: number } export default function Crash(){ const canvasRef = useRef(null); const mouse: mouseType = { x: undefined, y: undefined } const particlesArray: any = []; let hue:number = 0; useEffect(() => { const canvas = canvasRef?.current; if (canvas) { let ctx = canvas.getContext('2d'); c.. 공감수 0 댓글수 0 2022. 12. 7.
AWS S3 비용 계산하는 사이트 비용 예측하기 좋을듯 https://s3calculator.mrdevellotools.com/ S3 Calculator s3calculator.funideatools.com 공감수 0 댓글수 0 2022. 11. 11.
React Native WebView postMessage로 네이티브, 웹 데이터 전달 React Native npm install react-native-webview import React, { useRef } from "react"; import {WebView} from 'react-native-webview'; import { Button, SafeAreaView } from "react-native"; const App = () => { const url = "URL" let webRef = useRef(null); /** 웹뷰 ref */ const handleSetRef = _ref => { webRef = _ref; }; /* native -> web */ const native_to_web = () => { console.log(webRef.postMessage("전송 데.. 공감수 0 댓글수 0 2022. 3. 29.
[MariaDB / MySQL] 초기 셋팅 + 원격접속 계정 생성 apt-get install mysql apt-get install mariadb 1. 초기 보안설정 sudo mysql_secure_installation Enter current password for root (enter for none): OK, successfully used password, moving on... Setting the root password ensures that nobody can log into the MariaDB root user without the proper authorisation. Set root password? [Y/n] Y ( 루트 패스워드 설정 여부 ) New password: Re-enter new password: Password updated s.. 공감수 0 댓글수 0 2022. 1. 3.
[AWS] EC2 EBS 볼륨 추가 + 마운트 + 부팅시 자동 마운트 하기 AWS 설정 1. 볼륨추가할 인스턴스 ID, 가용 영역 확인 2. 볼륨 생성 및 확인 - 생성시 1번에서 확인한 인스턴스 가용영역 적용 - 생성된 신규 볼륨의 ID를 클릭해서 세부정보 접근 3. 볼륨 연결 - 1번에서 확인한 인스턴스 ID SELECT 4. 인스턴스 세부정보에서 볼륨이 추가됐나 확인 콘솔 접근해서 마운트 + 자동 마운트 설정 1. 파일시스템 사용량 확인 2. 연결된 디스크목록 확인 3. 파티션 생성 후 확인 4. 포맷 5. 파티션을 특정 디렉토리에 마운트 - 디렉토리에 마운트 - 파일시스템 확인 6. 재부팅시에도 유지돼도록 자동 마운트 설정 - UUID 확인 - fstab에 UUID, 마운트 위치 입력 sudo vim /etc/fstab 재부팅 해서 마운트 확인 :) 공감수 0 댓글수 0 2021. 12. 29.
[SSL] Ubuntu NGINX + SSL(HTTPS) 적용, 자동갱신 Nginx 설치와 도메인은 이미 연결되있다고 가정 sudo add-apt-repository ppa:certbot/certbot sudo apt install python-certbot-nginx /* -d 구입한 도메인 */ sudo certbot --nginx -d test.co.kr -d www.test.co.kr 1. 이메일 입력( 인증서 갱신일 안내 이메일 옴 ) 2. 서비스 약관 동의 3. 이메일 공유여부 4. HTTP접근을 HTTPS로 리다이렉트 시킬지 여부 Let's Encrypt 는 90일짜리 인증서이기 때문에 마지막 갱신 후 2~3개월 사이에 인증서를 갱신시켜줘야함 - 인증서 갱신 테스트 sudo certbot renew --dry-run - 인증서 갱신 sudo certbot rene.. 공감수 0 댓글수 1 2021. 12. 29.
[이카운트] ECOUNT API 연동(6) 선작업(셋팅) https://yoyostudy.tistory.com/54 - 이카운트 ERP API 인증키 발급(테스트용 KEY) - 이카운트 ERP 창고 등록 - 이카운트 ERP 품목 등록 - 이카운트 ERP 창고별 품목 + 재고 지정 ECOUNT OPEN API TEST - Zone https://yoyostudy.tistory.com/55 - 로그인 https://yoyostudy.tistory.com/56 - 창고 + 품목별 재고 조회하기 https://yoyostudy.tistory.com/57 - 판매 입력(품목) https://yoyostudy.tistory.com/58 - 구매 입력(품목) https://yoyostudy.tistory.com/59 API 제공 기능 테스트 ( PHP CUR.. 공감수 0 댓글수 1 2021. 12. 10.
[이카운트] ECOUNT API 연동(5) 선작업(셋팅) https://yoyostudy.tistory.com/54 - 이카운트 ERP API 인증키 발급(테스트용 KEY) - 이카운트 ERP 창고 등록 - 이카운트 ERP 품목 등록 - 이카운트 ERP 창고별 품목 + 재고 지정 ECOUNT OPEN API TEST - Zone https://yoyostudy.tistory.com/55 - 로그인 https://yoyostudy.tistory.com/56 - 창고 + 품목별 재고 조회하기 https://yoyostudy.tistory.com/57 - 판매 입력(품목) https://yoyostudy.tistory.com/58 - 구매 입력(품목) https://yoyostudy.tistory.com/59 API 제공 기능 테스트 ( PHP CUR.. 공감수 0 댓글수 0 2021. 12. 10.
[이카운트] ECOUNT API 연동(4) 선작업(셋팅) https://yoyostudy.tistory.com/54 - 이카운트 ERP API 인증키 발급(테스트용 KEY) - 이카운트 ERP 창고 등록 - 이카운트 ERP 품목 등록 - 이카운트 ERP 창고별 품목 + 재고 지정 ECOUNT OPEN API TEST - Zone https://yoyostudy.tistory.com/55 - 로그인 https://yoyostudy.tistory.com/56 - 창고 + 품목별 재고 조회하기 https://yoyostudy.tistory.com/57 - 판매 입력(품목) https://yoyostudy.tistory.com/58 - 구매 입력(품목) https://yoyostudy.tistory.com/59 API 제공 기능 테스트 ( PHP CUR.. 공감수 1 댓글수 2 2021. 12. 10.
[이카운트] ECOUNT API 연동(3) 선작업(셋팅) https://yoyostudy.tistory.com/54 - 이카운트 ERP API 인증키 발급(테스트용 KEY) - 이카운트 ERP 창고 등록 - 이카운트 ERP 품목 등록 - 이카운트 ERP 창고별 품목 + 재고 지정 ECOUNT OPEN API TEST - Zone https://yoyostudy.tistory.com/55 - 로그인 https://yoyostudy.tistory.com/56 - 창고 + 품목별 재고 조회하기 https://yoyostudy.tistory.com/57 - 판매 입력(품목) https://yoyostudy.tistory.com/58 - 구매 입력(품목) https://yoyostudy.tistory.com/59 API 제공 기능 테스트 ( PHP CUR.. 공감수 0 댓글수 0 2021. 12. 10.
[이카운트] ECOUNT API 연동(2) 선작업(셋팅) https://yoyostudy.tistory.com/54 - 이카운트 ERP API 인증키 발급(테스트용 KEY) - 이카운트 ERP 창고 등록 - 이카운트 ERP 품목 등록 - 이카운트 ERP 창고별 품목 + 재고 지정 ECOUNT OPEN API TEST - Zone https://yoyostudy.tistory.com/55 - 로그인 https://yoyostudy.tistory.com/56 - 창고 + 품목별 재고 조회하기 https://yoyostudy.tistory.com/57 - 판매 입력(품목) https://yoyostudy.tistory.com/58 - 구매 입력(품목) https://yoyostudy.tistory.com/59 API 제공 기능 테스트 ( PHP CUR.. 공감수 0 댓글수 0 2021. 12. 10.
[이카운트] ECOUNT API 연동(1) 기존에 사용중인 이카운트를 활용한 재고관리 백엔드 개발을 해야해서 몇개 테스트해봄 Spring이나 Node나 다른 백엔드에서도 별로 어렵지않게 연동 가능할듯 - ECOUNT 홈페이지 ( https://www.ecount.com/kr/ ) ERP 모든 기능 월4만원 | 웹기반 이카운트 ERP 이카운트는 재고,생산,회계,영업,급여,그룹웨어,웹메일 등 업무관리에 필요한 모든 기능을 월4만원에 제공하는 클라우드 기반의 ERP프로그램입니다. www.ecount.com - ECOUNT OPEN API 개발문서 ( https://sboapi.ecount.com/ECERP/OAPI/OAPIView?lan_type=ko-KR ) https://sboapi.ecount.com/ECERP/OAPI/OAPIView?lan_t.. 공감수 2 댓글수 0 2021. 12. 10.
[JS] URL 접속 QR code 만들기 - 작업은 Vue js로 함 - Google Chart API 사용 생성 공감수 0 댓글수 0 2021. 11. 30.
[Docker] Ubuntu18.04 도커 + 도커 컴포즈 설치 - 유틸 설치 sudo apt update sudo apt install apt-transport-https ca-certificates curl software-properties-common - 도커 다운로드 curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu bionic stable" sudo apt update apt-cache policy docker-ce sudo apt install docker-ce service docker start or systemctl .. 공감수 0 댓글수 0 2021. 11. 22.
[Docker] 도커 명령어 //도커 내려받기 docker pull [내려받을 이미지] //도커 최초 실행( 도커 이름 지정하고(name), 콘솔로 접근할꺼임(it) ) docker run --name [도커 이름] -p [내부포트:도커포트] -p [내부포트:도커포트] -it [실행시킬 이미지명] /bin/bash //도커 컨테이너 실행중 목록 docker ps //도커 컨테이너 꺼진 목록 docker ps -a //도커 시작 docker start [컨테이너아이디] //도커 접속(시작된 상태여야함) docker attach [컨테이너아이디] //도커 이미지 수정 sudo docker commit [컨테이너아이디] [저장할이미지명] //도커 이미지 업로드 docker push [계정명]/[저장소]:[태그] //도커 컨테이너 삭제 d.. 공감수 0 댓글수 0 2021. 11. 18.
[Android] Kotlin, Java 홈버튼(최소화) 이벤트 - JAVA @Override protected void onUserLeaveHint() { super.onUserLeaveHint(); } - Kotlin override fun onUserLeaveHint() { super.onUserLeaveHint() finish() } 공감수 0 댓글수 0 2021. 11. 17.
[Vue js] dom drag move 돔 드래그로 이동시키기 jquery ui draggable 쓰려했는데 안먹히길래 딴거찾음 v-movable 설치 npm i v-movable Dom ... posTop : style.top posLeft : style.Left 공감수 0 댓글수 0 2021. 11. 11.
[Vue js] 카카오 맵 api 로 현재위치 마커찍는 코드 https://developers.kakao.com Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 1. Kakao Developers에서 선행작업 내 애플리케이션 생성 플랫폼 - Web - 사이트 도메인등록(http://localhost 가능) 요약 정보 - Java Script 키 복사 2. FrontEnd Component 3. TEST 공감수 0 댓글수 0 2021. 11. 10.
[JS] 토스페이먼츠 결제 테스트 코드 https://onboarding.tosspayments.com/ 토스페이먼츠 전자결제 onboarding.tosspayments.com HTML head TEST CODE 카드결제 가상계좌 계좌이체 휴대폰 공감수 1 댓글수 0 2021. 11. 10.
[Vue js] 아임포트 결제모듈 연동(KG 이니시스) https://www.iamport.kr/ 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr - 로그인후 우측 상단의 관리자 콘솔 접근 1. 아임포트 설정 - 내 정보 탭에서 가맹점 식별코드 복사 - PG 설정에서 기본 PG 사 KG 이니시스 설정 후 저장 2. FrontEnd - public/index.html head에 추가 - Component 결제 2. TEST - 결제 금액 입력 후 결제 버튼 클릭 - 결제 진행 - 결제 성공 확인(console.log) - 아임포트 관리자 콘솔에서 결제 내역 확인 가능 ㅅㄱ 공감수 1 댓글수 2 2021. 11. 9.
[JS] input 화살표 없애기 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 공감수 0 댓글수 0 2021. 11. 9.
[JS] 웹 FaceBook Login 연동 ( http / https ) https://developers.facebook.com Facebook for Developers 11월 9일~11월 22일에 개최 예정인 XR 해커톤 등록 글로벌 혁신가들과 함께 Spark AR 및 Presence 플랫폼으로 빌드하고 상금을 차지할 기회를 노리세요. Messenger를 사용한 로그인 연결 정식 출시 이제 타 developers.facebook.com 1. FaceBook Developer 앱 생성 - 앱 만들기 - 소비자 선택 후 다음 - 앱 이름 , 이메일 입력후 앱 만들기 - 비밀번호 입력후 제출 2. FaceBook Developer 테스트 앱 생성( http에서 테스트용으로 사용하기 위함, https 를 제공한다면 건너 뛰어도 무방 ) - 좌측 상단 앱 클릭 후 테스트 앱 만들.. 공감수 0 댓글수 0 2021. 11. 9.
[Vue js] 구글 로그인 (OAuth) 연동 https://console.cloud.google.com/ Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 사진 순서대로 하면 걍됨 1. Oauth 동의화면 - Ouath 동의화면 검색해서 찾아들어가기 - 좌측 상단 프로젝트 선택 - 새 프로젝트 - 프로젝트 이름 입력하고 만들기 - 외부 선택 후 만들기 - 앱 정보 입력중 선택한 부분만 입력후 "저장 후 계속" - 범위 추가(이메일 등)한 뒤 "저장 후 계속" - 그냥 쭉쭉 "저장 후 계속" - 좌측 OAuth 동의 화면 클릭 -> 앱 게시 2. 사용자 인증 정보 - 사용자 인증 정보(OAuth 클라이언트 ID) 만들.. 공감수 1 댓글수 4 2021. 11. 8.
[Vue js] 카카오 로그인 연동 1. Kakao Developers 셋팅 - https://developers.kakao.com Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인 -> 내 애플리케이션 -> 애플리케이션 추가하기로 앱 추가 요약 정보 -> JavaScript 키 기록 플랫폼 -> 사이트 도메인 등록(http://localhost 가능) 카카오 로그인 -> ON -> Rdeirect URL 등록 동의항목 -> 카카오 계정(이메일) 동의 2. FrontEnd - public/index.html에 스크립트 추가 - component 카카오 연동 3. 테스트 결과값.. 공감수 0 댓글수 0 2021. 11. 5.
[Vue js] Daum PostCode API 로 주소찾기 1. vue-daum-postcode 설치 npm i vue-daum-postcode --save 2. 컴포넌트 검색 3. RESULT 공감수 1 댓글수 0 2021. 11. 2.
[Node js] SMS 문자 전송 with Vue js - SMS 전송 서비스 알리고 API 사용 ( https://smartsms.aligo.in/main.html ) - 백엔드 ( Node js express ) - 프론트엔드 ( Vue js ) 1. 알리고 API 셋팅 - 포인트 충전 : 최소 5만원부터 시작 ㅠㅠ - 담당자 추가 - API Key 발급 신청 : IdenTifier, 발급키 사용해야함 - 발송 서버 IP 추가 : NodeJS 설치한 서버 IP 추가 - 발신번호 추가 2. SMS 전송 백엔드 - npm install aligoapi --save var express = require('express'); const aligoapi = require('aligoapi'); var router = express.Router(); var Aut.. 공감수 1 댓글수 0 2021. 11. 2.
[Kotlin] ViewPager2 code implementation "androidx.viewpager2:viewpager2:1.0.0" viewpager.kt class viewpager : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.viewpager) //뷰 페이저 셋팅 val res = JSONArray() res.put("1Page") res.put("2Page") res.put("3Page") ads_viewPagerBox.adapter = RecyclerViewAdapter(res, this) // 관리 페이지 수 default = 1 ad.. 공감수 0 댓글수 0 2021. 9. 14.
js 숫자 세자리마다 콤마찍기 function Comma(n) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return n.toString().replace(regexp, ','); } 공감수 0 댓글수 0 2021. 9. 6.
[Ubuntu] NGINX + Laravel7 + Vue * Ubuntu 18.04 * PHP7.2 * Laravel 7 * Vue 2.xx * MariaDB 1. 패키지 설치 apt update apt upgrade # nginx 설치 apt-get install nginx # php 설치 apt install php7.2-fpm php7.2-mysql php7.2-zip php7.2-gd php7.2-mbstring php7.2-xml mcrypt # mariadb 설치 apt install mariadb-server php-mysql 2. php.ini 설정 # php.ini 파일을 vim 에디터로 open vim /etc/php/7.2/fpm/php.ini # cgi.fix_pathinfo를 0으로 cgi.fix_pathinfo=0 3. NGINX 설정.. 공감수 0 댓글수 3 2021. 8. 9.

728x90

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.