목록전체 글 (549)
똑같은 삽질은 2번 하지 말자
보호되어 있는 글입니다.

개요 nodenv install -l 명령어를 치면 출력되는 최신 node version이 없어서 최신 node list를 가져오고 싶다. nodenv는 node-build라는 플러그인? 을 사용하고 있는거 같은데 이 node-build를 최신으로 업데이트 하면 설치가능한 node version이 최신버젼까지 추가된다. brew upgrade node-build 혹시 nodenv global 해도 node 버전이 바뀌지 않는분들은 본인이 사용하고 있는 shell 설정파일을 열어 밑의 command를 추가 eval "$(nodenv init -)" 쉘이 실행되는 순간 node는 nodenv에 의해 관리되는 명령어

개요 이펙티브 타입스크립트라는 책을 읽고 장별(각각의 장안에 아이템별)로 학습한 내용 정리하기 이 책의 목표: 독자에게 타입스크립트나 자바스크립트를 가르치는 것이 아니라, 초급자나 중급자가 전문가로 발전할 수 있게 돕는 것 프로그래밍에서 어떤 방법을 가르치는게 아니라 어떤 방법을 사용할 때 왜 그래야 하는지를 알려준다. 1장 타입스크립트 알아보기 Item1. 타입스크립트와 자바스크립트의 관계 이해하기 타입스크립트에 대해 공부를 해본 사람이라면 타입스크립트는 자바스크립트의 상위집합(super set)이라는 말을 많이 들었을건데, 그게 무슨 말이냐면, 모든 자바스크립트는 타입스크립트이지만, 타입스크립트는 별도의 문법을 가지고 있기 때문에 유효한 자바스크립트 프로그램은 아니라는 말이다. 위의 그림을 보면 타입..
개요 상품의 가격의 오름차순으로 정렬하고 싶은 경우 sort()를 써본 코드인데 sort의 compareFunction에 대해서 너무 명확하게 이해가 되지 않아서 생각정리를 위해 쓰는 글 if (filters.sort === "asc") { products.sort((a, b) => a.price - b.price); } sort() ? sort는 Array의 요소들을 정렬하기 위해 쓰이는 함수이다. sort()의 매개변수 sort의 매개변수로서 compareFunction()이 optional하게 들어가 있다.(써도되고 안써도되고) 공식문서의 compareFunction에 대한 설명으로는 compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬합니다. 즉, a가 먼저옵..
보호되어 있는 글입니다.

개요 vue-chartjs 3 version을 사용해 이하의 이미지같은 도넛차트를 만들어보자 잘 정리된 일본 공식문서..? 한국어로 된건 없는거 같다. 最初に | 📈 vue-chartjs 最初に vue-chartjs は Chart.js をvueで使用するためのラッパーです。 再利用可能なチャートコンポーネントを簡単に作成できます。 初めに vue-chartjs あまり手間をかけずにvueの中でchart.jsを使うこ vue-chartjs.org 우선 DoughnutChart든 LineChart든 기본적인 방법은 비슷한데 코드로 보면 extends로 사용할 형식의 차트를 넣고 reactiveProp으로 chartData를 reactive하게 받아준다, (reactiveProp은 chartData밖에 없다. options는..
보호되어 있는 글입니다.

개요 고랭 학습하면서 느낀점이나 기록하면 좋을법한 내용들을 정리 1. mailhog (SMTP) sendgrid와 비슷한 로컬 시스템용 SMTP 서버로 go 언어로 구현되어 있는 친구 일단 설치.. brew install mailhog 그리고 실행 URL에 들어가보면 잘 실행중이다. 그럼 서버에서 메일을 보내보자. 이용해야되는건 내 로컬호스트(docker의 로컬이 아닌)에서 구동중인 0.0.0.0:1025의 smtp서버를 이용해야한다. host.docker.internal -> 이건 docker 컨테이너 안에서 내 컴퓨터의 로컬호스트에 접근한다는 것 ambassadorMessage := []byte(fmt.Sprintf("You earned $%f from the link #%s", ambassadorR..

개요 고랭 학습하면서 느낀점이나 기록하면 좋을법한 내용들을 정리 1. Go Routine 고루틴은 Go 런타임이 관리하는 논리적 쓰레드이다. 함수를 호출할 때 앞에 'go'라는 키워드를 붙여서 호출하면 호출하는 함수와 현재 실행하고 있는 함수의 흐름이 구분되어 별개로 동작한다. 'go' 키워드를 붙여서 호출한 함수는 동시성을 가진다고 할 수 있으며 고루틴끼리의 의존 관계가 없으므로 고루틴 함수의 실행 순서는 프로그램에 영향을 미치지 않는다. 시간이 많이 걸리는 작업은 밑과 같이 go 키워드를 붙여서 비동기로써 실행하면 더욱 효울적인 처리가 가능해진다. func UpdateProduct(c *fiber.Ctx) error { ...생략 database.DB.Model(&product).Updates(&pr..
보호되어 있는 글입니다.