티스토리

dittybox
검색하기

블로그 홈

dittybox

leannet.tistory.com/m

늘 언제나 초보 개발자

구독자
0
방명록 방문하기

주요 글 목록

  • favicon 만들기 https://www.piskelapp.com/p/create/sprite Piskel - www.piskelapp.com piskelapp 사이트에 접속하여 이미지를 만든다. 오른쪽 설정에서 width,height 를 64로 변경하여 작업 gif나 png로 EXPORT 한다. https://www.favicon-generator.org/ Favicon & App Icon Generator Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons. www.favicon-generator.org 만들어진 이미지를 첨부한후.. 공감수 0 댓글수 0 2023. 8. 4.
  • mssql to postgresql migration Data Type SQL Server PostgreSQL BIGINT 64-bit integer BIGINT BINARY(n) Fixed-length byte string BYTEA BIT 1, 0 or NULL BOOLEAN CHAR(n), CHARACTER(n) Fixed-length character string, 1 ⇐ n ⇐ 8000 CHAR(n), CHARACTER(n) DATE Date (year, month and day) DATE DATETIME Date and time with fraction TIMESTAMP(3) DATETIME2(p) Date and time with fraction TIMESTAMP(p) DATETIMEOFFSET(p) Date and time with fract.. 공감수 0 댓글수 0 2022. 1. 30.
  • Blazor Component to Component Value change Component function FromToSetValue(TargetId, SourceValue) { if (TargetId != '') { //EnterKey Event if (window.event.keyCode == 13) { const lbl = document.getElementById(TargetId); lbl.value = SourceValue; lbl.dispatchEvent(new Event("change")); } } } 공감수 0 댓글수 0 2021. 9. 17.
  • 백신 전쟁!! Mirroid와 AutoHotKey를 이용한 메크로 만들기 요즘 말이 많은 잔여백신 예약은 스마트폰에서 인증을 받아서 네이버나 카카오를 이용하여 잔여백신 예약을 하게 한다. 잔여백신의 경쟁율은 말도 못할정도로 빡시다.... 손컨에 자신있는 나역시 일주일 삽질하다 열이 받아서........ Mirroid 는 스마트 폰과 PC를 연결하여 PC에서 폰화면을 띄워서 제어가 가능하다. 보통 유툽하는 분들이 사용을 많이 한다고 한다. AutoHotKey 는 PC에서 메크로를 만들때 어렵지 않게 사용할 수 있는 프로그램이다. 소스는 ahk 확장자를 가지며 exe파일로 컴파일 할 수 있으며 간단하게 ahk 파일로 실행이 가능하다. 아래는 누군가가 사용한 소스 전문이다. Mirroid로 스마트폰 화면을 PC로 띄우고 아래 AutoHotKey 프로그램으로 PC에 뜬 화면을 제어하.. 공감수 0 댓글수 0 2021. 8. 5.
  • Blazor 에서 EventHandler 이용하기 blazor를 사용 중 div에 마우스를 올릴때 이벤트를 걸어야 하는 경우가 생길 때 MS 공식 문서에서는 div @mouseover="functionName" 이러면 된다고 되어 있다 개뿔 안된다.... 이리 저리 찾아다 발견 한것은 아래처럼 하나 만들고 using Microsoft.AspNetCore.Components; using Microsoft.AspNetCore.Components.Web; using System; using System.Collections.Generic; using System.Text; namespace xxxxx.EventHandler { /// /// Holds attributes to configure the mappings between event names and.. 공감수 0 댓글수 0 2021. 5. 7.
  • ToString().PadLeft / PadRight 지정한 길이만큼 왼쪽 오른쪽에 지정문자 혹은 공백을 넣음 공감수 0 댓글수 0 2021. 3. 30.
  • 숫자 데이터 int 정수형 -2_147_483_648 ~ 2_147_483_648 Int32.MinValue ~ Int32.MaxValue long 정수형 -9_223_372_036_854_775_807 ~ 9_223_372_036_854_775_807 Int64.MinValue ~ Int64.MaxValue double 실수형 데이터 (64비트 부동 소수점 숫자) 실수 뒤에 접미사가(D,d) 붙을 수 있다. -1.7976931348623157E+308 ~ 1.7976931348623157E+308 System.Double.MinValue ~ System.Double.MaxValue float 실수형 데이터 (32비트 부동 소수점 숫자) 실수 뒤에 접미사가(F,f) 붙어야 한다. -3.40282347E+38 ~ 3... 공감수 0 댓글수 0 2021. 3. 29.
  • C# code snippet (코드 조각) 간단하게 약속된 단어를 적고 Tab등의 키를 입력하면 해당하는 템플릿이 자동으로 생성이 된다. 아래는 VSCode 에서 Snippet 활용 하는 방법 velog.io/@humblego42/VSCode%EC%97%90%EC%84%9C-Snippet-%ED%99%9C%EC%9A%A9%ED%95%98%EA%B8%B0 VSCode에서 Snippet 활용하기 이미 아무 것도 안하고 있지만 더 격하게 아무것도 안하고 싶다면 velog.io visual studio 에서 자신만의 코드 스니펫을 만드는 방법 showmethecode.tistory.com/148 Visual Studio에서 Code Snippet 사용하기 Code Snippet 만들어 사용하기 Code snippet이란 '코드 조각'으로, 반복되는 패턴.. 공감수 0 댓글수 0 2021. 3. 26.
  • [나만의 js 차트 만들기1] - new 삽질의 시작 상용이나 공개 되어 있는 라이브러리를 사용하지 말고 '그냥 내가 다 만들어 보자' 라는 마음으로 시작! 라이브러리를 사용할 때 보통 HTML에는 JS 에는 let 이름 = new 라이브러리('라이브러리에서요구하는이름', options); 이름.메소드(옵션); 이런식으로 되어 있다. 그리고 소스를 보면 ....ㅋㅋㅋ 복잡하다. 이리저리 복잡한 많은 소스를 보면서 주눅이..... 진짜 복잡한것도 있지만 대부분의 소스는 안쓰는 소스들도 상당한 부분을 차지 한다. 이유는 특정 부분처리를 위해서 다른 라이브러리를 불러 와서 사용하기 때문이다. 라고 나는 생각한다. 이번에 블로그를 보는 당신과 같이 만들어 볼것은 차트 이다. 원형 차트로 구역을 나누고 마우스를 올렸을때 타이틀을 보여 주고 약간의 에니메이션을 주는 .. 공감수 0 댓글수 0 2021. 2. 22.
  • 내가 자주 쓸거 같은 단축키 Dock에서 command를 누르고 엡을 선택하면 파인더로 위치가 열림 공감수 0 댓글수 0 2021. 2. 15.
  • window10 20H2 버전에서 IE11 스크립트 이상 작동 시 window10 20H2 버전을 업데이트 하고 IE11 스크립트가 이상 작동을 하였다. 문제된 부분은 window.open으로 새창을 열고(새탭이 아님) 열린 새창에서 window.close()로 창을 닫을 때 10여초간 IE가 멈추는 현상이 있었다. 이유는 close될 때 추가기능 중 IEToEdge BHO 와 충돌이 나서 였다. 정확하게 충돌나는 원인은 알아 내지 못하였고 해당 추가기능은 IE사용자가 IE를 지원하지 않는 사이트 접근 시 Edge로 넘기는 역활을 하는 녀석이였다. IE를 꼭 써야 하는 이곳에서는 전혀 원하지 않는 녀석이라 추가기능 사용안함으로 셋팅을 할려고 하였으나 이녀석은 정지가 불가능한 오로지 사용만 가능한 녀석이였다. 삭제는 가능하나 차후 윈도우 업데이트 시 자동으로 다시 설치 .. 공감수 0 댓글수 0 2021. 2. 9.
  • AutoHotKey 마우스 이동(화면 잠금 안되게 ㅎ) Gui, add, button, x20 y40 w100 h30, MoveMouse gui, show CoordMode, Pixel, Screen CoordMode, Mouse, Screen return ButtonMoveMouse: { loop { if ( A_TimeIdle > 180000){ Mousemove, -10, -10, 0, R Mousemove, 10, 10, 0, R } } } return F3:: ExitApp 공감수 0 댓글수 0 2021. 2. 8.
  • 마우스 스크롤과 메뉴 하이라이트 주기 velog를 보면 마우스를 내리면 오른쪽에 목차가 같이 따라 내려가는것이 보인다. 이전부터 한번 만들어 보자 라고 생각만 하다가 우연히 창원 개발자 단톡방에서 어떤분이 질문을 하여 이참에 구현해 보자라고 생각이 되어 코딩을 시작한다. (우리회사 부장은 코딩이란 단어를 싫어한다 왜인지 모르겠는데 코딩쟁이가 코딩이라고 업무보고 적으면 안되나??? 쳇) 자! 구현해 보자! 우선 깃에서 자바스크립트 공부내용을 끌고 오고 [.] [..] [api] [bridge] [drag-and-drop] [dropdown] [egoing] [export-import] modal.js README.md study.css test.html 4개 파일 3,234 바이트 8개 디렉터리 222,409,691,136 바이트 남음 F:\.. 공감수 1 댓글수 0 2021. 2. 3.
  • 호이스팅(hoisting) 여러 강좌들을 보다 보면 자주 접하는 용어인 호이스팅 호이스팅은 변수와 함수의 선언을 가장 상단으로 올린다는 의미이다. 딱 여기까지만 생각하고 살다가 즉시실행함수(IIFE)에 대해보는 중 호이스팅을 다시 생각하는 계기가 되어 블로그에 남길려고 한다. 일반적으로 내가 알았던 호이스팅의 의미는 함수와 변수의 선언을 가장 상단으로 올린다. 이다. foo(); function foo(){ console.log('foo'); } 결과는 콘솔에 foo가 찍힐 것이다. 그럼 아래는 어떻게 될까? foo(); var foo = () => console.log('foo'); //var foo = function(){console.log('foo')}; 우리는 Uncaught TypeError: foo2 is not a .. 공감수 0 댓글수 0 2021. 2. 3.
  • 논리연산자 && || ! 1. && AND 연산 a && b a가 true면 b, a가 false면 a 2. || OR 연산 a || b a가 true면 a, a가 false면 b 2. ! NOT 연산 !a a를 true로 변환할 수 있으면 false를 반환. 그렇지 않으면 true를 반환 false 변환할 수 있는 표현의 예는 다음과 같습니다. null NaN 0 빈 문자열 ("", '', ``) undefined 연산자 우선순위 다음 표는 가장 높은 우선 순위 (21)에서 가장 낮은 우선 순위 (1)로 정렬되어 있습니다. Precedence Operator type Associativity Individual operators 21 Grouping n/a ( … ) 20 Member Access left-to-right … .. 공감수 0 댓글수 0 2021. 1. 31.
  • Docker - container ps[조회] stop[정지] start[시작] restart[재시작] attach[접속] image 만들기 docker build -t name . container 만들기 sudo docker run -d -p 0000:0000 name -c : CPU 리소스를 할당 / 제한 하는 옵션 --cpu-share 과 같은 기능 , 기본값은 1024 이며 이를 기준으로 2배로 사용하려면 2048 식으로 증가시키면됨 ex > -c 1024 -m : 메모리 리소스를 할당 / 제한 하는 옵션 ex > -m 1G -d : detached mode (백그라운드 모드) -p : 호스트 컨테이너의 포트 연결 (포워딩) ex> -p 80:8080 nginx에서 pass 할 포트:Dockerfile 설정 port -v : 호스트 컨테이너의 디렉토리 연결 (마운트) ex> -v /data:/home/data –na.. 공감수 0 댓글수 0 2021. 1. 16.
  • docker image, containerd 삭제 컨테이너 삭제 동작중인 컨테이너 확인 sudo docker ps 정지된 컨테이너 확인 sudo docker ps -a 컨테이너 삭제 sudo docker rm containerd-id sudo docker rm containerd-id1,containerd-id2..... 모두 삭제 sudo docker rm `docker ps -a -q` 이미지 삭제 현재 이미지 확인 sudo docker images 이미지 삭제 sudo docker rmi image-id 이미지를 삭제하면서 컨테이너도 강제 삭제 할 때 sudo docker rmi -f image-id 공감수 0 댓글수 0 2021. 1. 16.
  • Nginx + Docker image(NestJS) 502 Error 502 오류 Docker image 실행 할때 docker run -d Nginx에서 proxy 연결을 하였으나 에러 발생 딱보면 PORT 가 TCP 8398 이구나 해서 문제 없는 줄 알았으나 그게 아니였음 저 port는 docker image가 실행되는 내부 port임 다시 도크 실행 docker run -d -p 8398:8398 내가 블로그에 -p를 쓰는걸로 적고 정작 내가 그걸 안써서 개고생을 함 외부 8398포트를 내부 8398로 연결해줌 당연히 Nginx에서는 8398로 연결 client -> (80) -> nginx -> (8398) -> docker -> (8398) -> NestJS 이렇게 되는것 같음. 아 개고생... 공감수 0 댓글수 0 2021. 1. 16.
  • ubuntu log 위치 cd /var/log/ 공감수 0 댓글수 0 2021. 1. 16.
  • Ubuntu server에 Docker 설치 설치는 Docker 공식문서 이전 버전 삭제 sudo apt-get remove docker docker-engine docker.io containerd runc pt-get이러한 패키지가 설치되어 있지 않다고보고해도 괜찮습니다 . /var/lib/docker/이미지, 컨테이너, 볼륨 및 네트워크를 포함한 의 컨텐츠 는 보존됩니다. 기존 데이터를 저장할 필요가없고 새로 설치를 시작 하려면이 페이지 하단의 Docker Engine 제거 섹션을 참조하십시오. 설치 색인 최신화 후 설치 sudo apt-get update sudo apt-get install \ apt-transport-https \ ca-certificates \ curl \ gnupg-agent \ software-properties-c.. 공감수 0 댓글수 0 2021. 1. 15.
  • nginx 업로드 용량 nginx 업로드 용량 http { client_max_body_size 5M; // 제한을 없애고 싶다면 0을 입력. 세미콜론도 주의! ... } 공감수 0 댓글수 0 2021. 1. 15.
  • dockerfile Appendix Dockerfile Instruction Instruction설명 FROM 도커 이미지의 바탕이 될 베이스 이미지를 지정한다. 이 이미지는 Docker hub라는 레지스트리에 공개된 것이어야 한다. RUN 이미지를 실행할 때 컨테이너 안에서 실행할 명령어를 정의한다. COPY 호스트의 파일 또는 디렉토리를 도커 컨테이너 안으로 복사한다. CMD 도커를 실행할 때 컨테이너 안에서 실행할 명령을 정의한다. RUN과 다르게 RUN은 이미지를 빌드할 때 실행되고, CMD는 컨테이너를 실행하면 한 번만 실행된다. ADD COPY + 압축 파일 해제, URL로부터 컨테이너 파일 및 디렉토리 추가 ARG docker image build 실행할 때 사용하는 변수 ENTRYPOINT 컨테이너를 실행 가.. 공감수 0 댓글수 0 2021. 1. 15.
  • nestJS docker image 만들기 nodejs의 도커라이징 페이지를 보면서 진행 nodejs에서는 server.js를 만들어서 express 프레임워크로 지정하는 작업을 하지만 nestjs에서는 main.js를 지정 하면 되기때문에 server.js 생성이 불필요 Dockerfile 생성 nestjs의 root 폴더에서 Dockerfile을 생성한다. 다음 Dockerfile을 열어서 내용을 넣는다. 가장 먼저 해야 할 것은 어떤 이미지를 사용해서 빌드할 것인지를 정의하는 것입니다. 여기서는 Docker Hub에 있는 node의 최신 LTS(장기 지원) 버전인 12을 사용할 것입니다. FROM node:12 다음으로 이미지 안에 애플리케이션 코드를 넣기 위해 디렉터리를 생성할 것입니다. 이 디렉터리가 애플리케이션의 작업 디렉터리가 됩니다.. 공감수 1 댓글수 0 2021. 1. 15.
  • 명령어 디렉토리 관련 명령어 디렉토리 목록 확인 $ ls $ ls -al : 감춰진 파일은 .이 붙는다. a 옵션을 사용하면 해당 파일을 확인할 수 있다. $ ls -l 새 디렉토리 생성 $ mkdir [디렉토리명] $ mkdir -p [디렉토리명/디렉토리명/디렉토리명...] : 여러 디렉토리 생성 디렉토리 이동 $ cd [디렉토리명] $ cd .. : 부모 디렉토리로 이동 tip) 디렉토리명이 너무 길 때, 조금만 쓰고 tab키 누르면 자동완성 디렉토리 삭제 $ rm -r [디렉토리명] : -r (remove directories and their contents recursively; 해당 디렉토리 아래 있는 내용들도 삭제한다.) 파일 관련 명령어 비어있는 파일 생성 $ touch [파일명] 파일 삭제 $ .. 공감수 0 댓글수 0 2021. 1. 14.
  • SSL 무료 Let's Encrypt 사용하기 서버는 ubuntu 20.X 로 NginX사용 중 꿈꾸는섬 블로그 참고 서버 최신 상태로 하고 letsencrypt 설치 certbot nginx 플러그인 설치 sudo apt-get update -y sudo apt-get dist-upgrade -y sudo apt-get install letsencrypt -y sudo apt install certbot python3-certbot-nginx 80,443 포트 열기 sudo iptables -A INPUT -p tcp --dport 80 -j ACCEPT sudo iptables -A INPUT -p tcp --dport 443 -j ACCEPT standalone 방식의 단점은 진행하는 동안 nginx를 종료해야 함 장점은 간결하며 빠르고 안정성.. 공감수 0 댓글수 0 2021. 1. 13.
  • INSOMNIA 사용하여 Header에 token 사용 별거 아닌데 한참 고생을... header에 Authorization value에 Bearer token 허허허..... 공감수 3 댓글수 1 2021. 1. 12.
  • NestJS Authentication(4) jwt(수정) [수정] member.module와 auth.module 서로 각각의 service를 providers 한 다면 종속성 오류가 난다. 아래 사이트 내용을 봐야 할거 같다. ichi.pro/ko/nestjs-tamsaeg-nestui-modyul-siseutem-150387603343728 NestJS 탐색 — Nest의 모듈 시스템 주의! 이 기사는 시리즈의 2 부 : NestJS 탐색 🙌🏻입니다. 원하는 경우 여기에서 파트 1을 찾을 수 있습니다. https : // medium. ichi.pro jwt 하다가 환경변수 부분으로 샛길로 빠졌었다. 다시 돌아와서 .... auth.module import { Module } from '@nestjs/common'; import { AuthService }.. 공감수 0 댓글수 0 2021. 1. 11.
  • build 시 난독화 package.json에서 script 항목에 build에 react-scripts 앞에 GENERATE_SOURCEMAP=false 추가한다. 공감수 0 댓글수 0 2021. 1. 11.
  • addEventListener 와 자주 사용하는 event addEventListener(event, f, [boolean, {options}]) 첫번째로는 Event명 두번째로는 콜백함수 function (e) {} 여기에 e는 이벤트의 객체인데 써도 되고 안써도 되는데 addEventListener는 일단 던져준다. 세번째는 사용해도 되고 안해도 되는 것인데 useCapture의 boolean값으로 default는 false이다. 버블링과 캡쳐링 관련 설명은 다음에 적는것으로.. 캡쳐 -> 타겟 -> 버블 음.... 다음에.. ㅋㅋ 무튼 false면 캡쳐단에서는 동작안하고 버블단에서 동작한다는 의미 그리고 options {capture:false, once:true, passive:false} capture = useCapture once는 참이면 한번만 실.. 공감수 0 댓글수 0 2021. 1. 10.
  • Git main git 기본 처음 생성 시 git init git remote add origin https://github.com/dittyBox/link-for-learning.git git add . git status git commit -m "messege" git branch -M main git push -u origin main 기본브랜치 변경 git config --global init.defaultBranch main git remote -v git add . git status (-s 변경내역을 간단히) git commit -m "messege" git branch -M main git push -u origin main git pull git rm --cached 위에 기본 프랜치가 변경이 안되어 .. 공감수 0 댓글수 0 2021. 1. 9.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.