HYEWON JUNG의 개발일지

토요일에 해커톤을 진행했다. 기업과제에 협업을 늘릴 수 있는 기회라고 해서 도전했다. 과제자체는 조금 간단한 편이었고 지금까지 배운 것을 활용하면 할 수 있을 정도였다. 물론 typescript로 해보진 않았지만.. 하지만 8시간이라는 시간안에 구현하기에 지금까지 배운 것으로 하기에 조금 나태한 것 같아 새로운 것을 적용해 보기로 했다. ui 자체는 전에 사용했던 것을 그대로 사용했다. 내가 사용한 것은 react-hook-form 라이브러리와 yup 이다. 차례대로 작성을 해보겠다. 라이브러리 설치 yarn add react-hook-form yup @hookform/resolvers schema 설정해주기 const schema = yup.object().shape({ id: yup .string()..

프로젝트 주제 회의 공공api를 보면서 많이 고민을 하면서 적었고 나는 보통 내가 있었으면 했던 것을 위주로 적었다. 지금 생각해보면 개발을 해보고 싶은 것을 적었어야해했나 생각이 든다. 우리의 프로젝트는 여러 의견중에 디자이너님이 말씀해 주신 미술용품 중고거래, 공구 사이트를 하기로 했다. 내가 만들고 싶은 것들은 취업 준비하면서 혼자 만들어 봐야겠다.! 아쉬워 선정이유 우리가 해당주제를 선택한 이유는 우선 이때까지 해보지 못한 류, 그리고 충분히 실현 가능성이 있다고 생각이 들었고 실제 필요한 사람들이 있고, 여러 기능을 섞어 넣기에도 적합해 보였다. 그리고 과반수 였다. 간단하게 팀원들과 해당앱에 필요할 것 같은 걸 회의해봤다. 레퍼런스 URL 당근마켓: https://www.daangn.com/ ..

KEEP- 만족스러운 부분 와이어프레임으로 전체적인 틀을 완전히 잡고 시작한 것 여러가지 라이브러리와 API를 사용해 본 것 (supabase, 캘린더 라이브러리, 카카오맵) 팀원 간의 분위기가 좋아서 출근할때도 기분이 좋았다. 팀원 끼리의 분위기가 좋고 서로서로 알려줄려고 노력하는 부분이 매우좋았어요 ! Problem - 불편하게 느끼는 부분 코드 리뷰 안한 것 와이어프레임과 결과물이 다른 것 데드라인이 지켜지지 않은 것 툴에 대한 이해도 부족 (RTK와 React-Query, Tailwind와 StyledComponent, json-server-auth, supabase) 중복되는 기능 (홈 화면과 맵 화면에 똑같은 지도와 토글) 전체적인 세팅을 바꾸고 구조를 바꿀 때 전체적 흐름을 신경쓰지 않은 것..

목표 라디오 타입 default 값 새로 알게 된것/ 오늘의 코드 라디오 타입을 디폴트로 체크되어있게 하는 것은 두가지 방법이 있는데 checked와 defaultChecked가 있다. 그 둘의 차이는 체크 유지에 있는데 //디폴트 체크 변경 불가능 // 디폴트 체크 변경 가능 checked는 디폴트 값이 체크된 채로 변경되지 않고 defaultChecked는 디폴트 값이 체크되어있지만 체크를 변경할 수 있다. 나는 수정칸에 써야했기 때문에 defaultChecked를 썼고 만약 결과 확인용으로 써야한다면 checked를 쓸 거 같다. {toiletNumberArr.map((item: string, i) => { return ( setEditToiletNumber(e.target.value)} defau..

목표 맡은 부분 끝내기 새로 알게 된것/ 오늘의 코드 일지 C const addDiaryhandle = () => { if (toiletNumber && condition && meal) { const newDiary = { toiletNumber, condition, meal, date: formatDate, comment }; const addDiary = async () => { try { const response = await axios.post( "url", newDiary ); alert("일기가 추가되었습니다."); setMeal(""); setComment(""); } catch { alert("오류가 발생하였습니다."); } }; addDiary(); fetchDiary(); } els..

목표 일지 R 새로 알게 된것/ 오늘의 코드 일지 만들기 배열로 값을 넣어준 다음에 map으로 뿌렸다 const toiletNumberArr = ["0", " 1", " 2", " 3", "4", "5"]; {toiletNumberArr.map((item: string, i) => { return ( setToiletNumber(e.target.value)} /> {item} ); })} radio의 거리는 margin : auto로 해서 넓혀줬다 문제 데이터의 값을 체크된 채로 로딩이 안됨 value에 check를 하는 것 알겠는데 항상 value가 바뀌잖어.. 내일 목표 R실패