본문 바로가기

728x90
반응형

schedule

스케줄 프로젝트 만들기 - part5 스케줄 수정, 삭제 작업 오늘은 스케줄프로젝트 수정, 삭제 부분을 작업하였다. 이제는 기반을 다 만들어 놓은 프로젝트여서 디자인을 수정하거나 하지 않는 이상 심각한 에러가 나거나 하진 않았다. 다른 페이지는 수정된 내용은 없고 ModalPop페이지 위주로 작업을 하였다. 수정하기 버튼을 눌렸는지 눌리지 않았는지 체크하는 state를 만들고 수정하기 버튼을 누르면 수정할 수 있게 input들의 readOnly를 제거해 준다. 수정버튼 누리기 전의 디자인 수정버튼 눌렀을 때의 디자인 그리고 취소 버튼을 눌렀을 때는 팝업창이 사라지지 않고 내용도 원복 돼야 되기 때문에 const editCencle = () => { setEditMode(false); setScheduleTitle(editData.title) setCrrentDate.. 더보기
비전공자의 프로젝트 만들기) 스케줄 프로젝트 만들기 - part4 스케줄 수정작업 스케줄 프로젝트 만들기 - part4 와........ 이제부터 진짜 본격적인 개발을 한다고 생각이 되었다... 오류, 오류,,, 오류 끝나면 또 오류,,,,,,,,,,, 리액트 공부하면서 처음 보는 오류를 만났다... 와 씌............. 이건 뭐야 왜 렌더링이 많이 된다고 하는 거지 나는 데이터를 한 번밖에 보내지 않는데..... 수정하기 위해 기존 데이터를 가져왔는데 렌더가 너무 많이 된다고 하는 이런 오류는 참.... 데이터를 가져와서 콘솔을 찍어보면 잘 나왔다. 하지만 그 데이터를 state에 넣는 순간 오류가 생기는데 일단 그러면 modal페이지에서 데이터를 가져와야 되는 건가?? 흐음... 작장 1~2시간을 걸쳐서 여러 방법을 사용한 결과... 해결법을 너무 쉬웠다... 혼자 Cal.. 더보기
비전공자의 프로젝트 만들기) 스케줄 프로젝트 만들기 - part3 날짜 작업 스케줄 프로젝트 만들기 - part3 후.... 날짜기능과 UI작업하는데 왜 이렇게 오래 걸리는지.... 의지가 꺾일 뻔했지만 개 같이 부활 성공~~ 저번시간보다 작업된건 날짜 기능과 시간을 등록하는 부분이 추가되었다. 리듀서의 schedule파일에 isComplate를 만들어 완료 여부를 확인하는 키값을 만들었습니다. let keyId = 0 const currentSchedule = { scheduleList:[], } export const ADD = "ADD_SCHEDULE"; export const DELETE = "SCHEDULE/DELETE"; export const EDIT = "SCHEDULE/EDIT"; export const SUCCESS = "SCHEDULE/SUCCESS"; exp.. 더보기
비전공자의 프로젝트 만들기) 스케줄 프로젝트 만들기 - part2 오류 수정 후 오류 수정.... 스케줄 프로젝트 만들기 - part2 저번일지에서 리덕스 설치 후 오류 수정하러 간다고 했던 MIN입니다. 오류를 수정하고 다시 돌아왔습니다. 하지만 아시죠... 오류를 수정하면 또 다른 오류가 나온다는 거를............ 나름 인강을 듣고 리덕스 쪽에 이해를 했다고 생각했던 제가 너무 안일했던 거 같네요... 상태관리... 아직은 저 같은 주니어한테는 어렵네요. 그럼 저번시간에 생겼던 오류가 무엇이냐면... 바로 리액트 18버전에서는 랜더링 하는 방식이 다른데 제가 무지성으로 블로그에 있는 글을 막 들고 와서 작성을 하는 바람에 생겼던 오류였더라고요..... 당연히 그 문제는 아닐 거라 생각해서 진짜 한시간 넘게 오류 찾았어요.... 이번시간에도 리덕스 때문에 데이터가 안 받아지고 데이터 저장이.. 더보기
비전공자의 프로젝트 만들기) 스케줄 프로젝트 만들기 - part1 오류의 위기 ...... 스케줄 프로젝트 만들기 - part1 그동안 인강을 보여 공부하면서 배웠던 내용이 얼마나 내 것이 되었는지 확인하기 위해 혼자서 스케줄 프로젝트를 진행하였다. 일단 기획단에서 작업을 했는데 나는 기획을 배워본 적이 없어서 완벽한 기획은 아닐 것이다. vscode에서 drawio를 설치해 간단한 프로젝트 구상도를 기획했다. 이런 느낌의 구성으로 해야지 생각을 하고 이번엔 디자인 관련해서 서칭을 해보았다. 다양한 디자인을 서칭 하다 내가 원하는 느낌의 디자인을 찾게 되었다. https://dribbble.com/shots/15755836-Construction-Calendar Construction Calendar Happy Monday 😃 We continue to show you a part of our.. 더보기

728x90
반응형