Technology & Finance

목차 - 클릭하면 이동합니다. NextJS - Layout.tsx - Props Invaild Error 발생 NextJS의 최신 버전으로 프로젝트를 만들기 위해 2024.02.16일 기준 NextJS 최신 버전인 14.1.0을 이용해서 프로젝트를 생성하는 도중 아래와 같은 에러가 발생하였습니다. [web@instance-technfin c-app]$ yarn build ▲ Next.js 14.1.0 Creating an optimized production build ... ✓ Compiled successfully Linting and checking validity of types ..Failed to compile. src/app/[locale]/layout.tsx Type error: Layou..

목차 - 클릭하면 이동합니다. 리눅스 RPM DB Error 간혹 어떤 사유인지는 파악하기 어렵지만 리눅스의 rpm db가 깨진 경우 dnf update가 정상적으로 이루어지지 않는 경우가 발생합니다. [web@instance-technfin ~]$ sudo dnf update error: rpmdb: BDB0113 Thread/process 3692420/281457585117760 failed: BDB1507 Thread died in Berkeley DB library error: db5 error(-30973) from dbenv->failchk: BDB0087 DB_RUNRECOVERY: Fatal error, run database recovery error: cannot open Packag..

목차 - 클릭하면 이동합니다. Mac PC에서 파이썬 버전 업그레이드 하기 현재 파이썬 버전 확인 technfin@MacBookPro ~ % python --version zsh: command not found: python technfin@MacBookPro ~ % technfin@MacBookPro ~ % python3 --version Python 3.11.5 technfin@MacBookPro ~ % 위의 명령어를 통해 현재 설치되어 있는 파이썬의 버전을 확인 할 수 있습니다. 저의 경우에는 3.11 5 버전이 설치되어 있습니다. 업그레이드 technfin@MacBookPro ~ % brew update && brew upgrade python3 ==> Homebrew collects anony..

목차 - 클릭하면 이동합니다. 도커 사용하기 도커(Docker)는 요즘 거의 필수로 사용되고 있는 듯 한데요. 도커를 사용하면 여러가지 프로그램들을 간편하게 설치할 수 있고 독립된 프로세스에서 실행할 수 있습니다. 이번 시간에는 도커를 사용해서 PostgreSQL을 설치해 볼 예정인데요. amd64 계열의 서버를 사용하시는 분들은 docker 사용이 가능하지만 aarch64 에서는 아쉽게도 도커를 설치할 수 없습니다. 하지만 대신 Podman이라는 것을 사용할 수 있는데요. docker를 podman으로 명령어만 바꾸면 모든게 똑같습니다. 저는 aarch64 서버에서 설치를 진행해 볼 예정입니다. 도커 계정 만들기 [python@instance-technfin ~]$ podman --version pod..

목차 - 클릭하면 이동합니다. 파이썬 원격 개발 with VS Code 프로그램을 개발 할 때 보통은 자신의 PC, 즉 로컬 환경에서 개발 및 테스트를 진행하고 개발이 어느정도 완료되면 서버에 배포하여 실행을 하게 되는데요. 간혹 개발 자체를 원격 환경에서 하는게 더 편한 경우도 있습니다. 원격 개발은 VS Code 나 파이참 같은 개발 툴은 자신의 로컬 PC에서 사용하지만 소스는 서버에 있는 소스를 직접 수정하면서 개발 하고 실행도 직접 서버에서 하는 것을 말합니다. 파이참의 경우 프로페셔널 버전을 사용하면 원격 개발이 가능하지만 학생이나 교사 email이 없으면 지불해야 하는 비용이 조금 비싼 편이라서 무료로 사용할 수 있는 VS Code를 사용해서 파이썬 원격 개발 환경을 만들어 보려고 합니다. 환..

