[2주 프로젝트][회고]기록 남기기 #8

2주 프로젝트의 막이 내려오고 있다.

2주 프로젝트 시간 언제 가나 싶었는데 순식간에 지나갔고 가고 있다고 느껴지는 듯하다.

 

오늘도 쌓인 기능 구현을 위해 팀 다 같이  으쌰 으쌰 했다.

 

하지만 다들 각자가 맡은 기능이 어려웠는지..

컨디션이 별로 했던 것인지...

셋 모두 제대로 된 기능을 구현하지 못했다.. 

 

아쉽지만.. 과정의 일부분이라고 생각하고 내일 더 잘하자고 서로에게 긍정적인 말로 팀플의 끝맺음을 했다.

 

데이터 정렬하기

 

오늘 내가 구현하려고 한 기능은 

 

메인 페이지에 있는 트렌딩 버튼과 최신 버튼 기능을 구현하려고 했다.

시작하기 전까지는 이게 나를 힘들게 할지 몰랐다.

 

트렌딩 버튼은 하트 개수 기준으로 내림차순으로 게시글을 렌더링 하는 기능을 가지고 있고,

최신 버튼은 만들어진 순서 기준으로 게시글을 렌더링하는 기능을 가지고 있다.

 

단순하게 하트 개수대로 정렬을 하려다 보니 자연스레 '정렬 알고리즘'을 찾게 되었다.

평소에 알고리즘을 어려워하는 나로서 알게 모르게 당황한 거 같다. 

 

처음에 퀵 소트 알고리즘으로 정렬하려다가 로직이 잘 안 짜지니 이런저런 블로그 글까지 보게 되면서 내 코드는 "스파게티 코드"가 되어갔다. 안 되겠다 싶어서 퀵 소트로 로직 짜는 건 포기하고  하트가 있는 게시글과 없는 게시글을 나눈 후 하트가 있는 게시글은 따로 다른 정렬 알고리즘을 찾아서 적용을 했다. 여기서 사용한 정렬 알고리즘은 "버블 정렬" 알고리즘이다.

 

im-developer.tistory.com/133

[JS/Sorting] 버블 정렬, 삽입 정렬, 선택 정렬 자바스크립트로 구현하기 (Bubble Sort, Insertion Sort, Select

 

덕분에 삽질은 마무리하게 되었고 최신 버튼 기능까지 구현할 수 있게 되었다. 

하면서 궁금한 부분도 생겼는데 최신 버튼 기능에서 날짜 형식끼리 대소 비교가 가능한지 궁금했다. 되겠지하고 대소비교는 이리저리 해봤는데 날짜는 확실히 되는 것 같은데 시간단위에 들어서면 엄격하게 대소비교가 안 되었다. 내일 이 부분을 좀 더 찾아보고 보완할 것이다. 

 

 

 

 

아까는 그나마 예쁘게 잘 나왔는데 갑자기 css가 이상해져서 이런대로 찍을 수 없애 없었다.. ㅠ

 

아무튼 오늘 포기하지 않고 해서 계획했던 전부는 아니었지만 원하는 기능 중 일부분을 구현할 수 있었다.

 

소중한 경험, 시간이었다.