본문 바로가기

프로젝트6

Release Note 자동 생성하기 (with Release Drafter) 저번 글에서는 릴리즈 노트를 어떻게 작성하면 좋은지에 대해서 카카오엔터프라이즈의 글을 읽으면서 정리를 했다. 이번 글은 릴리즈 노트를 자동 생성하는 방법에 대해서 공유하려고 한다. 결론부터 말하자면, 깃헙 액션의 Release Drafter을 사용해서 특정 라벨의 PR이 main에 머지되었을 때 릴리즈 노트에 각 기능별로 항목이 생기게할 수 있다. 그러면 "우리가 이번 배포까지 어떤 일을 했는지" 알 수 있어, 좀 더 편하게 릴리즈 노트를 관리할 수 있다. 1. 설정 파일 등록하기 파일 위치랑 이름은 문서에 나와있는 그대로를 활용하였다. 파일 위치 : .github/workflows/release-drafter.yml name: Release Drafter on: pull_request: branches.. 2021. 10. 11.
Release Note * 이 글은 카카오엔터프라이즈의 Release Note 톺아보기를 보면서 정리한 글입니다. 1. 릴리즈 노트란? 릴리즈 노트란 소프트웨어 또는 서비스가 출시 또는 업데이트 될 때마다 해당 상품의 배포와 함께 변경 사항을 체계적으로 정리하여 정보를 제공하는 문서이다. 릴리즈 노트를 바탕으로 제품 혹은 서비스는 사용자의 피드백을 어떻게 반영하였고, 어떠한 기능이 추가되었는지에 대해 정보를 기록할 수 있다. 또한 이렇게 업데이트 된 내용을 내·외부적으로 공유해야 할 필요성이 제기되면서 많은 회사들이 릴리즈 노트를 작성하게 되었다. 2. 릴리즈 노트를 쓰면 좋은 점 ✔️ 업데이트 된 점들을 빠르게 파악할 수 있다. ✔️ 제품의 발자취를 한눈에 파악할 수 있다. ✔️ 제품 혹은 서비스가 최신 상태를 유지하는 지 .. 2021. 10. 9.
[Prolog 시즌3] SelectBox (dropdown) 리팩토링 2 지난 글에 이어서, select(dropdown menu) 리팩토링 2편입니다. [Prolog 시즌3] SelectBox (dropdown) 리팩토링 - 접근성 UP 🌸 프로젝트를 하면서 정리한 글입니다. 피드백은 언제나 격한 환영 🌸 전에 UX 공부하다가 '드롭다운과 스크롤 디자인'이라는 주제의 글을 본 적이 있다. 기억에 남는 이야기로 드롭다운의 경 dev-hyun.tistory.com 피드백은 언제나 환영입니다. 🌸 🛠 Custom Select Tag(dropdown menu) 리팩토링 디토랑 나랑 한 작업 (이 포스팅부터 select, select box, dropdown을 모두 드롭다운이라고 쓰겠다)은 다음 4가지이고, 여기서 조금씩 코드만 수정했다. 그래서 사실상 리팩토링이 기능적으로 들어간 .. 2021. 8. 23.
[Prolog 시즌3] SelectBox (dropdown) 리팩토링 - 접근성 UP 🌸 프로젝트를 하면서 정리한 글입니다. 피드백은 언제나 격한 환영 🌸 전에 UX 공부하다가 '드롭다운과 스크롤 디자인'이라는 주제의 글을 본 적이 있다. 기억에 남는 이야기로 드롭다운의 경우 활성화되었을 때, 화살표의 방향에 대해서 어떻게 보아야하는지 고찰한 내용과, 요즘에는 화살표를 가리고 모달 느낌으로 만들어버리는 트렌드로 자리잡고 있다는 내용이 있다. 시즌 1에서 드롭다운 메뉴를 직접 구현해보고 싶다는 의지로 페어와 함께 유튜브를 참고해서 커스텀한 dropdown 메뉴를 만들었다. 태그와 태그를 커스텀하면 되지 않냐는 의견도 있지만, 모든 브라우저에서 동일한 모습을 보여주고 싶어서 ul 태그와 li태그를 통해서 모달처럼 위에 떠있는 형태로 만들었다. 🛠 Custom Select Tag(dropdow.. 2021. 8. 22.
[Prolog 시즌3] 색상 상수화하기 🏃‍♀️ 들어가며 본격적으로 프로젝트에 들어가기 앞서, 프론트엔드끼리 모여서 전체 디자인에 대해서 논의를 하던 중, 색상이 아직 상수화가 안되어 있다는 것을 알게 되었다. 사실 메인 컬러를 알고 있다면, theme컬러가 정해져있고 그 안에서만 사용하게 된다면 직접 색상코드를 그때그때 입력하는 것이 나쁘지 않다고 생각한다.그러나, 주요한 컬러가 아니지만 그림자, 테두리, 글자색과 같이 자주 쓰이는 회색이나 검정, 흰색은 같이 약속을 하더라도 #000, #000000, black 등 모두가 다르게 사용할 여지가 있다. 또 저렇게 정해져있는 색이 아니더라도 회색과 같은 경우에는 엄청 예리한 사람이 아니면 잘 구분이 안간다. 암튼 다들 하나씩 맡아서 리팩토링을 진행하고 뭔가를 하고 있는 것 같아서 리포트 기능을.. 2021. 8. 21.
[Prolog 시즌3] Prolog 시즌 3 시작하기 보호되어 있는 글 입니다. 2021. 8. 21.