목차 - 클릭하면 이동합니다. YAML이란? YAML은 한글로 읽는 방법이 정해져 있지는 않지만 일반적으로 야믈이라고 읽고 있습니다. 이 YAML(야믈) 파일은 파이썬에서만 사용하는 특정한 양식은 아니고 프로그래밍을 하면서 접하게 되는 많은 파일 형식 중에 하나라고 보시면 됩니다. 주로 환경 파일을 작성하는데 사용되는 형식으로 JSON, XML 형식등과 비슷한 것이라고 생각하시면 됩니다. YAML파일의 장점 YAML(야믈) 파일의 장점을 이야기하려면 JSON 형식과 비교를 하는 것이 좋을 것 같은데요. 그럼 먼저 JSON 파일의 문법을 살펴 보겠습니다. JSON 형식 { "name": "name", "description": "description", "license": "MIT", "version": ..

한동안 바쁜 관계로 포스팅을 하지 못하였는데 다시 새롭게 여러가지 주제를 가지고 양질의 포스팅을 진행하려고 합니다. 다양한 포스팅을 올리는데 동기 부여가 될 수 있도록 테크앤핀 블로그의 공식 후원 방법을 개설하였습니다. 토스를 통해 후원하실 수 있으며 후원금은 테크앤 핀 블로그의 포스팅 발전에 사용됩니다. 블로그 내용이 도움이 되셨거나 테크앤핀을 응원하고 싶으신 분들은 아래 링크를 클릭하여 토스(Toss)를 통해 후원하실 수 있습니다. 감사합니다.

목차 - 클릭하면 이동합니다. NestJS 리소스 생성하기 지난 포스팅에서 NestJS의 장점에 대해서 간단히 설명드린바와 같이 NestJS는 백엔드 프로그램을 개발하는데 최적화되어있는 NodeJS 기반 프레임워크입니다. 이번 시간에는 NestJS에서 리소스를 자동으로 생성하는 방법에 대해서 살펴볼 예정인데요. 쉽게 말하자면 컨트롤러와 서비스 그리고 데이터 구조를 정의하는 DTO등 모듈에 필요한 구조를 한번에 자동으로 만들어 주는 기능입니다. 껍데기 파일이 자동으로 생성되고 모듈과 서비스가 자동으로 등록되기 때문에 개발자는 각각의 모듈, 서비스 등의 파일을 만들고 구조를 잡는데 신경을 쓰지 않고 비지니스 로직을 작성하는데만 집중할 수 있고 여러명이 개발을 함꼐 진행하더라도 각자의 스타일대로 개발하는 것이..

목차 - 클릭하면 이동합니다. 이 포스팅을 통해 1. 로컬 환경에서 아톰(Atom) 에디터를 이용하여 작업환경을 설정할 수 있습니다. 2. RemoteFTP 플러그인을 이용해 로컬PC 서버간의 파일 전송을 편리하게 할 수 있습니다. 로컬PC 작업환경 만들기 지난 시간에 간단하게 NestJS 프레임워크를 사용하여 백엔드 프로그램을 만들어 보았는데요. 이번 시간에는 서버에만 있는 프로젝트 파일을 로컬 환경으로 가져오는 방법과 아톰(Atom) 에디터와 RemoteFTP 플러그인을 통해 로컬 PC에서 소스를 수정하고 서버에 편하게 업로드하여 즉각적으로 변경 내용을 확인할 수 있는 방법에 대해서 살펴 보겠습니다. RemoteFTP 플러그인 설치 테크앤핀에서 진행하는 웹사이트 만들기 프로젝트에서는 개발을 도와주는 ..

목차 - 클릭하면 이동합니다. 이번 포스팅을 통해 1. NestJS 프레임워크를 사용해 기본적인 구조의 백엔드 프로젝트를 생성합니다. 2. 서버에서 백엔드 프로그램을 실행하여 웹 브라우저를 통해 접속 가능하도록 설정합니다. 백엔드 프로그램 만들기 백엔드 프로그램은 지난 포스팅에서 간단히 설명 드린바와 같이 주로 사용자가 보지 못하는 곳에서 프론트엔드(클라이언트)의 요청을 처리하는 역할을 하는 프로그램입니다. 예를 들어 웹사이트에서 로그인 화면을 만들었다고 한다면 사용자가 보고 있는 화면은 프론트엔드인데요. 해당 로그인 화면(프론트엔드)에서 아이디와 비밀번호를 입력하고 로그인 버튼을 누르면 해당 요청이 백엔드로 넘어가게 되고 백엔드에서는 연결된 DB에서 입력된 사용자 정보가 유효한지 확인 후 로그인 처리를..