게시글

원시타입,객체 그리고 값 vs 참조

하위호환성이 보장되는 Javascript

갑자기 맞은 **TypeError: (0, dayjs_1.default) is not a function** 에러를 수정해보고자 한다.

githook 을 처음에 설정하다보면 다음과 같은 메시지를 볼 경우가 있다. it's not set as executable.

오늘은 Custom Button 을 만들어보고자 한다.

오늘은 Svelte 를 typescript 그리고 svelte materialUI 설치까지 진행해보고자 한다.

Singleton Pattern 은 가장 흔하게 볼 수 있는 디자인 패턴 중에 하나이다.

Go 에서 변수를 생성/할당하는데는 익히 알고 있듯 2가지 방법이 있다.

오늘은 Golang Version을 최신화 하는 법에 대해서 알아보고자 한다.

오늘은 Cypress 를 이용하여 E2E 테스트를 해보고자 한다

이전 포스팅에서 Mock에 대해서 알아보았다. React 에서 활용하는 법에 대해서 알아보자

요새 테스트, 더 나아가 TDD 는 개발자의 필수 덕목처럼 여겨지고 있고, 그에 따른 강의가 나오거나 채용조건에 필수로 분류하는 곳이 많아지고 있다

Golang 에서 프로그램을 종료하는 것에 대해서 알아보자

remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. 이 오류는 도대체 또 뭐야..

오픈소스에 기여하기 위해서라던지, Github Organization에 들어가서 개발을 진행하다보면 해당 작업물을 내 저장소로 가져와서 작업을 한 후에 원 저장소에 내 코드가 추가되고 싶다 라는 생각이 들 때가 있을 것이다.

개발을 하다보면 Git에 레포지토리/프로젝트를 올릴 때 실수로 .idea 파일 등 및 올라가면 안되는 파일을 올리는 경우가 더러 있다.

백엔드 개발을 하건, 프론트 개발을 하건 API 호출을 개발과는 뗄 수가 없다.

일반 명령어만으로는 전체 테스트가 되지 않는다. 그 해결볍에 대해 알아보자

컨테이너 생성시 기본적으로 브리지를 통해 외부와 통신할 수 있는 호나경을 사용할 수 있지만 사용자의 선택에 따라 여러 네트워크 드라이버를 쓸 수도 있다.

이전에 컨테이너의 네트워크 인터페이스에 eth0와 lo 네트워크 인터페이스가 있는 것을 확인하였다.

도커 이미지로 컨테이너를 생성하면 이미지는 읽기 전용이 되며, 컨테이너의 변경 사항만 별도로 저장해서 각 컨테이너의 정보를 보존한다. 이러면 데이터가 보관되지 않는 다는 단점이 있는데, 이를 해결하기 위한 것을 알아보자

데이터베이스와 워드프레스 웹 서버 컨테이너를 연동해 워드프레스 기반 블로그 서비스를 만들어 보도록하자

이번 글에서는 Terraform 을 활용해서 AWS EC2, RDS 를 생성해보고자 한다.

IaC 인 Terraform 에 대해 알아보자

컨테이너 공개해버리기

Svelte 에서는 React, Vue 와 달리 인라인 핸들러를 권장/지향하고 있다.

도커 컨테이너에 대해 알아보자

이미지와 컨테이너 : 도커 엔진에서 사용하는 기본 단위이자 핵심

도커를 시작해야만 하는 이유에 대해서 알아보자

도커 (Docker) 는 리눅스 컨테이너에 여러 기능을 추가함으로써 애플리케이션을 컨테이너로써 좀 더 쉽게 사용할 수 있게 만들어진 오픈 소스프로젝트이다.

삭제되지 않은 것들을 새로 렌더링할 없을텐데, 어떻게 해야 할까 ?

특정 버튼을 클릭하여서, Input Element 을 나타나거나 사라지게 하고 나타났을 때, 포커스가 가게하는 코드를 작성해보자.

Svelte 에서 스타일 유효범위/Hash/전역에 대해서 알아보려고 한다.

LifeCycle 얘기할 때 tick 이 거론되기도 하는데, 나는 이걸 lifeCycle 에 넣어야 하나~ 애매하긴 하다.

불변성 (Immutability) 이란, 문자 그대로 변하지 않는 것을 의미한다,

오늘은 틸드 연산자 (~), Double tilde 에 대해서 알아보고자 한다.

Svelte LifeCycle 중 onMount 와 onDestroy 에 대해서 알아보자

&& 는 조건을 덧붙일 때 보통 사용한다. 그러나 추가적으로 사용될 수 있고, 코드를 짧게 유지할 수 있는 부분이 있어서 알아보고자 한다.

