generative-ai

Shadcn UI를 활용을 연습할 겸, 간단히 POS를 만드는 토이 프로젝트를 진행해 봤습니다.POS 시스템은 주문을 관리하고, 결제를 처리하며, 재고를 관리하는 데 사용합니다.Shadcn은 기본적으로 TailwindCSS를 활용합니다.기본 기능을 구현해 보겠습니다.프로젝트 설정먼저, Next.js 프로젝트를 생성하고 필요한 패키지를 설치합니다.npx create-next-app@latest simple-pos --typescriptcd simple-pos Shadcn UI는 Tailwind CSS를 기반으로 한 컴포넌트 라이브러리입니다. Shadcn UI를 설치하기 위해 다음 명령어를 실행합니다.npm install @shadcn/ui기본 구조 설정프로젝트의 기본 구조를 설정합니다. app 디렉토리 내..

Dev Type 2025. 2. 3. 16:11

서비스를 운영하다 보면 서비스에 꼭 필요한 DB와 로그들을 분리해서 저장하고 관리하게 되는데, 로그가 방대해 질수록 더 효율적으로 로그를 수집, 접근, 시각화할 수 있는 툴들이 필요합니다.이런 시스템을 구성하기 위해서는 여러 기술 스택들의 조합이 필요한데, ELK 스택도 로그 시스템을 구성하기 위한 기술 스택들의 조합 중 하나입니다.ELK 스택은 이미 많은 백엔드 개발자들이 구현하고 실제 서비스에 적용한 안정적인 시스템입니다.요새 k8s(kubernetes)를 공부하고 있고 filebeats를 fluentbit로 변경해서 사용하고자 간단히 연습을 진행해 봤습니다!filebeats와 fluentbit는 둘 다 로그 파일을 logstash로 옮기는 효율적인 작업을 진행하지만, filebeats는 elasti..

Dev Type 2024. 10. 14. 16:39

서비스를 운영하다 보면 사고가 일어날 것을 대비해 데이터 백업 절차를 마련한다. 이 때 사용하는 옵션으로 전체 파일을 복사해 두는 일반적인 풀 백업 작업이 있고,저장 시점으로의 복구를 위해 필요한 설정 및 메타 데이터만 저장하는 스냅샷 작업이 있다. 위에 적힌 그대로 백업은 파일을 다른 공간에 복사해 두고 나중에 파일을 다시 복사해 와서 복구하는 개념이라면 스냅샷은 스냅샷 시점의 메타데이터를 통해 복구에 필요한 필수 정보만 저장해 두고 이를 통해 복구하는 방식이다. 둘 다 백업을 위한 솔루션인데, 위와 같은 차이가 있다 보니 사용자로서는 체감이 아주 다르다.백업은 실제 파일을 복사하는 작업이기 때문에 시간이 오래 소요되고 스냅샷은 파일은 두고 메타데이터만 저장해 두기 때문에 아주 빠르다. 그리고 백업은 ..

Dev Type 2024. 10. 11. 15:09

Windows 에서 IP 접속 통제 및 로그 확인하는 법(방화벽)에서 말했던 것처럼 윈도우는 아주 간단하게 방화벽을 설정을 통한 ip 통제가 가능합니다. 이번에는 방화벽을 설정했다면 실제로 방화벽에 접속한 로그를 확인하고 실제 제대로 작동하는지도 확인해 봐야 합니다.이걸 확인하기 위해 방화벽 로그 확인을 또 간단하게 할 수 있습니다.  Windows Defender 방화벽을 검색해 실행한 뒤 고급 설정을 클릭합니다. 그럼 아래와 같이 프로그램이 실행됩니다. 여기서 아래와 같이 마우스 오른쪽을 클릭해 속성을 클릭합니다. 그런 뒤 로깅에서 사용자 지정을 클릭하고 아래와 같이 실패, 성공에 대해 기록을 예로 하고 로그 저장 위치를 설정해 줍니다. 이제 여러 ip에서 접속을 시도해 봅니다. 그런 뒤 저장 위치에..

Dev Type 2024. 9. 27. 17:04

