완성도있는 프로젝트를 위해 기록한 리팩토링 로그 리팩토링을하면서 가장 오래걸렸던 페이지 중 하나였다. 우선 상품리스트 페이지의 수정(오류)사항을 살펴보면 1. Mock data 하나로 합쳐서 수정 2. 전체적인 UI 디테일 수정 2. Radio 버튼을 클릭했을때, 각 컬러값이 보이도록 수정 3. 화폐단위 디테일 문제 5. 버튼을 모두 선택했을때만 장바구니로 넘어가도록 'Alert 기능' 추가 6. Cart modal 창 추가 7. WomensDetail page 새로 만들기 📌프로젝트 시연 영상 Mock data 하나로 합쳐서 수정 우선 detailColorList와 detatilSmallList로 나눠져있었던 목데이터를 하나로 합쳐주었고, newDetail.json 파일을 만들어서 데이터파일 하나에서 ..

완성도있는 프로젝트를 위해 기록한 리팩토링 로그 Aside 페이지에서 추가, 또는 수정사항들 1. 카테고리 리스트 항목을 상수데이터로 변경 2. 리스트 항목 클릭시 '엑티브 효과' 추가 3. listLanging 페이지 추가 전체적으로 1차 프로젝트의 경우엔 백엔드의 의존도가 높은편이라, 페이지별로 목데이터와 상수데이터로 변경해주었다. 카테고리 리스트 항목을 상수데이터로 변경 기존에 만들어놓았던 상수데이터를 활용하였다. ✏️상수 데이터 ✏️작성코드 카테고리 리스트와 그안에 카테고리 타입도 map을 사용해서 뿌려주었다. 항목 클릭시 '엑티브 효과' 추가 ✏️작성코드 const [countIndex, setCountIndex] = useState(0); const handleOnClick = (id) => ..

완성도있는 프로젝트를 위해 기록한 리팩토링 로그를 시작한다. 프로젝트 당시 시간부족으로 완성도 있는 페이지를 만들지 못하여 추후에 리팩토링을 생각하고 있었다. 우선 상품리스트 페이지의 오류사항을 살펴보면 1. fiter로 걸러질때, 해당 tag만 보이지않고, tag 4개가 다보여지는 에러. 2. 걸러지는 데이터 갯수에 따라 '총 00개의 상품이 있습니다.' 라고 보여줘야하지만 상단의 데이터 값이 바뀌지않는 에러. 3. tag 클릭시 '엑티브 효과' 에러. 4. 10,000 화폐단위 디테일 문제 5. 상품 tag부분 UI 간격이 안맞는 문제 6. womesList page 새로 만들기 📌1차 프로젝트 시연영상 fiter로 걸러질때, tag 4개가 다보여지는 에러. 우선 백앤드와의 API 통신을하지 않으니,..

"학생이 공부만 열심히 하면 되지" 나도 그렇게 생각했다. 고등학교 시절 딱히 꿈이 없었고, 학교 수업을 들으면 야자하고 야자 끝나면 학원가고 성적을 맞춰서 적당한 대학을 가는 게 전부였다. 19살 늦은 여름, 수능으로 한창 바쁠 시기, 친구를 따라갔던 공연에서 우연히 건반 연주를 듣고 꽂혀버렸다. 연주곡은 내가 이미 알고 있던 곡에 재즈 편곡을 곁들인 곡이었는데, 원래 멜로디를 저런 식으로 바꿀 수 있구나 하는 신선한 충격과 나도 저렇게 치고 싶다는 생각이 컸다. 공연이 끝나자 나는 건반 연주자분께 이렇게 피아노를 잘 치려면 '어떻게 해야 하냐고 물었고' 그렇게 재즈를 알게 되었다. 그 당시 친구들은 수능 공부로 한창이었지만, 나는 실용음악학원을 알아보고 다녔다. 그때의 나는 음악으로 대학에 진학할 생..

짧다면 짧고 길다면 길었던 두 달 동안의 위 코드 생활을 마치고 '기업 협업이라는 첫 발'을 뗐다. 그동안의 시간을 돌아보며 회고를 위한 글을 적어본다. #어떤 회사인가? 내가 지원한 회사는 홍대에 있는 스타트업으로 데이터 시스템 자동화 및 분석, 디지털 마케팅을 하는 광고 회사였다. 이 회사의 특징은 24기부터 ~ (현) 31기까지 위코드생들이 다녀간 회사라는 것! 나는 이점을 좋게 생각했고 '내가 회사를 선택한 이유'기도했다. ((기존의 직원분들도 위코드생이였던 분들이라 기업 협업하는 학생들의 마음을 잘 이해해 주지 않을까 생각으로!)) 수많은 사람들이 다녀간 곳인 만큼 서비스를 이미 90% 이상 만들어놓았고, 이제 배포만 하면 되는 상태였다. 당장 이번 주 금요일이 라이브라 하셔서 같이 간 동기들과..