본문 바로가기

전체 글

 (82)
[나만의 js 차트 만들기1] - new 삽질의 시작 상용이나 공개 되어 있는 라이브러리를 사용하지 말고 '그냥 내가 다 만들어 보자' 라는 마음으로 시작! 라이브러리를 사용할 때 보통 HTML에는 JS 에는 let 이름 = new 라이브러리('라이브러리에서요구하는이름', options); 이름.메소드(옵션); 이런식으로 되어 있다. 그리고 소스를 보면 ....ㅋㅋㅋ 복잡하다. 이리저리 복잡한 많은 소스를 보면서 주눅이..... 진짜 복잡한것도 있지만 대부분의 소스는 안쓰는 소스들도 상당한 부분을 차지 한다. 이유는 특정 부분처리를 위해서 다른 라이브러리를 불러 와서 사용하기 때문이다. 라고 나는 생각한다. 이번에 블로그를 보는 당신과 같이 만들어 볼것은 차트 이다. 원형 차트로 구역을 나누고 마우스를 올렸을때 타이틀을 보여 주고 약간의 에니메이션을 주는 ..
내가 자주 쓸거 같은 단축키 Dock에서 command를 누르고 엡을 선택하면 파인더로 위치가 열림
window10 20H2 버전에서 IE11 스크립트 이상 작동 시 window10 20H2 버전을 업데이트 하고 IE11 스크립트가 이상 작동을 하였다. 문제된 부분은 window.open으로 새창을 열고(새탭이 아님) 열린 새창에서 window.close()로 창을 닫을 때 10여초간 IE가 멈추는 현상이 있었다. 이유는 close될 때 추가기능 중 IEToEdge BHO 와 충돌이 나서 였다. 정확하게 충돌나는 원인은 알아 내지 못하였고 해당 추가기능은 IE사용자가 IE를 지원하지 않는 사이트 접근 시 Edge로 넘기는 역활을 하는 녀석이였다. IE를 꼭 써야 하는 이곳에서는 전혀 원하지 않는 녀석이라 추가기능 사용안함으로 셋팅을 할려고 하였으나 이녀석은 정지가 불가능한 오로지 사용만 가능한 녀석이였다. 삭제는 가능하나 차후 윈도우 업데이트 시 자동으로 다시 설치 ..
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
마우스 스크롤과 메뉴 하이라이트 주기 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:\..
호이스팅(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 ..
논리연산자 && || ! 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 … ..
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..

티스토리툴바