개발 노트/기술 번역 및 정리

스테레오타입UML에서 스테레오타입(stereotype)은 클래스, 관계, 속성, 메서드 등에 추가적인 의미를 부여하기 위해 사용된다. 스테레오타입은 >로 감싸서 표기합니다. 다양한 스테레오타입이 있지만, 대표적인 몇 가지는 다음과 같다.classOne: className { shape: class}classTwo: >\nclassName { shape: class}classThree: >\nclassName { shape: class}classFour: >\nclassName { shape: class} 접근 제어자UML에서는 접근 제어자를 나타내기 위해 + - #을 사용한다. 이는 각각 public private protected를 나타낸다. static 접근 제어자의 경우 밑줄을 치고, rea..

D2 Diagram Language는 간결하고 직관적인 다이어그램을 생성할 수 있는 도메인 특화 언어다. D2는 특히 텍스트 기반으로 다이어그램을 그릴 수 있는 기능을 제공하여, 복잡한 그래픽 툴 없이 코드처럼 간단하게 다이어그램을 정의하고, 이를 자동으로 시각화할 수 있다.주로 시스템 아키텍처, 플로우 차트, 클래스 다이어그램 등 다양한 다이어그램을 생성하는 데 사용되며, 코드와 같은 방식으로 다이어그램을 관리할 수 있어 버전 관리가 용이하다. 또한, D2는 매우 간결한 문법을 제공하여, 복잡한 시각적 요소를 쉽게 표현할 수 있도록 돕고, 개발자와 협업하는 데 유리한 도구이다.아래의 명령줄을 입력하여 설치할 수 있으며, VS Code에서는 [ D2 ] 익스텐션을 사용하여 즉각적인 시각적 피드백을 받을..

SOLID 원칙은 로버트 C. 마틴이 제창한 객체 지향 프로그래밍의 설계 원칙이다. 이 원칙은 상속, 캡슐화, 다형성, 추상화라는 네 가지 기둥을 실제 코드에 어떻게 적용할지에 대해 설명한다. SOLID라는 용어는 각 원칙의 첫 글자를 따서 만든 약어로, 다섯 가지 원칙은 각각 단일 책임 원칙(SRP), 개방-폐쇄 원칙(OCP), 리스코프 치환 원칙(LSP), 인터페이스 분리 원칙(ISP), 의존성 역전 원칙(DIP)을 의미한다. 이는 객체 지향을 설계를 할 때 코드의 확장성, 유지보수성, 재사용성, 유연성 등을 향상시키기 위해 고려해야 할 중요한 가이드라인을 제공한다. 각각의 원칙은 독립된 개별적인 개념이 아니라, 하나의 목적을 위해 서로 유기적으로 연관되어있다. 단일 책임 원칙(SRP)단일 책임 원칙..

이 포스트는 Dominik Dorfmeister가 자신의 블로그에 올린 You Might Not Need React Query 게시글을 번역한 것이다. 번역하는 과정에서 다소 의역이 있을 수 있으며, 일부 번역에는 사견이 포함되어있기도 하다. 리액트 서버 컴포넌트와 함께라면 리액트 쿼리를 쓸 필요가 없어지는 걸까요? 아마도 이 문제는 지난 몇 달간 제가 가장 많이 받은 질문이었을 겁니다. 그리고 이에 대한 제 대답은 "저도 잘 모르겠는데요?"입니다. 이 사실을 기억해주세요. 이 업계의 대부분의 개발자들이 그러하듯 저 역시도 필요한 게 생길 때마다 그때그때 하나씩 만들어왔다는 사실을 말이죠. 만약 여러분께서 저에게 뭔가 그럴듯한 계획이 있을 거라 기대하고 계셨다면, 죄송하게 되었습니다. 이 길이 어디서 끝..

이 포스트는 Dominik Dorfmeister가 자신의 블로그에 올린 Array types in TypeScript 게시글을 번역한 것이다. 번역하는 과정에서 다소 의역이 있을 수 있으며, 일부 번역에는 사견이 포함되어있기도 하다. 올해(23년) 초에 있었던 일입니다. Total TypeScript의 저자이자 과거 vercel에서도 근무하던 개발자 Matt Pocock 씨가 트위터를 통해 한 가지 설문 조사를 진행하더군요. 그런데 설문 결과가 저를 꽤 당혹스럽게 했습니다.해당 설문은 타입스크립트에서 Array 타입을 지정할 때 Array 과 string[] 중 어떤 방식을 선호하는지에 대한 것이었습니다. 전자는 제네릭 구문이고 후자는 Array 구문이죠. 그리고 그 결과는 아래와 같았습니다. What ..

이 포스트는 Timotius Sitorus가 자신의 dev.to 블로그에 올린 Stop using Array[index], use Array.at() instead 게시글을 번역한 것이다. 번역하는 과정에서 다소 의역이 있을 수 있으며, 일부 번역에는 사견이 포함되어있기도 하다. Array.at() 메소드는 ECMAscript2022를 통해 새롭게 추가된 Array 생성자의 프로토타입 메소드입니다. 이 메소드를 통해 우리는 마침내 JS에서 기본적으로 Negative Indexing을 처리할 수 있게 되었습니다. Negative Indexing네거티브 인덱싱이라 함은 음수를 인덱스로 사용하여 배열의 시작이 아닌 끝에서부터 특정 요소에 엑세스하는 기능입니다. 예를 들어 파이썬에서는 배열의 마지막 요소에 접근..