드리프트의 뉴 코딩 이야기

AriaSQL: Go 언어로 만든 새로운 관계형 데이터베이스의 탄생안녕하세요! 오늘은 AriaSQL이라는 새로운 오픈 소스 관계형 데이터베이스 시스템에 대해 알아볼까요? 이 시스템은 전적으로 Go 언어로 작성되었으며, 개발자가 지난 7개월 동안 열심히 연구하고 구현해온 프로젝트입니다. AriaSQL의 현재 진행 상황과 앞으로의 계획에 대해 살펴보도록 하죠. https://github.com/ariasql/ariasql GitHub - ariasql/ariasql: The AriaSQL relational database management system.The AriaSQL relational database management system. - ariasql/ariasqlgithub.com AriaSQL..

Argon/Bcrypt가 CPU를 100% 사용하는 이유와 해결책안녕하세요! 오늘은 Argon/Bcrypt 해시 함수가 사용자의 비밀번호를 해시할 때 CPU 사용량이 100%에 달하는 이유와 이 문제를 해결하기 위한 방법에 대해 알아볼까요? 이 문제는 특히 많은 사용자가 동시에 로그인하거나 회원가입을 시도할 때 서버에 큰 부담을 줄 수 있는데요. 어떤 문제인지 구체적으로 살펴보도록 하죠. 문제의 배경현재 여러분의 Golang 애플리케이션에서 Argon/Bcrypt 해시 함수를 사용하여 비밀번호를 해시하고 있다고 가정해봅시다. Argon/Bcrypt는 보안성이 뛰어난 해시 알고리즘으로, 비밀번호를 안전하게 저장하기 위해 설계되었습니다. 그러나 사용자가 비밀번호를 해시하는 과정에서 CPU 사용량이 100%에..

Next.js에서 세션에 따라 클라이언트 컴포넌트를 조건부로 렌더링하는 방법안녕하세요! 오늘은 Next.js 애플리케이션에서 클라이언트 컴포넌트를 세션에 따라 조건부로 렌더링하는 방법에 대해 알아볼까요? 특히 서버 렌더링의 SEO 이점을 잃지 않으면서 세션 기반 렌더링을 구현하는 방법을 살펴보도록 하죠.문제의 배경현재 여러분의 Next.js 애플리케이션은 app 디렉토리 내에서 대부분의 컴포넌트가 서버 렌더링되고, 일부 리프 컴포넌트만 클라이언트 렌더링된다는 점이 중요한데요. 여기서 "리프 컴포넌트"는 쉽게 말해 "가장 끝에 있는 컴포넌트"를 뜻하는데요. 즉, 다른 컴포넌트 안에 포함되어 있는 하위 컴포넌트 중에서 더 이상 다른 컴포넌트를 포함하지 않는 컴포넌트입니다. 예를 들어, 어떤 웹 페이지가 여러..

안녕하세요! 오늘은 Next.js를 사용해 블로그를 구축할 때 고려해야 할 중요한 사항들에 대해 이야기해보려고 합니다. Next.js는 최근 여러 웹 개발자들 사이에서 각광받고 있는 React 기반의 프레임워크로, 정적 사이트 생성(SSG)과 서버 사이드 렌더링(SSR)을 지원하는 등 다양한 기능을 제공합니다. 하지만 이 프레임워크가 블로그 구축에 있어서도 최선의 선택일까요? 이번 글에서는 Next.js와 다른 도구들을 비교하고, 실제로 블로그를 구축할 때 어떤 점을 고려해야 하는지 살펴보겠습니다. Next.js와 WordPress: 성능과 확장성 비교Next.js와 WordPress는 블로그 구축에 널리 사용되는 두 가지 도구인데요, 각각의 장단점이 뚜렷합니다. WordPress는 오랜 시간 동안 많은..

안녕하세요! 오늘은 TypeScript 개발자들 사이에서 큰 인기를 끌고 있는 Zod라는 라이브러리에 대해 이야기해보려고 합니다. Zod는 처음에는 폼 유효성 검증 도구로 널리 알려졌지만, 이 라이브러리는 그 이상으로 강력한 가능성을 지니고 있습니다. 이번 글에서는 Zod가 단순한 폼 검증을 넘어서 어떻게 다양한 분야에서 활용될 수 있는지, 그리고 실제 코드 예시와 함께 그 기능을 알아보겠습니다. Zod의 강력한 기능들Zod는 단순히 폼 데이터를 검증하는 데 그치지 않고, 다양한 유용한 기능을 제공합니다. 예를 들어, Zod를 사용해 환경 변수(env) 검증을 수행할 수 있는데요, 이는 런타임 오류를 방지하고 개발 초기 단계에서 문제를 잡아내는 데 큰 도움이 됩니다.import { z } from 'zo..

