개발

Randomly 프로젝트 - Storybook 적용기

Randomly 프로젝트 - Storybook 적용기 개발을 하면서 jest로 만든 함수들을 유닛테스트 하였는데, 컴포넌트 단위로 테스트를 할 수 있는 Storybook도 추가적으로 알게 되었다. 이 storybook을 사용하면 내가 만든 컴포넌트들을 개별적으로 테스트해볼 수 있어 내 코드의 품질을 더 높일 수 있을 것이라 생각되었다. 그렇다면, 이 Storybook에 대해서 한 번 알아보고 도입해보자! 🧐 Storybook 넌 누구냐? Storybook은 UI 컴포넌트를 개발하고 테스트하는 도구로 개발자들이 UI 컴포넌트의 개발과 디버깅을 더욱 쉽게 할 수 있도록 돕는 오픈 소스 도구이다. Storybook을 사용하면 UI 컴포넌트를 개별적으로 테스트하고 독립적으로 개발할 수 있으며, 빠른 개발과 디자..

Randomly 프로젝트 - 새 기능 생성 (질문별 카테고리) 에 대하여

Randomly 프로젝트에 새로운 기능을 생성하려고 한다!!! 무엇?! ✔️ 질문 별 카테고리 기능! 해당 기능이 왜 필요할까? 스터디 팀원들과 질문을 주고받는 방식을 이제 변경해보고자 한다. 기존까지의 질문 방식은 구분없이 20개의 질문중에서 랜덤으로 분배하여 질문을 할당하던 방식이였다. 하지만, 이후로 적용할 방식은 JS 5개, React 5개, CS 5개 ... 이런식으로 질문들을 선별하여 각 개인마다 분류별로 하나씩 뿌려줄 예정이다. 해당 기능을 프로젝트에서 사용하려면 등록된 질문들이 어떤 분류의 질문인지를 알아야한다. 그래야지 중복없이 하나씩 뿌려줄 수 있기 때문이다. 어떻게 구현할건데? 고민이 많이된다. 단순하게 생각했는데, 추가할때만 생각하면 안되고 질문을 수정,삭제 때도 생각해야한다. 그럴..

개인 프로젝트 - Randomly (2023.01.18 ~ .02.09)

개인 프로젝트 - Randomly 📖 주제 스터디를 진행하면서 필요한 기능들을 구현한 프로젝트 🏠 배포 주소 https://randomly.pages.dev/ React App randomly.pages.dev 🛠️ 사용 기술 - React - Redux - TypeScript - CSS in JS (Styled-Components) - Firebase - CloudFlare 🏠 저장소 https://github.com/soohyun-dev/Randomly 📜 개발 기록 타입스크립트 스터디에서 기술면접 스터디를 추가적으로 진행하면서 한 주간 20문제를 공부해온 뒤, 한 명을 골라 질문을 하는 식으로 처음엔 정하였엇다. 하지만, 한 주에 한명만 대답하는 것은 이 스터디의 목적과는 맞지 않다는 생각이 들었다..