BO의 개발로그

🔙 이전 시리즈 1/6 TIL | 쉼표 작업 일지 #17. 맞닥뜨려야 비로소 보이는 것들. 🔙 이전 시리즈 1/5 TIL | 쉼표 작업 일지 #16. 프로그램 목록 조회 기능 완성. 🔙 이전 시리즈 1/2 TIL | 쉼표 작업 일지 #15. 드디어 서버 구현 시작! Value Object 많이 사용하기 도전~! 🔙 이전 시리즈 12 bohyunkang.tistory.com 작업 회고 오늘은 상세 페이지 마크업을 했고 스타일링을 하는 중이다. 역시나 스타일링은 그렇게 어렵지 않지만, 분량이 압도적이기에 시간이 꽤 오래 걸리고 있다. 아직 섹션 2개 정도가 남아있는데, 후딱 스타일링 마저 하고 백엔드 쪽 프로그램 상세 조회 기능을 작업하려고 한다. 오늘은 새로운 스프린트가 시작되는 날이다. 지난주 스프린트 ..

🔙 이전 시리즈 1/5 TIL | 쉼표 작업 일지 #16. 프로그램 목록 조회 기능 완성. 🔙 이전 시리즈 1/2 TIL | 쉼표 작업 일지 #15. 드디어 서버 구현 시작! Value Object 많이 사용하기 도전~! 🔙 이전 시리즈 12/29 TIL | 쉼표 작업 일지 Day 14. 카테고리 페이지 완성 & Jest 이미지 파일 깨짐 bohyunkang.tistory.com 작업 회고 우선 프로그램 목록 페이지가 완성되어 이제 오늘부터는 프로그램 목록에서 프로그램 클릭 시 이동하게 되는 상세 페이지 작업을 시작하였다. 목록 페이지를 작성할 때는 우선 너무 많은 생각을 하지 말고 당장 보이는 것들만 해치우는 식으로 작업을 하여 ProgramDto가 아래와 같이 구성되어 있었으나 막상 오늘 상세 페이지..

🔙 이전 시리즈 1/2 TIL | 쉼표 작업 일지 #15. 드디어 서버 구현 시작! Value Object 많이 사용하기 도전~! 🔙 이전 시리즈 12/29 TIL | 쉼표 작업 일지 Day 14. 카테고리 페이지 완성 & Jest 이미지 파일 깨짐 현상. 🔙 이전 시리즈 12/28 TIL | 쉼표 작업 일지 Day 13. 카테고리 페이지 스타일링 & props로 넘겨받은 bohyunkang.tistory.com 작업 회고 1. 프로그램 목록 조회 기능 완성 우선 오늘은 기존에 목데이터로 하드 코딩했던 프론트 쪽 코드를 API로 호출한 결과 값으로 바꾸기 위해 서버 쪽 ProgramController와 GetProgramsService를 만들고, 도메인 모델인 Program에 필요한 VO들을 활용해 내용..

🔙 이전 시리즈 12/29 TIL | 쉼표 작업 일지 Day 14. 카테고리 페이지 완성 & Jest 이미지 파일 깨짐 현상. 🔙 이전 시리즈 12/28 TIL | 쉼표 작업 일지 Day 13. 카테고리 페이지 스타일링 & props로 넘겨받은 문자열 개행하는 방 🔙 이전 시리즈 12/27 TIL | 쉼표 작업 일지 Day 12. 심기일전✊ 🔙 이전 시리즈 12/23 bohyunkang.tistory.com 작업 회고 오늘은 새해의 둘째날이면서 2번째 스프린트가 끝나고 3번째 스프린트가 시작되는 날이다. 우선 1주차 스프린트에 비해서는 눈에 보이는 많은 작업을 해서 뿌듯 + 새해니까 열정 뿜뿜이었던 하루였지만 오후에는 급격한 체력 저하로 작업을 거의 하지 못했다. 새해에는 건강과 면역력을 더 챙길 수 있..

