목록분류 전체보기 (56)

IT일상

사용자 수 모니터링 빠르게 시작하기 (Grafana + Prometheus)

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/50/ 고객으로부터 빠르게 피드백을 받기 위해 MVP(Minimal Viable Product) 상태로 배포하였습니다. 오픈채팅방 몇 군데에 소개 글과 링크를 뿌렸고 다행히도 많은 사람들이 관심을 가지고 사용해주셨습니다. 가입자 수는 DB에 직접 쿼리를 쳐보면서 카운팅하고 있었는데요,,, 매번 이런 과정을 통해 조회하는 것은 불편하기도 하고 가입자 수 상승이 어떤 시점에 상승하는지 추이를 확인하는 것도 어려웠습니다. 여튼, 이런 문제를 해결하기 위해 데이터 시각화 플랫폼이 필요하다고 느꼈고 이를 구축하기 위해 Grafana + Prometheus를 사용하였습니다. AWS의 CloudWatch, ELK 등 다른 조합도 많이 있었을..
인프라 2023. 8. 15. 02:50
우아한테크코스 팀 프로젝트 2차 스프린트 회고

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/49/ 우아한테크코스의 팀 프로젝트는 총 5개의 스프린트로 이루어져 있습니다. 각 차수마다 2주간의 스프린트 기간을 가지고, 구현한 내용을 데모데이 때 발표합니다. MVP를 만들기 위한 여정 MVP란, 최소 기능 제품(Minimum Viable Product)을 말하는 것이며, 최소한의 기능을 구현한 제품이다. 최소한의 기능이라는 것이 중요한 포인트인데, 완성도가 낮더라도 프로젝트의 핵심 컨셉을 빠르게 구현하고 고객으로부터 검증을 받아야 하기 때문이다. 숏폼 형식으로 앱을 완성하였는데 막상 시장의 반응이 좋지 않다면? 이미 많은 노력을 쏟은 시점에 방향을 바꾸는 것은 많은 것들을 물거품으로 바꿀 것이다. 요즘카페의 핵심 컨셉이란..
우아한테크코스 2023. 8. 8. 22:30
우아한테크코스 팀 프로젝트 1차 스프린트 회고

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/48/ 우아한테크코스의 팀 프로젝트는 총 5개의 스프린트로 이루어져 있습니다. 각 차수마다 2주간의 스프린트 기간을 가지고, 구현한 내용을 데모데이 때 발표합니다. 팀원들과의 만남 지금까지의 우아한테크코스 과정(레벨1~2)은 모두 개인 혹은 페어 프로그래밍으로 진행되었다. 약 5개월이라는 긴 기간이 지나고 이제서야 본격적인 팀 프로젝트가 진행된다. 프론트 3명, 백엔드 4명 구성인데 지금까지 1~2명으로만 하다가 대규모로 팀 프로젝트를 하게 되니 기대도 했지만 긴장도 되었다. 개인으로서의 퍼포먼스만 발휘하다가 팀에서 팀 구성원으로서 역할을 잘 수행할 수 있을까. 우테코에서 팀원들을 정해주자마자 바로 슬랙 채팅방을 만들었다. 기획..
우아한테크코스 2023. 8. 6. 02:02
Terraform으로 AWS EC2와 S3 생성해보기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/47/ AWS를 이번에 처음 사용해보는데요, AWS에서 제공하는 컴퓨팅 자원의 종류가 많고 어려워서 Terraform으로 설정해두고 쓰려고 합니다. Terraform과 AWS 둘 다 처음이기 때문에 글에서 부족한 부분이 많이 보일수도 있는 점 양해부탁드립니다. Terraform이란? 선언적으로 인프라를 코드로 정의(Infrastructure as Code, IaC)할 수 있는, HashiCorp사에서 만든 오픈 소스 도구입니다. IaC 등장 배경 가상화 기술이 발전하면서 여러 대의 서버를 만드는 것이 굉장히 쉬워졌습니다. 하지만 요즈음 서버 자원의 종류가 많아지고 규모가 커지면서 관리(provisioning) 및 운영(opera..
인프라 2023. 6. 6. 18:16
ASUS Vivobook Pro m7600re 무선랜 Intel AX210으로 교체하기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/46/ https://solo5star.tistory.com/34 레노버 Slim5 Pro (14ARH7 6600HS) 무선랜 Intel AX210으로 교체하기 안녕하세요. 레노버 Slim5 Pro 14ARH 6600HS 노트북을 구매해서 약 3개월동안 잘 쓰고 있었는데, 와이파이, 블루투스가 간헐적으로 끊기는 불편함이 있었습니다. 구체적으로 들면 이렇습니다. * 전원 solo5star.tistory.com 지난 번에도 리얼텍 칩에서 인텔 칩으로 교체했었습니다. 이번에 사용하는 노트북에도 교체를 하게 되었는데, 사내 Wi-Fi 인증이 자꾸 풀리는 문제가 있었습니다. 기본으로 장착된 게 Mediatek MT7922A22M인데, W..
IT 리뷰 2023. 6. 6. 16:28
무엇을 하려는 건지 생각해보기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/45/ 우리는 종종 코드를 작성하며 중간 결과물을 확인하곤 한다. 이 과정에서 조금씩 욕심이 생기곤 한다. 버튼이 부드럽게 눌려지는 애니메이션을 넣어볼까? 기능을 좀 더 범용적으로 만들어보자! 라이브러리와 비슷한 수준으로 고도화를 해보자! 이렇게 완성된 페이지는 결국 처음에 그렸던 그림과 똑같을까? 나의 경험 상 아니었다. 처음에 피그마로 만들어진 시안을 보고 2~3일이면 충분할 것 같았지만 앞서 말한 것처럼 중간중간에 다른 길로 새는 낭비가 발생하게 된다. 이들은 모두 처음에 그렸던 그림에 있었던 것들일까? 아니었다. 딴 길로 새는게 즐거웠죠 만들고 싶은 것을 만들며 그저 코드를 타이핑하는 것이 재미있었다. 갑자기 해보고 싶은..
우아한테크코스 2023. 5. 18. 15:50
React SSR (서버 사이드 렌더링) 얕게 시작해보기 (React.hydrateRoot)

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/44/ CSR(Client-Side Rendering) 위는 전통적으로 사용하던 방식인 CSR(Client-Side Rendering) 방식이 동작하는 그림입니다. 1. 껍데기 뿐인 html 파일을 다운로드 2. bundle.js 다운로드 및 실행 (모든 기능이 여기에 있습니다) 3. 추가 데이터(users.json)를 다운로드하여 렌더링 JavaScript가 동적으로 컨텐츠를 그리는 방식이기 때문에, 화면 전체를 새로고침하지 않고 일부만 변경하여 빠르고 끊기지 않는 웹 사이트를 만들 수 있어 사용자에게 좋은 경험을 제공합니다. 하지만 이러한 CSR 방식엔 단점이 있습니다. 1. 로딩 시간이 깁니다. bundle.js 를 다운받..
프론트엔드 2023. 5. 5. 22:46
webpack config 자동완성 되도록 설정하기

리뉴얼 된 블로그로 보기: https://solo5star.dev/posts/43/ 아무래도 webpack config를 작성하면서 자동완성이 안되다 보니 오타 없이 제대로 작성한 것인지 의문이 들 때가 많습니다. 그래서 검색해봤는데 webpack config에도 타입을 지정하여 자동완성을 가능케 할 수 있었습니다. /** @type {import('webpack').Configuration} */ module.exports = { mode: "development", resolve: { extensions: [".ts", ".js", ".tsx", ".jsx"], }, module: { rules: [ { test: /\.(ts|tsx|js|jsx)$/, use: "ts-loader", exclude:..
프론트엔드 2023. 5. 5. 16:55
이전 Prev 1 2 3 4 5 ··· 7 Next 다음