구매 링크는 여기 [다나와] 버바팀 USB-PD PPS/QC3.0 156W 4포트 충전기 최저가 52,630원 prod.danawa.com 본 글은 광고가 아닌 '내돈내산'임을 먼저 알립니다. 재택근무 + 쓸데없는 충전 콘센트가 많아져 PD 충전기를 구매하기로 했습니다. 구성품은 아래와 같은데요. 케이블 분리형이라 충전기 전원선과 충전기로 되어 있습니다. 저 전원선이 은근 길어서 되게 좋았어요. 참고로 100W이상(최대 108W)이다 보니 스마트폰, 태블릿을 동시에 충전할 때에도 스마트폰은 초고속 충전으로 충전됩니다. 제가 일반적으로 휴대폰 충전, 태블릿 충전용도 외에 사용해본 형태는 아래와 같은데 1. 닌텐도 스위치 + 15.6인치 휴대용 모니터 + 스마트폰 충전 2. 노트북 + 15.6인치 휴대용 모..

오늘 젠킨스에 서버 셋팅해주기 위해 먼저 서버안에 git clone, 필요한 패키지 / 필요한 언어 설치 후 clone한 코드들을 yarn을 이용하여 build 후 시작해주려 했습니다만... 위와 같은 빌드 에러가 떴습니다. 분명 윈도우 상에선 정상적으로 빌드 - 실행이 되었는데 왜 빌드가 안되었는지 살펴보니 윈도우에서는 상관 없었는데 리눅스에서는 대소문자 구분이 제대로 되어야 했었습니다. 그래서 코드들을 살펴보니 import하는 부분에서 파일들의 경로들이 대, 소문자 구별이 안되어 있었습니다. 예를 들면 "../../Exam/Ex" 라는 경로가 실제 경로라 하여 아래와 같이 import 했을 때 import example "../../exam/ex" 윈도우 환경(VS Code)에서는 이 부분을 자동으로..

'내돈 내산'임을 먼저 알립니다. (영수증을 첨부하려 했으나 danawa페이지에서 품절이 생겨 어떤 쇼핑몰에서 구매했는지 잊어버렸네요...) 제가 전에 썼었던 VORTEX TYPE EF라는 키보드가 운명하는 바람에 새로운 키보드를 장만해야 했습니다. 그 전부터 뽐뿌가 왔었던 키보드가 있었는데 이렇게 생긴 키보드 입니다. (다만 LED가 없는 모델이라 구매하실 분들은 참고 하시길..) 기존에 사용했었던 모델이 청축이라 이번엔 갈축을 사려 했습니다. 근 1~2주간 사용하면서 장단점이 분명하게 드러났는데 장, 단점은 이러합니다. 장점 1. 10만원 초반의 가격대임에도 선과 키보드가 분리되는 모델입니다. 2. 체리축, PBT 키캡. 3. 이쁩니다. 4. 여분의 키캡 제공하여 구성이 나름 만족스럽습니다. 5. 매..

Hoisting은 우리가 무의식적으로 사용하고 있을 수 있는 개념입니다. 이번 글에서는 Hoisting의 특징에 대해 알아보겠습니다.  모든 변수 선언은 호이스팅(Hoisting)되는데 호이스팅(Hoisting)이란 변수의 선언과 할당이 분리되어 처리되는 것을 의미합니다. 쉽게 말해서 변수가 함수 내부에서 선언되었을 경우 해당 선언은 함수의 최상위로 끌어올려지고, 함수 외부에서 선언되었을 경우 전역 컨텍스트의 최상위로 이동하게 됩니다. 이렇게 말로하는것보다 코드로 이해하는게 더 빠르니 코드를 봅시다.const hoisting = () => { console.log("First-Name:", name); var name = "Marcus"; console.log("Last-Name:", name);}..