요즘 백엔드 개발에서 TypeScript를 사용하는 경우가 많아지고 있는데요, 어떤 프레임워크를 선택해야 할지 고민될 때가 많습니다. 마치 모 커뮤니티에서도 어떤 개발자가 NestJS를 사용해보니 괜찮은 것 같은데 다른 좋은 프레임워크는 없는지 질문을 올렸더라고요. 그럼 TypeScript 백엔드 프레임워크 선택, 어떤 고민들이 있고 어떤 선택지들이 있는지 좀 더 자세히 알아볼까요? 익스프레스, TypeScript와 함께 사용하기 어려울까요?글쓴이께서는 기존 Node.js/Express 코드를 TypeScript로 바꾸는 데 어려움을 겪었다고 합니다. 특히 상사분께서 새로운 프레임워크 도입을 원하지 않아서 Express를 그대로 사용해야 했던 점이 어려움을 더했다고 하는데요. 하지만 댓글들을 보면 Exp..

React 기반의 풀스택 프레임워크인 Next.js는 최근 개발자들 사이에서 뜨거운 관심을 받고 있습니다. 특히, 개발 생산성 향상에 대한 기대가 높지만, 모든 개발 환경에 적합한 만능 해결책은 아닙니다. 이 글에서는 Next.js의 핵심 기능과 장점, 그리고 개발자들이 겪는 어려움과 한계를 짚어보고, 다양한 프로젝트 유형에 맞는 적절한 활용 방안을 제시하고자 합니다. Next.js가 풀스택 개발 생산성을 높이는 이유Next.js는 기존 React 개발 방식에 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG), API Routes, 파일 기반 라우팅 등 풀스택 개발에 필요한 다양한 기능을 제공합니다. 이를 통해 개발자들은 다음과 같은 이점을 얻을 수 있습니다.개발 속도 향상: Next.js는 기본..

TypeScript에서 제공하는 유틸리티 타입(Utility Types)에 대해 모두 알아보겠습니다. 정보 출처는 TypeScript 공식 사이트의 유틸리티 타입 페이지를 기본으로 하며, 추가적인 설명을 덧붙였습니다. https://www.typescriptlang.org/docs/handbook/utility-types.html Documentation - Utility TypesTypes which are globally included in TypeScriptwww.typescriptlang.org 자주 사용하는 유틸리티 타입부터 덜 사용하는 유틸리티 타입 순서로 정리했습니다. Pick추가된 버전: 2.1Type에서 Keys 프로퍼티의 집합을 선택하여 새로운 타입을 생성합니다. 즉, Type에서 특..

웹 개발 기술은 빠르게 진화하고 있습니다. 2024년 현재, 몇 년 전의 코딩 방식은 이미 구식이 되어버렸죠. 이 글에서는 "2024년 웹 개발, 이렇게 코딩하세요!"라는 주제로 최신 트렌드와 기법들을 소개하려고 합니다. 1. HTML 최신 기법1.1 이미지 최적화a) Lazy loading: 설명: loading="lazy" 속성으로 이미지 지연 로딩을 구현합니다. b) Picture 요소:  설명: 화면 크기에 따라 다른 이미지를 제공합니다. 1.2 시맨틱 마크업a) Details 요소: 더 보기 숨겨진 내용입니다. 설명: 접을 수 있는 콘텐츠를 만듭니다. b) Dialog 요소: 모달 제목 모달 내용 닫기 설명: 내장 모달 기능을 제공합니다. c) Hgroup 요소: 주 제목 부제..

서론최근 오랜만에 코딩 테스트에 도전하게 되었습니다. 현업에 종사하면서 거의 코딩을 잊고 살았던 터라, 약 5년 만에 다시 코딩 테스트를 보게 된 거죠. 처음에는 간단한 알고리즘 문제부터 연습해 보았는데, 오랜 시간 자동 완성 기능에 의존했던 탓인지 기본적인 문법을 직접 작성하는 데 어려움을 겪었습니다. 하지만 문제를 하나씩 풀어나가면서 감각을 되찾기 시작했습니다. 그런데, 빌트인 함수를 까먹고 있었던 탓에 빌트인 함수를 사용하지 않고 코드를 작성하다 보니 코드가 길어지고 가독성이 떨어지는 것은 물론, 성능까지 저하되는 것을 깨달았습니다. 모든 빌트인 함수를 다 외우는 것은 현실적으로 불가능하지만, 코딩 테스트에서 자주 사용되는 함수들은 정리해 두는 것이 좋겠다고 생각했습니다. 이 글에서는 코딩 테스트에..