토이프로젝트 썸네일형 리스트형 React Project ) Slack Clone, 이모지, 첨부파일, 채팅입력 안니영~~~ 드디어 Slack Clone 마지막 시간으로 돌아온 에디터 M입니다. 다들 취미가 어떻게 되시나요?? 저는 시간날때 메이플을 하는거 같아요. 그냥 메일 코드만 보다가 아무 생각없이 뇌빼기 사냥을 하면서 머리를 비우는거 같아요. 다들 너무 공부만 하지말고 쉬엄 쉬엄 쉬면서 공부해보세요. 그럼 시작할게요~~ Slack Clone - 이모지, 첨부파일, 채팅입력 저번시간에 보셨는지 모르겠지만 Chat 컴포넌트에 메세지 출력 컴포넌트가 있었는데 const relativeTime = require('dayjs/plugin/relativeTime'); dayjs.extend(relativeTime); function ChatMessage({message, user}) { const IsImages = .. 더보기 스케줄 프로젝트 만들기 - part5 스케줄 수정, 삭제 작업 오늘은 스케줄프로젝트 수정, 삭제 부분을 작업하였다. 이제는 기반을 다 만들어 놓은 프로젝트여서 디자인을 수정하거나 하지 않는 이상 심각한 에러가 나거나 하진 않았다. 다른 페이지는 수정된 내용은 없고 ModalPop페이지 위주로 작업을 하였다. 수정하기 버튼을 눌렸는지 눌리지 않았는지 체크하는 state를 만들고 수정하기 버튼을 누르면 수정할 수 있게 input들의 readOnly를 제거해 준다. 수정버튼 누리기 전의 디자인 수정버튼 눌렀을 때의 디자인 그리고 취소 버튼을 눌렀을 때는 팝업창이 사라지지 않고 내용도 원복 돼야 되기 때문에 const editCencle = () => { setEditMode(false); setScheduleTitle(editData.title) setCrrentDate.. 더보기 이전 1 다음
