독일개발자초록이

UML 활동 다이어그램(Activity Diagram)이란? 순서도와 뭐가 다를까안녕하세요! 오늘은 UML다이어그램 시리즈, 이번에는 활동 다이어그램(Activity Diagram)에 대해 알아보려고 합니다.활동 다이어그램이란 무엇인가?핵심 구성 요소회원가입 예제로 살펴보기Fork/Join 병렬 처리 표현하기순서도(Flowchart)와 뭐가 다를까?언에 유용할까?활동 다이어그램은 "업무 흐름 전체", 즉 여러 간계를 순서대로(때로는 동시에) 처리하는 과정에 초첨을 맞춥니다. 1. 핵심 구성 요소 2. 회원가입 예제로 살펴보기회원가입 프로세스를 예로 들어보겠습니다. 흐름은 대략 이렇게 진행됩니다.사용자가 입력한 값을 검증합니다.유효하지 않다면 에러 메시지를 표시하고 종료합니다.유효하다면 회원을 생성합니다...

REST API vs GraphQL, 우리 프로젝트엔 뭐가 맞을까? 안녕하세요! 오늘은 API를 설계하거나 새로운 프로젝트를 시작할 때 한 번쯤 고민해 보셨을 주제, REST API와 GraphQL 중 뭘 써야 할까에 대해 가볍게 비교해 보려고 합니다.REST API란?GraphQL이란?요청 방식 비교Over-fetching / Under-fetching이란?각각의 장단점언제 무엇을 선택해야 할까?두 개념 모두 결국 "클라이언트가 서버에서 데이터를 가져오는 방식"인데, 접근 방식 자체가 완전히 다릅니다. 하나씩 짚어보겠습니다. 1.REST API란?REST는 자원을 URL로 표현하고, Http메서드 (GET, POST, PUT DELETE)로 행위를 표현하는 방식입니다.GET /users/1GET /us..

fetch vs axios, 아직도 axios 써야 할까?안녕하세요! 오늘은 프런트엔드 개발을 하시다 보면 한 번쯤 고민해 보셨을 주제, fetch와 axios중 뭘 써야 할까? 에 대해 가볍게 알아보려고 합니다.새 프로젝트를 시작할 때마다 "이번엔 axios 설치할까, 아니면 그냥 fetch 쓸까" 고민해 보신 적 있으신가요?둘 다 결국 데이터를 요청하는 도구인데, 왜 굳이 나눠서 이야기하는지 하나씩 짚어보겠습니다. fetch는 뭐고, axios는 뭘까?fetch는 브라우저에 기본으로 내장된 API입니다.별도의 설치 없이 바로 사용할 수 있고, Node.js환경에서도 최신 버전이라면 기본적으로 지원됩니다.반면 axios는 npm으로 따로 설치해야 하는 외부 라이브러리입니다.npm install axio..

NeoVim으로 개발하기, LazyVim이란? 안녕하세요! 오늘은 NeoVim에 관해서 짧게 알아보려고 합니다. 저는 개발을 할 때 경우에 따라 2가지의 에디터를 사용합니다. 하나는 VSCode이고 다른 하나는 NVim입니다. VSCode를 사용할 때도 Vim 플러그인을 설치하여 사용하고 있습니다. Nvim을 이용하여 개발하는 이유는 여러 가지이겠지만, 저의 경우 대략 3가지 이유라고 할 수 있습니다. 1. Vim을 이용하면 코딩하는 재미가 있습니다. 2. Vim을 이용하면 Terminal에서 바로 개발할 수 있기 때문에 동선이 짧고 여러 윈도를 동시에 작업하기 좋습니다. 3. Vim을 이용하여 개발하면 투명한 백그라운드를 만들 수 있습니다. 즉 커스터마이징이 아주 용이하다. 첫 번째와 두 번째의 이유들..

JsonSchema에 관해서 알아보자. 안녕하세요! 요즘은 Frontend에서 오는 Request이든 다른 3rd Party Provider에서 받아오는 Response이든 대부분 JSON 형식을 사용하고 있습니다. 이러한 Request 혹은 Response들은 사실상 큰 이변이 없다면, 일정한 파라미터와 값을 줄 것입니다. 하지만 현업에서는 이렇게 가볍게 보이는 것들 조차 정확한 파라미터와 값을 주는지 확인(검증) 할 필요가 있습니다. 오늘은 이를 확인할 때 도움이 되는 JsonSchema에 관해서 알아보도록 하겠습니다. JsonSchema란? 사용방법? 마치며. 1. JsonSchema란? JsonSchema란 검증 하고자 하는 Json의 값을 Schema (스키마)로 나타낸 것입니다. 이를 이용한다..

텍스트로 UML 다이어그램을 그리는 방법. Mermaid란? 안녕하세요! 개발을 하다 보면 자연스럽게 문서화작업의 필요성을 느끼게 됩니다. 대부분 작업을 하다 보면 코드를 보고 이해할 수 있지만, 협업을 하고 프로젝트의 규모가 커지다 보면, UML 다이어그램과 같은 시각적인 자료가 얼마나 유용한지 알게 됩니다. 또한 개발자뿐만 아니라 다른 직군의 동료들에게도 코드를 보여주는 것보다 다이어그램을 통해서 훨씬 손쉽게 설명하고 이해시킬 수 있습니다. 오늘은 텍스트를 이용하여 UML다이어그램을 그릴 수 있는 Mermaid에 관해서 알아보겠습니다. UML 다이어그램이란? Mermaid란? 설치방법? 사용방법? 마치며. 1. UML 다이어그램이란? UML 다이어그램이란 Unified Modeling Language..