[Developer] 초보 개발자 28

NeoVim으로 개발하기, LazyVim이란?

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

JsonSchema에 관해서 알아보자.

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

텍스트로 UML 다이어그램을 그리는 방법. Mermaid란?

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

Typescript: Pick and Omit

Typescript: Pick and Omit 안녕하세요. 오늘은 타입스크립트의 유틸리티 타입스들 중 pick과 omit에 관해서 알아보도록 하겠습니다. 타입스크립트로 개발을 하면서 새로운 타입들을 지정해줄때 한 번씩 이러한 생각이 들 때가 있습니다. 기존에 작성된 타입 중 하나만 제외시키고 싶은데 혹은 하나를 더 추가하고 싶은데 하는 생각말이죠. 잘 이해가 되지 않으신다고요? 아래의 코드를 보겠습니다. type Person = { name: string; age: number; hobby: string; }; 여기 Person이라는 타입이 있습니다. 이 타입은 각각의 name, age 그리고 hobby 타입을 지정하였습니다. 이때 만약 Person타입에 address라는 key를 추가하고 싶다면?? 혹..

Typescript as 대신 satisfies 사용하기

안녕하세요! 저번에 타입스크립트에서 as 키워드에 관해서 알아보겠습니다. 하지만 저번에 언급했듯 as 키워드는 실제 타입에 무관한 값이 들어가 있거나 혹은 그 타입을 충족하지 못하거나 않는 값이 들어가 있어도 받아들이기 때문에 사용하는데 주의를 요하는 키워드입니다. 이러한 문제를 보안할 수 있는 다른 키워드가 있습니다. 이 키워드는 현재 3-4개월 전에 나온 키워드입니다. 이는 satisfies라는 키워드입니다. 오늘은 그럼 satisfies라는 키워드가 어떻게 동작하고 어떻게 사용하면 되는지 짧게 알아보겠습니다. 글을 읽어보시고 공부하시는 것도 좋지만 가장 좋은것은 직접 손으로 타이핑하여 결괏값을 보는 것입니다! 그러니 가능하다면 따라서 코드를 쳐보시기 바랍니다!! as 대신 satisfies. 사용방..

Typescript Type Assertion. as 키워드 사용하기

Typescript Type Assertion. as 키워드 사용하기 안녕하세요! 오늘은 타입스크립트를 사용하다 보면 한 번씩 마주하게 되는 키워드 중 하나인 as 키워드에 관해서 말씀드리겠습니다. 타입스크립트는 자바스크립트와 거의 동일하지만 타입이 추가된 superset이라고 보시면 됩니다. 하지만 자유로운 자바스크립트와 달리 타입스크립트를 사용하면 자주 파라미터나 변수의 타입 때문에 머리가 아픈 경우가 한두 번이 아닙니다. 특히 한 오브젝트가 여러 가지 타입을 가질 수 있다면 더더욱 그렇습니다. 자 그럼 이제 as 키워드에 관해서 알아보겠습니다. as 키워드란? 사용방법? 조심해야 되는 부분? 마치며 1. as 키워드란? as 키워드란 자바스크립트에는 없는 즉 타입스크립트에만 존재하는 키워드입니다. ..