치춘짱베리굿나이스

코드 리팩토링하기 짧막한 내생각 긴 프리온보딩 기간이 끝나고 오랜만에 기존에 하던 프로젝트들에 복귀하였다 (몇개없지만…) 프리온보딩 기간동안 나름 성장해서 그런지 내가 작성한 코드를 슬쩍 봐도 아… 이건좀… 싶은 요소들이 많이 보였다… 마침 프로젝트 전체 리팩토링 및 배포 준비 과정에 들어가 내 코드를 리팩토링하였음 기능은 이전과 똑같이 동작하나 몹쓸 코드들만 개편한 것에 가깝다 합의한 사항들 폴더 구조 src/components └── pages └── Mypage ├── assets // folder ├── components // folder ├── constants.js ├── hooks // folder ├── index.jsx ├── styles // folder └── utils // fol..

그룹과제 #4 개인과제 #2 공식적인 내생각 넣고 싶은 기능은 많은데 내 속도가 못 따라간다 왤케 뇌가 살살 녹아가는 기분이지.. 요즘들어 집중이 너무 안돼서 탈이다 타협을 좀 해가면서 해야겠다 오늘은 실강에서 모의면접을… 했는데 지켜보면서 내가 아는게 아는게 아니라는 것만 뼈시리게 깨달았다 구현이 다가 아니구나 이론까지 내것으로 만들어야 “진짜" 다 SSR (Super Super React) 맨이 되기 위해 노력해야겠다 작업 내용 깃허브 특정 날짜의 특정 유저 커밋 다 가져오기 $> curl -H 'Accept: application/vnd.github.cloak-preview' \https://api.github.com/search/commits?q=author:[유저명]+author-date:[YY..

그룹과제 #4 개인과제 #2 공식적인 내생각 오늘은 그룹과제나 개인과제나 CSS와의 싸움이었다… 과제 명세 레이아웃이 별로긴 한데 그냥 그대로 했다가… 탈탈 털리고 말았다 로그인 페이지 변천사 1. 똥 맨 처음에 약 30분? 도 안돼서 끝낸 디자인 왜냐면 과제 명세에서 저렇게 줬었음… 왜 이렇게 줬지 싶으면서도 그냥 똑같이 따라하기만 함 지적받은 포인트는 다음과 같다 전체적인 border-radius를 8px로 해보자 로그인 버튼보다 ID, PW 라벨이 더 버튼같이 생겼다 로그인 버튼에 왜 border-radius가 없는가? 로그인 버튼 색은 의도한 바인지? 색상도 글씨 크기도 아무런 의도나 생각 없이 사용한 것 같다 ID, PW 라벨에 테두리 제발 치우기 로그인 버튼도 지나치게 크다 2. 탈탈 털리고 ..

그룹과제 #4, 개인과제 공식적인 내생각 사실 아직도 개인과제 무슨 주제로 할지 못 정했다 약간 킹받는 주제 생각하긴 했는데 (전부터 만들고 싶었음) 지도 API 사용해야해서 좀 복잡할듯… 카카오 API는 더 사용하기가 번거로운 데다가 레거시로 보이고 구글 지도는 사용하긴 쉽지만 우리나라는 지도가 상세한 편이 아니라서 아쉽다 그와중에 어제는 TIL 정리를 안했다… 사실 어제는 취업이랑 면접 관련으로 멘토링 받았는데 그걸 정리한다는걸 그냥 뻗어 잤다 열심히살아야지 다짐해놓고 하루만에 흐물흐물해진 나 아무튼 모… 금욜날 화딱지나는일 잇었는데 ENFP특) 뒤끝장난아님 이라서 지금도 씩씩대고 있음 사실 지금도 JSON 보고 있으면 화만 난다 소인배같아보이긴 하는데 소인배맞음 오늘 정리한 강의내용 무려 일주일을 ..

그룹과제 #4 공식적인 내생각 과제에서 제공되는 데이터가… 아주.. 매우 복잡해서 컴포넌트를 재활용할 수 없는 상황에 직면한지라 과제 데이터를 개조했다 객체배열로 개조하니까 해결됐다 스타일까지 적용하니 할일이 모두 끝났다 개인과제를 열심히 두들길 시간이군 작업 내용 커스텀 훅으로 데이터 정제하기 useEffect(() => { if (!healthData) return setMyData([ { title: '체질량지수', ... detail: healthData.wxcResultMap.boj.resBMI, }, ... ])}, [healthData]) return { myData } 데이터 정제하는 함수는 만들고 싶고 함수내에서 useState나 useRecoil*은 못쓰고 그와중에 전역 데이터는 필요하..

그룹과제 #3 종료 공식적인 내생각 과제가 생각보다 예외라던가 생각할부분이 많아서 조금 어려웠지만 재미있었다 무엇보다 피그마도 주고… 코멘트도 잘 달아준 편이었고… 😇 (피그마의 소중함을 절실히 느끼는중) 다음 과제는 빠르게 구현하고 넘어가고 개인과제에 시간을 많이 쏟기로 했다 작업한 내용 배열 내에서 조건에 맞는 원소 하나라도 있는지 체크하기 const arr = [{id: 1, name: 'john'}, {id: 2, name: 'dave'}]; arr.some(v => v.name === 'john')) // true arr.some(v => v.name === 'jade')) // false filter 메서드를 사용하고 길이를 체크하는 방법도 있지만 길어진다 그리고 some 메서드는 조건에 부합..

그룹과제 #3 공식적인 내생각 가끔 삘받아서 지금 코딩하지 않으면 안될 것 같은 때가 있다 오늘이 그날이었다… 새벽 6시까지 작업하고 풀리퀘 넣고 8시인가 9시에 잤다 덕분에 예정했던 구현내용은 다 끝나고 삭제버튼만 남아서 일어나서 마저 하니까 끝났다 수정 삭제 추가까지 구현했으니 더 추가할 건 없어보인다 이제 리드미 열심히 작성하자…. 다음과제들 분량 많아보이던데 이번주보다 빡셀 것 같다 언제쯤 필라테스를 다시 갈 수 있을까요 작업 내용 Array.reduce를 통해 새 배열 만들기 const newAds: IAd[] = prevData ? adsData.ads.reduce((acc: IAd[], curr: IAd) => { if (curr.id !== newAd.id) acc.push(curr) el..

그룹과제 #3 공식적인 내생각 내 파트에서 할 수 있는 건 다 해서 추가 기능을 구현했다 광고 만들기 버튼을 누르면 진짜로 광고를 만들 수 있게 만들고 싶었는데 어찌저찌 작성하다보니…. 기본내용 구현보다 광고추가 기능 하나가 더 빡셌던 것 같다 중간중간 컴포넌트 분리나 합치기 등 리팩토링도 해가면서 했더니 밤을 꼴닥 새버렸다 하하 작업 내용 숫자 3자리마다 쉼표 찍어주기 - toLocaleString() const number = 1234; number.toLocaleString(); // 1,234 이렇게 쉬울수가 정규식은 다시 잊어버리도록 해야겠다 프로그래머 최악의 적 정규식 인자를 추가함으로써 숫자를 아라비아어, 한자 등 특정 언어로 바꾸거나 스타일을 추가할 수 있다 (달러, 엔화, 한화 등…) p..