코드 몽키의 허둥지둥 개발공부

aws iot secure tunneling에서 localproxy를 테스트하기 위해 웹 서버를 띄울 방법을 모색하다 배우게 된 방법. python3 -m http.server [port] [--directory 디렉토리 경로] port는 생략할 경우 default 8000번을 사용한다. --directory는 생략할 경우, 현재 디렉토리를 기준으로 실행된다. 활용 예시 (index.html을 만들어 초기 페이지를 작성) [~] # index.html 내용 : this is ingnoh's http.server example!!! [~] vi index.html [~] python3 -m http.server Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:800..

구조 분해 할당은 객체나 배열을 변수로 분해할 수 있게 해주는 문법이다. 함수에 객체 또는 배열의 일부만 전달하고자 하는 경우에 사용할 수 있다. 1. 배열 분해 배열을 분해하고 변수에 초기화 하는 과정이 짧아진다. 대상 배열이 실제로 파괴되거나 분해되는 것은 아니다. let arr = ["injuk", "hong"]; console.log(`Arr: ${arr}`); let [last, first] = arr; console.log(`Last: ${last} First: ${first}`); /* 실행 Arr: injuk,hong Last: injuk First: hong */ let [a, b] = 'hong ingnoh'.split(' '); console.log(`last: ${a} first: ..

Docker는 컨테이너와 서비스로부터 많은 정보를 얻을 수 있도록 다수의 로깅 메커니즘을 제공하고 있다. 이러한 로깅 메커니즘은 logging driver라고 함! 각각의 Docker 데몬은 명시적으로 다른 로깅 메커니즘을 사용하지 않는 이상, default logging driver를 사용한다. default logging driver는 'json-file' logging driver이며, 컨테이너의 로그를 JSON 형식으로 캐싱한다. 그러나 기본적으로 log-rotation을 지원하지 않으므로, json-file은 계속해서 쌓여 많은 디스크 공간을 차지하게될 수도 있다. 이는 Disk exhaustion의 원인이 될 수 있으므로, 다음과 같이 default logging driver를 설정하자. ma..

document.addEventListener("DOMContentLoaded", () => { console.log("hello world"); });

이 글은 아래 사이트를 토대로 작성되었습니다. jQuery Best Practices jQuery Best Practices Greg Franko About the Speaker JavaScript Engineer at AddThis (We are hiring) Open Source Enthusiast Soon-to-be Author Hates the word HTML5 Contact Details Github: https://github.com/gfranko Twitter: https://twitter.com/GregFranko Link gregfranko.com 이벤트 핸들링 i). 일반적인 경우 $("#longlist li").on("mouseenter", function() { $(this).te..

일반적인 함수 선언 방식은 다음과 같다. // 함수 선언식 function funcDecl() { console.log("Function Declarations!"); } // 함수 표현식 const funcExpr = function() { console.log("Function Expressions!"); } 화살표 함수는 함수 표현식으로 작성된 함수를 보다 단순하고 간결하게 만들어준다. i). 문법 const funcName = (arg1, arg2, arg3) => expression // 위 함수는 다음과 같은 의미를 갖는다. const funcExpr = function(arg1, arg2, arg3) { expression } ii). 예시 const funcSum = (num1, num2)..

이 글은 아래 사이트를 토대로 작성되었습니다. jQuery Best Practices jQuery Best Practices Greg Franko About the Speaker JavaScript Engineer at AddThis (We are hiring) Open Source Enthusiast Soon-to-be Author Hates the word HTML5 Contact Details Github: https://github.com/gfranko Twitter: https://twitter.com/GregFranko Link gregfranko.com DOM 조작하기 i). 일반적인 경우 // elem 요소의 title 속성을 해당 요소의 text를 통해 변경 $(".container in..

이 글은 아래 사이트를 토대로 작성되었습니다. jQuery Best Practices jQuery Best Practices Greg Franko About the Speaker JavaScript Engineer at AddThis (We are hiring) Open Source Enthusiast Soon-to-be Author Hates the word HTML5 Contact Details Github: https://github.com/gfranko Twitter: https://twitter.com/GregFranko Link gregfranko.com jQuery Ready 이벤트 코드 해설 참고 i). 일반적인 경우 $("document").ready(function() { // DOM이..