React 에서 GraphQL을 사용할 때 보통 useQuery를 사용한다. useQuery 란, API 로 치면 API Call 을 하는 것이라고 보면 된다.

이번 포스팅에서는 React 에서 화면전환에 사용되는 react-router-dom 에서 useHistory 와 useLocation 에 대해 알아보려고 한다.

M1 에서 Docker 가 되지 않았는데, Preview 버전이 나왔다는 소식을 듣고 헐레벌떡 Go 와 Docker 를 테스트 해보기로 !.

M1 에서 Docker 가 되지 않았는데, Preview 버전이 나왔다는 소식을 듣고 헐레벌떡 Go 와 Docker 를 테스트 해보기로 !.

duplicate key value violates unique constraint ~_pkey. 뭐 딱보니까 Primary Key 가 문제가 되는 거 같은데, Auto Increment 를 설정안해놓았나 싶었다.

오래된 postmaster.pid 가 이미 실행중이다, 죽여달라...는 에러에 대해서 알아보자

Golang 에서 서비스/어플리케이션 실행시에 Argument 들을 받는 방법에 대해서 알아보도록 하자 서비스를 실행시키는 대표적인 두 방법 Build 와 Run 각각 알아보도록 하려고 한다.

이전 시간 Cron 에 대해 알아보기도 했으니, NestJS 에서 TaskScheduling 에 대해 알아보자.

Cron 은 스케쥴러라고 보면 됩니다. 예를 들어, 한 시간 마다 나한테 물을 먹으라고 알려줘, 매일 7시에 날 깨워줘! 와 같은 거죠. 예전에는 유닉스 계열의 Job Scheduler 에서만 쓰였는데, 요즘엔 언어 자체에서 지원이 되기도 하죠.

Go 의 장점으로 static linking 에 대해서 간략하게 얘기해 본적이 있고, build 에 대해서도 간략하게 본 적이 있어서, 이번에 그에 관한 포스팅을 진행하고자 한다.

Mac 을 사용하면서 업데이트를 하다보면 왕왕 git 명령어가 먹통이 될 때가 있다. xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

Golang 을 하면서 크롤러를 만들게 되었고, 하다보니 캘린더 관련해서 여러가지 function들이 필요해서 패키지를 직접 만들어 배포해보기로 하였다.

Svelte 에서 event 다루는 방법을 간단하게 알아보고 modifier 에 대해서도 알아보도록 한다.

Svelte 에서의 Keyed Each blocks

$: 그리고 Statement

Github 저장소의 불필요한 사용언어를 바꿔보자 ! css OUT!

Nested Components

Svelte 공식문석 번역 : Truly reactive

Svelte 공식문석 번역 : No virtual DOM

React 의 생명주기에 대해서 알아보도록 하자

Go 에서 어떻게 보면 큰 핵심 중 하나라고 볼 수 있는 Channel 에 대해서 알아보자

Go 의 구조체에 Method, 그리고 포인터에 대해 알아보자.

Go 에서는 타 언어에서 주로 사용하던 Class 와 Object 가 없다. 그래서 이제 알아야 할 Structure가 중요한데, 그 전에 Map에 대해서도 알아보자.

Go 에서 배열을 다루는 법에 대해서 알아보자.

기본적인 문법인 for, if, statement 에 대해서 알아보자

이전에 알아보았던 Defer 에 대해서 더 알아보는 시간을 가져보자

Go 에서는 꽤 유용한 기능들이 많고 Go 만의 특이점도 많다. 아래에서 천천히 살펴보자.

NestJS 에서 GraphQL을 그리고 Websocket으로 사용해보자

Svelte 공식문석 번역 : Write less Code

ES2020의 Optional Chaining 에 대해서 알아보자.

+'1' === parseInt('1')

NestJS 를 사용하면서 검증을 쉽게 해주는 validationPipe 에 대해 알아보자.

typescript 사용하면서 가변적인 key 가 필요할 경우가 있다.

Go 를 세팅하는 법과 변수/상수에 대해 알아보자 Go 는 타입을 강력하게 정의하기 때문에, typescript를 좋아하는 나에게는 너무 좋다.

갑자기 Go 언어를 배워보고자 하는 욕구가 뿜뿜하였다. Go 에 대해서 여러 아티클이나 영상을 접하다 보니 가장 큰 장점을 속도가 겁나 빠르다 인데, 이 매력에 이끌리게 되어서, 좀 더 찾아보고 내가 배워야 할 이유가 충분하더라.

변수 초기화를 null 로 하는 습관이 있다보면, DB 에서도 비슷하게 처리하는 경우들이 더러 있다. 그러나 DB 에서 null 은 좀 고려해봐야 하는 대상인 것 같다. 그에 따른 고민해본 흔적을 끄적거려 본다.