이번에는 https://www.highcharts.com/ 에서 제공하는 데모버전을 적용하는 방법을 알아보겠습니다. 먼저 여기로 들어갑니다. 왼쪽 상단에 있는 Demo를 들어갑니다. 맘에 드는 차트를 찾습니다. 원하는 Demo의 속성에 맞게 다운로드 해줍니다. 아까 마음에 들던 차트를 들어갑니다. Edit IN JSFIDDLE를 눌러줍니다. 왼쪽 상단에 등등을 넣어줍니다. DEMO를 보고 있는 사이트의 경로는 https:// ~ 로 되어있는데 꼭 자신에 맞게 경로를 다시 지정해주셔야 됩니다. 그리고 에 넣어 주시면 됩니다. jquery-1.12.3min.js로 돌아가는거 확인했습니다. jquery가 맞지 않으면 돌아가지 않을 수 있습니다. 또한 jquery위치를 가장 위에 올려주시면 되겠습니다. 아래에 ..

[목표]nodejs가 싱글쓰레드임에도 불구하고 비동기처리를 한다는데 어떻게해? 의문에 답해보자nodejs가 이벤트루프기반 비동기처리를 한다는데, 이벤트루프가 대체 뭔지 알아보자랜더링엔진 구조, 처리방식은 알아봤는데 자바스크립트 엔진은 그냥 지나간 것 같으니 이번 기회에 알아보자[우선! 자바스크립트 엔진과 브라우저 랜더링엔진은 다르다]랜더링엔진은 HTML과 CSS파일을 파싱하여 새로운 트리구조를 만들고 브라우저 화면에 문서를 나타내는(painting) 작업을 함자바스크립트 엔진은 js 코드 파일을 해석하고 실행하는 인터프리터(구글의 V8과 같은 엔진)[자바스크립트 엔진 구조]대부분의 자바스크립트 엔진은 다음과 같이 세가지 영역으로 나뉨1) Call Stack자바스크립트는 단 하나의 호출 스택(call st..

[목표] 모던웹 구현에 필요한 Ajax 개념알기 Ajax 직접 구현해보는 것 마음먹기 [먼저 보면 좋은 게시글] 1) HTTP 프로토콜 자세히 알기 2) 싱글쓰레드 자바스크립트 엔진은 비동기처리를 어떻게 하는가 [Ajax란] 자바스크립트를 이용해서 비동기적으로 브라우저와 서버가 데이터를 주고 받는 방식을 말함 새로운 언어나 프레임워크, 라이브러리가 아님, 네트워크 통신 방식을 말함 Asynchronous Javascript and XML : 자바스크립트로 비동기 통신을 하고, XML 형식으로 데이터 리턴을 받는다는 뜻 XML 데이터보다 JSON 데이터 포맷을 훨씬 더 많이 사용함 자바스크립트를 통해서 서버에 요청을 하고, 서버로부터 데이터를 리턴받음 DOM을 제어해서 서버로부터 리턴받은 데이터를 가지고 ..

MySQL연동 하는 부분으로 들어가며 4일 동안 개고생했던 에러가 생겼는데 Error 1045: Access denied for user 'root'@'localhost' (using password: YES) 위의 에러였다. 내 MySQL을 연동하는 부분이 func NewHandler() (HandlerInterface, error) { db, err := dblayer.NewORM("mysql", "root:123456@/gomusic") if err != nil { return nil, err } return &Handler{ db: db, }, nil } 이 부분이였는데 형식에 맞게 썼음에도 자꾸 저 에러를 벹어내는 것이 였다. 그렇다고 mysql에 접속이 안되는 것도 아니였고, root라는 계정..

OOP가 나온지 20년이 되었고, 모든 개발자들이 OOP란 개념은 필수가 되었고, OOP를 해야만 하는 언어들도 많이 나타났습니다. 그 만큼 OOP는 훌륭한 개념이고, 프로그래밍 역사상 가장 훌륭한 기술이자, 가장 성공한 기술이 아닐까 싶습니다. 그럼에도 불구하고, OOP는 문제점이 점점 드러나기 시작했는데 잘 하면 좋은데 잘 하기 어렵다.는 점이죠. 이걸 잘하려면 알아야 하는 내용도 너무 많고, 숙지하고, 숙달해야 하는 부분이 너무 많기 때문이죠. 이게 단순히 지식 만으로 되지 않습니다. 이 지식을 가지고 숙달하는 과정이 필요하죠. 이 지식도 올바른 지식을 가지고 올바르게 숙달시켜야 하는데 실제 상황에서는 올바른 지식을 가진 개발자가 흔하지 않을 뿐더러 올바르게 숙달시킨 개발자도 흔치 않습니다. 그 이..