Not Perfect

안녕하세요! 최근에 타입 가드와 타입 축소에 대한 용어를 처음 들어봐서 해당 용어에 대해 알아보려고 합니다. 타입 가드 타입 가드(Type Guard)는 컴파일러가 타입을 예측할 수 있도록 타입의 범위를 축소시켜 주는 것을 의미합니다. 타입 축소 말 그대로 타입의 범위를 축소하는 것을 의미합니다. 즉, 타입 가드를 해주기 위해 타입 축소를 하는 거라고 말할 수 있습니다. 타입 가드 적용 방법 타입 가드를 적용하는 방법은 다음과 같이 여러가지 방법이 있습니다. 1. typeof function test(value) { if (typeof value !== 'string') { return; } // 여기부터는 value 를 string type 으로 확정 인식! } 위 코드와 같이 typeof 를 통해 확..

웬즈데이 아담스

package.json 에 명시된 버전 표기법에 대해 알아보려고 합니다. 버전 구성 버전은 크게 3가지로 분류 됩니다. Major.Minor.Patch Major : 이전 버전과 호환성이 보장되지 않는 업데이트이며 주로 대규모 업데이트가 일어났을 때 메이저 버전이 변경됩니다. Minor : 이전 버전과 호환 되면서 일부 새로운 기능이 추가되거나 수정되는 업데이트가 일어났을 때 마이너 버전이 변경됩니다. Patch : 버그 수정 및 성능 개선과 관련된 업데이트가 일어났을 때 패치 버전이 변경됩니다. 버전을 표기하는 방법이 여러개? package.json 을 보면 다음과 같이 버전 앞에 ~ 또는 ^ 문자가 붙은 것을 볼 수 있습니다. 이 둘의 차이에 대해 알아보겠습니다. Tilde (틸드, ~) 버전 앞에 ..

와칸다 포에버!

피자 맛있다

양치는 했나요?

안녕하세요. 루루개발자입니다. 최근 Next.js 에서 렌더링이 진행되는 과정 및 원리 등에 대한 질문을 받았는데 제 스스로가 만족스러운 답변을 하지 못했습니다. 단순히 서버 사이드에서 한번 렌더링 하고 그 뒤에 클라이언트에서 다시 렌더링 되는 정도로만 알고 있었는데, 이번 기회에 한번 정리를 해보고자 합니다. Next.js 렌더링 과정 Next.js 의 렌더링 과정에 대해 정리해보겠습니다. Pre-Rendering Next.js 는 서버 사이드에서 먼저 페이지를 Pre-Rendering 합니다. 좀 더 정확히 말하면 서버 사이드에서 ReactDOMServer.renderToString 라는 함수를 사용하여 페이지에 대한 html 문서를 문자열로 가져오는 것이라고 할 수 있습니다. 해당 html 문서에는..

안녕하세요! 루루개발자입니다. 이번 글에서는 최근 Next.js 의 Typescript 환경에서 local, development, production 환경을 셋팅한 과정을 공유드리고자 합니다. 왜 local, development, production 환경을 셋팅해야 하나? 로컬에서 구동할 때, 개발 서버에서 구동할 때, 운영 서버에서 구동할 때 통신해야 할 API Base Url 이나 콜백 받아야할 Url 등을 다르게 처리되어야 하는 경우가 종종 발생하곤 합니다. 이럴 때 config 파일이 각 환경에 맞게 분리되어 있다면 원하는 config 파일로 구동하여 각 환경마다 다른 값으로 처리가 가능하기 때문에 local, development, production 환경을 셋팅하는 것은 중요합니다. .en..

안녕하세요. 루루개발자 입니다. 요즘 aws s3 로 파일을 업로드하여 서비스하는 플랫폼이 많아졌습니다. 대표적으로 노션이 그렇구요. 그래서 aws s3 로 파일을 업로드하는 샘플 코드 하나는 구현해 놓으면 나중에 필요할 때 편하게 갖다 쓰기 위해 nest.js 에서 aws s3 로 파일을 업로드 하는 샘플 프로젝트를 만들어보았습니다. nest.js 를 선택한 이유는 앞으로 만약 제가 백엔드 개발을 하게 된다면 실무에서 가장 사용해보고 싶은 프레임워크였기 때문입니다. 그래서 앞으로도 node.js 백엔드 기반의 프로젝트를 만들게 된다면 nest.js 로 만들 예정입니다. :) https://github.com/wisdomstar94/nestjs-aws-s3-upload GitHub - wisdomstar..

안녕하세요. 루루개발자 입니다. 이번 시간에는 css 에서 사용하는 길이 단위 종류에 대해서 알아보도록 하겠습니다. 절대 길이 (Absolute Lengths) 크기가 고정되어 있으며 정확히 그 크기로 표시됩니다. 요즘 여러 디바이스가 존재하면서 화면 크기가 매우 다양하기 때문에 절대 길이 단위는 사용하지 않는 것이 좋습니다. cm : centimeters 단위 고정 길이로 표시합니다. mm : millimeters 단위 고정 길이로 표시합니다. in : inches (1in = 96px = 2.54cm) 단위 고정 길이로 표시합니다. px : pixels (1px = 1/96th of 1in) 단위 고정 길이로 표시합니다. pt : points (1pt = 1/72 of 1in) 단위 고정 길이로 표시..

도트 감성