# Code Review
[Library] 가격 슬라이더 사용(material-ui)
기업협업 작업을 위해 사용했던 라이브러리이다. 형태와 기능은 input 태그의 range 타입과 같다. 가격필터를 위해 사용했다. (처음에는 체크박스로 가격을 필터하려고 했으나, 제품마다 가격이 너무 달랐고 무엇보다 기업에서 슬라이더 형태를 원하여 슬라이더 형태를 사용했다) 아무튼 기업협업을 하며 slick과 loading indicator 라이브러리...
[Library] 슬라이더 라이브러리(react-slick)
기업협업 작업에 슬라이더 기능이 필요하여 라이브러리를 사용하였다. 사용한 라이브러리는 slick이다. 개발을 시작하고 처음 라이브러리를 사용해보았다. 라이브러리의 문서는 친절하였으나 나는 떠먹여주는 수준까지 원했다. 어느 글을 찾아보아도 그 정도 수준의 글은 없었다. 그래서 내가 쓴다. 0. 내가 필요한 라이브러리 찾기 나의 경우, 라이브러리에 대해선 ...
OSULLOC_Basket
첫 번째 프로젝트에서 내가 맡은 마지막 페이지는 장바구니였다.비교적 간단한 구성이라 HTML/CSS에 시간을 크게 들이지는 않았지만, 이제까지 했던 signup, navbar에 비해서 기능구현이 많아서 개인적으로 재밌게 작업했던 페이지이다.구현 페이지HTMLBasket
OSULLOC_Main_Nav
ul과 li 태그를 주로 이용하여 Navbar를 구성하였다.여기서 어려웠던 점은 전체보기의 바탕색을 화면 끝까지 적용하는 것이었다.부모 div의 width가 정해져있고 margin: 0 auto로 설정되어 있을 때, 자식 div의 배경 색을 화면 끝까지 적용하는 것이
OSULLOC_Signup
첫 번째 팀 프로젝트인 오설록 클론코딩을 시작하였다.우리는 3명의 프론트엔드에서 login page 1명, signup을 top과 bottom으로 나누어 2명이서 작업 진행하였다.내가 맡은 signup top 범위는 약관 동의 직전까지였으며, input 태그 안에 us
D2 Timeline 최우수작품 훑어보기
D2 Timeline 최우수작품 훑어보기 지난 한 달동안 진행한 프로젝트에서 우수상을 받았다. 프로젝트를 진행하면서 다른 사람들은 어떻게 개발할지, 최우수 작품은 어떻게 구현되어 있을지 궁금했다. 여러 복합적인 이유로 우리는 아키텍처를 최대한 단순하게 가져갔다. 프로젝트가 마무리 되고나서도 메시지 큐잉과 캐시 저장소를 적용하지 못한게 아쉬웠다. 해서 이...