정보

익스텐션으로 알록달록하게 꾸며놓은 vscode를 사용하다가 intellij를 사용하게 되면 투박하다는 느낌을 지울 수 없다... PyCharm, WebStorm, Datagrip 등등 Jetbrain 사의 소프트웨어는 모두 유사한 UI를 갖고 있고 인텔리제이 또한 그렇다. 물론 이게 심플하고 편안하다고 느낄 수도 있다! 개인 취향 차이니까... 그런데 새로운 UI를 베타서비스로 제공하고 있는 것을 알게되어 변경해보았다. 설정방법은 매우매우 간단하다. 인텔리제이에서 Setting(Appearance)에 들어간 후, 아래와 같이 New UI 탭에 들어가 Enable new UI 체크박스를 활성화시키고 적용하면 된다! 단, 새로운 UI가 적용되려면 인텔리제이를 재시작해야 한다. 인텔리제이가 재시작되고 나면, ..

DNS에 등록하지 않은 도메인을 로컬 설정을 통해 접근할 수 있다. macOS 환경에서 해당 방법을 알아보고자 한다. 우선, 위와 같이 sudo 권한을 이용해 /private/etc 에 있는 hosts 파일을 vim, nano와 같은 편집기를 활용해 연다. (vim이 익숙하지 않다면, vim 사용법은 아래 내용을 참고할 수 있다.) https://zeddios.tistory.com/122 왕초보를 위한 vim 사용방법 ㅎㅎ안녕하세요 :) 오늘은 vim에 대해서 알아볼거에요. 오늘 우리가 할 거는 1. vim이 무엇이냐?2. vim을 어떻게 쓸 것이냐? 입니다.시작해볼게요 :) 참고로 저도 못해서 ㅠㅠ 이 글을 쓰는이유는 알 zeddios.tistory.com 아마 내용을 변경하지 않았다면 초기 내용은 위..

TypeORM에 이어 타입스크립트 ORM으로 널리 사용되고 있기도 하고, 데이터베이스 마이그레이션에서도 사용되는 Prisma에 대해 알아보고자 한다. TypeORM과는 또다른 사용 방법을 가지고 있으며, 자체적으로 제공하는 스키마 형성 방식을 이용하면 SQL 쿼리를 직접 짜지 않아도 되는 장점이 있으며, 제공하는 ORM 메서드들 또한 다른 ORM과 비교했을 때 풍부함을 느낄 수 있다. 특히 서버리스 오픈소스 플랫폼인 Supabase에서 공식적으로 데이터베이스를 관리할 때 Prisma를 권장하고 있으며, 뿐만 아니라 여느 RDBMS와 같이 Prisma Studio라는 자체 GUI도 제공하는데, 이는 소프트웨어 설치가 필요하지 않아 더욱더 편리하게 느껴졌다. Prisma란? Node.js 및 TypeScr..

graphQL은 데이터가 전송되어지는데 사용되는 데이터 질의어(쿼리 언어)다. 이전에는 커뮤니티가 크지 않고 지원도 빈약하여 적용하는데 쉽지 않았었던 반면, 최근에는 이용자 수가 큰만큼 커뮤니티도 크고 수많은 프레임워크의 공식문서에서 확인할 수 있을만큼 지원이 잘 되고 있다. REST API의 단점을 보완하여 현업에서도 자주 병용되어지는 graphQL, 전반적인 간단한 개념을 오늘 알아보았다. Why graphQL? graphQL의 장점 필요한 정보들만 선택하여 받아올 수 있음 Overfetching 문제 해결 데이터 전송량 감소 여러 계층의 정보들을 한 번에 받아올 수 있음 Underfetching 문제 해결 요청 횟수 감소 하나의 endpoint에서 모든 요청을 처리 하나의 URI에서 POST로 모든..

문제 NestJS 의 새로운 프로젝트를 생성하는 과정에서 에러가 발생했다. 이전에는 잘만 됐었는데, 환경을 바꾼 것도 아닌데 왜 이럴까 의아했다. $ npm i -g @nestjs/cli $ nest new project-name Installation in progress... 이라는 문구가 약 5분간 지속되더니 결국 설치하는데 실패했다는 에러메시지가 출력되었다. 갖가지 정보를 참고하여, 처음에는 Urix module에 문제가 있다고 하여 nest의 일부 패키지를 재설치하는 방법을 시도했다. $ npm cache clean --force $ npm i -g source-map-resolve $ npm i -g @nestjs/cli $ nest new project_name 하지만 동일한 현상이 발생하여..

도커란? 컨테이너 기반의 오픈소스 가상화 플랫폼 다양한 운영체제와 시스템 환경 상에서, 서버 셋업을 위한 작업이 각각 다르고 복잡한데, 도커를 이용하여 해당 컨테이너를 실행하면 동일한 서버를 셋업할 수 있다. 가상머신(VM)과 도커의 차이 가장 큰 차이점은 게스트 OS의 유무이다. 가상머신에는 게스트 OS가 설치되어 있어 상당량의 자원을 필요로 하지만, 컨테이너에는 게스트 OS가 없기 때문에 자원 면에서 훨씬 효율적이다. 그렇다면 반드시 컨테이너가 좋을까? 그렇지는 않다. 가상머신은 다른 게스트 OS와 분리 독립된 공간과 자원을 할당받아 사용되기 때문에, 보안성 측면에서 효율적이라고 할 수 있다. 도커의 주요 구성 요소 도커 엔진(docker engine) 도커는 서버/클라이언트 구조로 이루어져 있다. ..

vscode에서 파이썬 파일을 실행하려 했더니, 다음과 같은 오류가 발생했다. can't open file '' : [Errno 2] No such file or directory 해결방법을 찾아봤으나, 해당 에러넘버는 코드에서 경로를 올바르게 지정해주지 않았거나 기존 상대경로에서 경로 변경이 일어나 발생할 수 있는 에러 메세지였다. 하지만 내 코드에서 경로설정은 자동경로 설정 라이브러리를 활용하였기 때문에 경로설정에는 문제가 없었다. 원인을 계속해서 찾아보았지만, 찾지 못했다. 그러다가 터무니없는 실수를 발견했다. 파일명 변경 시 실수로 맨 앞에 공백을 넣은 것이다. 공백이 들어가면서 경로에도 공백이 들어가 해당 파일을 찾을 수 없었던 것이다. 공백을 제거하면 파일이 정상적으로 실행됨을 확인할 수 있다..

리액트 사용 도중 다음과 같은 경고 문구가 콘솔창에 출력되었다. Warning: validateDOMNesting(...): cannot appear as a descendant of . 원인: 리액트는 태그에 대해서 상당히 엄격하다. 기본적으로 태그 안에는 인라인 요소만 포함할 수 있는데, 태그는 블럭 요소이므로 경고문구가 발생한 것이다. 해결: 태그를 태그로 바꾸는 것이 일반적인 해결방법이나, 나 같은 경우는 조금 달랐다. 다음과 같이 문제가 발생한 컴포넌트를 찾아 내부의 , 를 지워줬더니 해결되었다.