
이번글은 길벗 26차 개발자 리뷰어 활동을 진행하며 "그림으로 이해하는 시스템 설계" 책을 읽고나서 후기를 정리합니다.🚗 서론개발 업무를 하면서 연차가 쌓일수록 시스템 설계 관련 지식을 요구하거나 프로젝트 단계에서 활용해야 할 일이 자연스럽게 많아지게 됩니다. 그렇기에 우리는 시스템 설계에 대해서 이해하고 넘어갈 필요가 있습니다. 우선, 이번 글에서 소개하는 책 "그림으로 이해하는 시스템 설계"는 내용이 많지 않고 그림과 함께 설명이 되어 있어 이해하기 쉽고 빠르게 읽을 수 있습니다. 주니어 개발자뿐만 아니라 PM 직무에 계신 분들, 시스템 설계에 관심 있는 분들도 쉽게 읽을 수 있습니다. 다만, 시스템 설계의 깊은 부분까지 다루지는 않기 때문에 깊이 있는 지식을 원하는 분들에게는 적절하지 않을 수도 ..

🌄 서론정신없었던 한 해를 돌아보며 시간이 참 빠르다고 느끼는 요즘. 2024년의 첫날이 엊그제 같았는데, 벌써 한 해가 지나고 이렇게 회고 글을 쓰고 있네요. 2024년은 제게 큰 전환점이 된 해였어요. 변화도 많았고, 고민도 많았고, 그만큼 성장도 있었던 시간들이었습니다. 그래서 이번에는 제가 한 해 동안 어떤 일들을 했는지, 그리고 그 과정에서 어떤 생각과 배움을 얻었는지 천천히 돌아보려고 합니다.💪 3월, 퇴사와 새로운 도전의 시작2024년 초, 정말 고민이 많았어요. 회사 내부의 여러 문제들로 마음속에 의구심이 쌓이고, 미래에 대한 불안감이 커지기 시작했거든요. 그러던 중, 회사에서는 5년 계약과 퇴사 중 하나를 선택하라는 통보를 받았고, 이전에 회사에 대한 기대가 많이 떨어진 탓에 스스로..

☁️ 개요구름톤 12기에 참가하며 구름의 디자인 시스템 체계를 구축하는데 기여하신 제로님께 디자인 시스템 강의를 들을 기회가 있었습니다. 이 세션을 통해 구름 서비스의 디자인 시스템 설계 원칙과 개선 방향에 대한 귀중한 통찰을 얻을 수 있었습니다. 그동안 제가 개발하면서 놓쳤던 부분들을 되돌아보며, 단순히 복잡함 속에 빠져 있었던 설계 방식을 반성하게 되었습니다. 이번 글에서는 강의에서 다룬 주요 내용을 정리하고, 이를 통해 느낀 점들을 공유하려고 합니다.🎨 디자인 시스템이란?디자인 시스템은 디자이너와 개발자가 협업하여 일관된 사용자 경험을 제공하기 위해 구성된 일련의 원칙, 컴포넌트, 도구를 의미합니다. 이를 통해 디자인과 개발 과정에서의 비효율성을 줄이고, 제품의 일관성과 품질을 높일 수 있습니다...

React 프로젝트에서 나이스페이 결제 모듈을 연동하는 과정은 기존 서버 렌더링 환경(JSP 등)과 클라이언트 사이드 렌더링(CSR) 환경의 차이로 인해 몇 가지 도전 과제를 포함합니다. 이 글에서는 React 프로젝트에 나이스페이 결제 기능을 성공적으로 연동한 경험과 해결 방법을 공유합니다. 💣 문제 상황React 프로젝트에서 결제 기능을 구현하는 과정에서, 안정적이고 검증된 결제 솔루션을 도입하기 위해 나이스페이 결제 모듈을 선택했습니다. 나이스페이는 국내 주요 결제 수단(CARD, 계좌이체 등)을 지원하며, 높은 보안성과 안정성을 제공함과 동시에 저렴한 수수료로 비용 효율적인 운영이 가능하다는 장점이 있었습니다. 하지만, 나이스페이 모듈이 기존의 서버 렌더링 환경(JSP 등)에 최적화되어 있어 R..

🏃♀️➡️ 개요이 글에서는 전세대출 서비스 사이드 프로젝트에서 컴포넌트 관리와, 스토리북(Storybook)을 도입하여 프로젝트 내에 디자인 시스템을 구축한 경험에 대해 공유하려 합니다. 스토리북(Storybook)의 개념과 팀 내에서 어떻게 활용했는지에 대한 방법에 대해 설명합니다. 🚨 문제 상황개발팀에서 작업을 진행할 때, 특히 여러 명이 함께 프로젝트를 진행하는 경우 컴포넌트의 효율적인 관리는 언제나 큰 도전 과제입니다. 이번 전세대출 서비스 사이드 프로젝트에서도 비슷한 문제가 발생했습니다. 금융계산기 페이지개발하면서 총 4가지 계산 기능을 나누어 2개씩 나누어 개발하게 되었습니다. 작업을 진행하다 보니 각 페이지에서 공통으로 사용하는 UI 컴포넌트들이 많았고,UI의 일관성을 유지하면서도 개..

마이데이터 접수 + 제휴사들과의 계약을 앞두고 있는 시점 우리 회사를 소개할 페이지가 필요했다. 하지만 회사의 홈페이지가 검색 결과에서 낮은 순위에 노출되고 있어서 인지도가 떨어진다는 평가가있었고 우리 회사의 가치를 잘 나타낼 수 있는 공간인 홈페이지를 회의끝에 리뉴얼 하기로 결정이 났다. 현시점 홈페이지 리뉴얼 작업이 1차(?)적으로 마무리 되어 회고를 진행해보려 한다. 바닐라 자바스크립트에서 next로 ssg 환경의 정적페이지로 변경하면서 겪은 배포 이슈들을 중점적으로 다룰 예정이다.💣 기존 프로젝트의 문제검색 노출 이슈첫번째로는 우리의 사이트가 검색이 되지 않는 문제가 있었다. 우리는 대출 금리 비교를 해주는 서비스 회사이고, 여러 금융사들과 제휴를 하기 위해서는 우리의 회사를 소개해야 하는 입장..
- Total
- Today
- Yesterday
- 이벤트리스너
- event종류
- React18v
- http
- Repository pattern
- vue.js3
- props
- store.js
- vite
- 시스템설계
- 디자인시스템
- 알고리즘
- 레포지토리패턴
- react
- JWT토큰
- 항해플러스후기
- vue3
- 구름톤
- 더미데이터
- focus와blur
- 항해플러스프론트엔드
- 항해솔직후기
- 프로덕트설계
- 로그인 인증
- 결제기능
- 회고
- eventListner
- 그림으로 이해하는 시스템 설계
- 개발자
- Vue.js
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |