BO의 개발로그

이번 주차는 HTML, CSS를 배우는 주간인데, 나는 이미 한번 배웠었던 내용이라 오히려 내가 예전에 배울 때 대충하고 넘어갔었던 flex와 grid를 다시 써보면서 손에 익혀보았다. 그렇게 총 3개의 레이아웃을 뽑아보았는데, 아래와 같다. 우선 위 사진의 레이아웃 전체는 flex로 잡아주었고, 박스 안의 글씨 레이아웃만 float를 사용하여 왼쪽 정렬, 오른쪽 정렬을 하였다. 위의 레이아웃은 grid로 잡고, 안에 글씨는 flex로 잡아보았다. 위 사진 또한 전부 grid로 레이아웃을 잡고, 메인 글씨(FRANS, HALS, MUSEUM)만 position: absolute로 잡아주었다. 무튼 오랜만에 CSS를 다뤄봤는데, 옛날 기분이 새록새록... 근데 아직도 어려운 것들이 꽤 있어서 레이아웃 짜다..

6주차의 주말 학습은 HTML, CSS이다. 오늘 오후에 느지막이 일어나서 확인한 HTML, CSS 강의가 어찌나 반갑던지... 원래도 좋아했던 두 녀석을 극악무도했던 Java Swing을 거쳐 만났더니 얼마나 반가웠는지 모른다. 그래도 메가테라의 주말학습은 방심하면 안 된다. 내가 알던 HTML과 CSS가 아닐 수 있음 주의... 그럼 이번 6주차도 한번 열심히 공부해보자!💪 참, 그리고 오늘 블로그 투데이수가 평소와 다르게 높길래 이유를 찾아보았더니 티스토리 메인에 어제 올렸던 주간 회고 글이 걸려있더라! 이런 맛에 블로그 열심히 쓰지.. 하면서 또 내심 뿌듯하고 행복한 하루! 언젠가 인생은 고통과 고난의 연속이지만 찰나의 소소한 행복으로 살아가는 것이라는 말을 본 적이 있는데 그게 정말 맞는 말이다..

원래 주간 회고는 항상 정해져 있는 템플릿에 작성을 했는데, 이번 주는 개인 프로젝트 회고가 위주이기에 프로젝트 내용을 정리하며 줄글 형식으로 작성해본다. 앞선 이번 주 TIL에도 말했지만 5주차는 개인 프로젝트 기간이었다. 4주 동안 배웠던 Java, 객체지향, Gradle, Swing UI, JUnit 테스트를 활용해서 하나의 프로젝트를 만드는 기간이었는데, 나는 Kpop of the day라는 플레이리스트 공유 서비스를 만들었다. 내가 처음 설계에 작성했던 시나리오와 유저 스토리, 클래스 다이어그램을 일부 캡쳐해왔다. (더 많은 내용은 내 깃허브에서 확인할 수 있다.) 우선 요구사항 중에 도메인 모델을 최소 8개 이상 사용해야 한다가 있었기에 위와 같이 클래스 다이어그램을 설계했고, 크게는 로그인/..

어제저녁에 생각나서 새롭게 추가한 기능인 방금 본 플레이리스트 기능을 구현해보았다. 사실 도메인 모델 추가를 주된 목적으로 추가한 기능이었는데, 막상 작성하다 보니 History 객체 안에 담겨야 할 요소가 모호했다. 어차피 PlayList 객체의 리스트만을 갖고 있으면 되니까 굳이 이걸 따로 모델로 만들 필요가 있나? 하는 생각이 드는 것이다. 결국 고민 끝에 방문한 적이 있는 리스트만 관리하면 되는 것이니 굳이 하나의 모델을 더 생성하기보다는 HistoryService 클래스를 따로 만들어서 거기서 리스트를 추가, 필터 작업을 하게끔 작성하였다. 근데 오늘 리뷰에서 History를 도메인 모델로 추가했어야 했다는 리뷰를 주셨고 그래서 History 객체를 만들어서 수정해보는 중인데, 계속 이걸 굳이 ..