🔙 이전 시리즈 12/28 TIL | 쉼표 작업 일지 #13. 카테고리 페이지 스타일링 & props로 넘겨받은 문자열 개행하는 방법! 🔙 이전 시리즈 12/27 TIL | 쉼표 작업 일지 #12. 심기일전✊ 🔙 이전 시리즈 12/23 TIL | 쉼표 작업 일지 #11. 일단은 동작하게 만들기! 🔙 이전 시리즈 12/22 TIL | 쉼표 작업 일지 #10. 이루지 못할 일은 bohyunkang.tistory.com 작업 회고 1. 카테고리 페이지 완성 어제 하던 작업을 마저 이어서 카드 레이아웃을 완성했다. 기존 디자인에서는 태그와 배지가 존재하지만 역시나 핵심 가치를 기준으로 생각했을 때 중요한 부분은 아니기에 이번 MVP 구현에서는 배제되었다. 그리하여 완성된 화면은 위와 같다. 2. Jest 이미지..

🔙 이전 시리즈 12/27 TIL | 쉼표 작업 일지 #12. 심기일전✊ 🔙 이전 시리즈 12/23 TIL | 쉼표 작업 일지 #11. 일단은 동작하게 만들기! 🔙 이전 시리즈 12/22 TIL | 쉼표 작업 일지 #10. 이루지 못할 일은 없어요✨ 🔙 이전 시리즈 12/20 TIL | 쉼표 작업 일지 Day 9. 부 bohyunkang.tistory.com 작업 회고 1. 카테고리 페이지 UI 마크업 및 스타일링 오늘은 이번 주 스프린트 우선순위 1순위로 꼽힌 카테고리 페이지 프론트 작업을 했다. 사실 언니(a.k.a 쉼표 UI/UX 디자이너)가 만들어놓은 디자인이 너무나도 방대하여 우선 핵심 가치를 기준으로 중요한 기능 순으로 개발하기로 결심하였고(위 사진의 '당일 예약 가능한 프로그램'과 같은 기능..

🔙 이전 시리즈 12/23 TIL | 쉼표 작업 일지 #11. 일단은 동작하게 만들기! 🔙 이전 시리즈 12/22 TIL | 쉼표 작업 일지 #10. 이루지 못할 일은 없어요✨ 🔙 이전 시리즈 12/20 TIL | 쉼표 작업 일지 Day 9. 부족함을 채워가는 시간. 🔙 이전 시리즈 12/19 TIL | 쉼표 작업 일지 Day 8. bohyunkang.tistory.com 작업 회고 1. 하단 내비게이션 바(BottomNav) 메인 페이지와 프로그램 페이지 하단에 계속 존재할 하단 내비게이션 바를 마크업하고 스타일링하였다. 해당 페이지에서는 아이콘과 글씨의 색이 쉼표의 시그니처 색상으로 active된다. 기존 디자인에서는 원래 '예약'이 아니라 '스토리'라는 메뉴가 존재했는데, MVP 구현 범위 내에서는..

🔙 이전 시리즈 12/22 TIL | 쉼표 작업 일지 #10. 이루지 못할 일은 없어요✨ 🔙 이전 시리즈 12/20 TIL | 쉼표 작업 일지 Day 9. 부족함을 채워가는 시간. 🔙 이전 시리즈 12/19 TIL | 쉼표 작업 일지 Day 8. 드디어 개발 시작! 🔙 이전 시리즈 12/17 TIL | 쉼표 작업 일지 Day 7. E2E 테스 bohyunkang.tistory.com 작업 회고 1. 페이지 레이아웃 어제 TIL에서도 적었다시피 스프린트 목표를 재조정했기에 메인 페이지 레이아웃을 잡고 마크업, 테스트 코드까지 작성하면서 프론트 레이아웃을 잡기 시작했다. 우선 모바일 웹 앱이기 때문에 브라우저에서는 위와 같이 가운데에 화면이 출력되게끔 레이아웃을 잡아놓았고, 모바일에서는 좌우 여백 없이 해당..