HYEWON JUNG의 개발일지

프로젝트 주제 회의 공공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실패

목표 ui 짜기 새로 알게 된것/ 오늘의 코드 react library react-calendar 우선 라이브러리 설치하기 yarn add react-calendar import 해오기 //캘린더 import Calendar from "react-calendar"; //캘린더 기본 스타일 import "react-calendar/dist/Calendar.css"; 코드 작성하기 const [value, onChange] = useState(new Date()); Value 는 type인데 type ValuePiece = Date | null; export type Value = ValuePiece | [ValuePiece, ValuePiece]; 구글링했다.. 그리고 캘린더를 만드는 코드는 자체는 간단했..