Windows 에서는 간단하게 ip를 접속을 통제할 수 있습니다.위와 같이 Windows Defender 방화벽을 클릭하고 아래와 같이 고급 설정을 클릭합니다. 그러면 방화벽 관련 설정 가능한 고급 보안이 포함된 Windows Defender 방화벽이 실행됩니다. 우선 위에서 인바운드 규칙을 클릭합니다.(인바운드: out -> in 으로의 접속, 아웃바운드: in -> out 으로의 접속)보통 Windows Server 의 경우 Remote Desktop Connection을 활용해 접속할텐데요. 이 때 기본은 3389 포트를 이용하기 때문에 TCP 프로토콜 중 3389 포트 설정이 있는지 리스트에서 확인합니다. 없으면 새 규칙을 클릭해 만들면 됩니다. 있다면 더블 클릭하거나 마우스 오른쪽 버튼을 눌러 ..

Dev Type 2024. 9. 27. 16:46

안드로이드 폰의 USB 디버깅을 위한 방법을 소개하려고 합니다.앱 개발에 필수 요소이기 때문에 꼭 필요한 방법입니다. 우선 USB 디버깅을 활성화합니다!USB 디버깅은 안드로이드 폰의 개발자 옵션에서 사용할 수 있는 기능입니다.한국에서 안드로이드 폰은 대부분 갤럭시 일테니 갤럭시 기준으로 말씀드리면,설정 - 휴대전화 정보 - 소프트웨어 정보로 들어갑니다.  들어가면 위와 같이 빌드번호가 있는데, 빌드번호를 여러 차례 클릭해 줍니다. 클릭하다 보면 토스트로 "개발 설정 완료 3단계 전입니다." "개발 설정 완료 2단계 전입니다." "개발 설정 완료 1단계 전입니다." "개발자 모드를 켰습니다." 가 보이는데 다 누르면 알아서설정에 개발자 옵션 메뉴가 보이기 시작합니다.(7번 정도 클릭하면 된다고 함. 걍 ..

Dev Type 2024. 8. 31. 21:54

Go 언어는 기본적으로 set 데이터 타입을 제공하지 않습니다.그래서 편리하게 사용하던 set을 사용하고 싶다면, 직접 구현해야 합니다! 막상 갑자기 직접 구현하려니 마음이 답답한데, Go에서 제공하는 Map 데이터 타입을 이용해 쉽게 구현할 수 있습니다.Map은 키, 값을 한쌍으로 갖기 때문에, 키가 중복되면 안됩니다. 이 원리를 이용하면 쉽게 구현됩니다. map[type]struct{} 를 이용하여 구현하게 됩니다. struct{} 는 빈 구조체로서 메모리를 차지하지 않게 됩니다. 그래서 map[type]struct{} 를 이용하면 값 없이 키만 저장할 때 사용하기에 제격입니다.이 때, type에 대해 T comparable을 이용하면 여러 타입의 Set을 소화할 수 있도록 만들 수 있습니다. 아래는..

Dev Type 2024. 8. 29. 20:23

어느 날 클라우드에 접속하려 하니 RDP 접속이 되지 않았다.왜 안되지? 서버가 꺼졌나 싶어 클라우드 콘솔을 확인해 봤지만 status: Running 상태...;해킹을 당했나 싶어 고민하다 결국 서버실 엔지니어분께 연락해 확인해 보니 위와 같이 계속 재시작을 반복하고 있었다. 서버실 엔지니어분이 요새 화제가 되고 있는 CrowdStrike 에러인 것 같다고 말했고, 그게 뭔지 검색해 보니 간단한 해결 방법이 있어 이를 엔지니어분께 전달해 문제를 해결할 수 있었다. 결국 집 컴퓨터에서 위와 같은 오류가 있다고 하면 아래와 같이 해결하면 된다. 1. 재부팅을 한다.2. 부팅 모드를 안전모드로 하여 윈도우를 실행한다.3. 안전모드에서 Windows/System32/Drivers/CrowdStrike/C-00..

Dev Type 2024. 7. 25. 18:30