오늘의 작업 내용 1. 신규 플레이리스트 등록 후 메인 패널에 화면 업데이트 원래 설계는 '플레이리스트 등록' 버튼 클릭 시 JFrame으로 팝업창을 띄워 새롭게 추가하는 플레이리스트를 입력받게 하는 거였는데, 팝업창이 꺼지고 나서 결과물이 메인 패널에 반영이 계속되지 않았고, 도무지 지금 단계에서 해결할 수 있는 여력이 없어 MVP 개발에 집중하기 위해 우선 JFrame이 아닌 JPanel로 수정하여 패널 간 이동으로 변경하였다. 그래서 완성한 레이아웃이 위 사진과 같은데, 메인 레이아웃이 플레이리스트에 제목 길이에 영향을 받아 내가 원하지 않는 방향으로 계속 깨져 내용들이 잘리는 현상이 발생하는 것이다. 역시나 UI는 우선 중요한 부분은 아니니 JFrame의 가로폭을 더 넓혀 해결하였다. UI 디자인..

오늘의 작업 내용 1. 각 플레이리스트 상세 패널 기능 구현 메인 화면에서 '보러 가기' 버튼 클릭 시 위와 같은 상세 패널을 보이게끔 작성하였다. 사실 이것도 Panel 구조 잡는 게 이상해서 좀 고생을 했는데.. Swing 진짜 주먹이 운다...✊ 그리운 HTML과 CSS...🥹 무튼 그래도 어제 txt 파일 작성을 다 해놨어서 리스트를 불러오는 것은 큰 문제없었다. 어제 본질적인 것에 더 집중하기로 결심했으니 UI 관련해서 이상한 부분들은 그냥 스루하는 중이다! 우선은 기능 구현에 집중하자 집중!!!!!! 2. 플레이리스트 추가 등록 기능 구현 (아직 작업 중!💬) 그리고 나서는 플레이리스트 추가 기능 구현하는 중이다. 작업을 하다가 갑자기 멈칫했던 부분이 있었는데 그전에 먼저 플레이리스트 등록 기..

오늘은 추천 플레이리스트를 PlayList, Music, Tag 클래스를 생성하고 테스트 코드를 작성하여 기능들을 구현하고, 기존에 하드 코딩되어 있는 List 패널을 List 배열로 불러오게끔 수정하는 작업을 하였다. 그 과정에서 playlists.txt 파일까지 만들어 영속성을 추가하였는데, 하고 PR을 올리고 보니 제나님 리뷰에 홀맨님이 영속성 추가를 왜 지금부터 하냐는 리뷰가 달려있어 뜨끔했다...ㅠ... 나의 경우엔 플레이리스트 보러 가기 버튼을 누르면 이제 그 플레이리스트에 해당되는 노래들을 쫙 뽑아줘야 하는데, 그냥 애초부터 구조가 명확하다면 파일을 아예 생성해서 한큐에 해결해버리고 싶은 마음이었다. 무튼 그렇게 파일을 추가하였다. 원래는 csv 파일로 작업하고자 했으나 잘 열리던 csv 파..

이번 주는 레벨 테스트 주간으로 오늘부터 목요일까지 4일 동안 프로젝트를 만들어 금요일에 데모를 시연한다. 4주 동안 배웠던 Java와 객체지향, TDD, Swing UI까지 모두 활용하여 내가 만들고 싶은 서비스를 만드는 것인데, 나는 이번에 케이팝 플레이리스트를 공유하는 서비스를 기획했다. 자세한 기획 내용은 과제를 다 완성하고 블로그에도 정리해서 올릴 계획!! 아무튼 오늘 아침 프로젝트를 킥오프 하면서 오늘의 작업 목표를 로그인/회원가입 기능 구현으로 세웠다. 일단 그럼 UI부터 작성하고 로그인/회원가입 기능을 구현해야겠다 하고 작업을 시작하려던 차에 홀맨님이 오셔서 서비스의 핵심 기능부터 만들라는 코멘트를 주셨다. 생각해보니 4일 동안 MVP 완성을 목표로 가장 중요한 핵심 기능부터 구현한다 해도..