[ToyProject-Todomate] 투두메이트 클론 프로젝트 24

---

🔷 CloneTodo ☑ - Todomate Clone Project  |  Team CloneMate

 

CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트

 

---

 

저번주에 만들었던 수정 부분이 뭔가 잘못되었다고 생각한다. 

우선 readOnly 상태를 변경하는 것은 잘 되었으나, 우리가 생각했던 방식의 수정은 아닌 것 같다.

 

readOnly 상태를 두되, 우리는 목표를 클릭하면, 다시 Input에 목표가 노출되고 그것을 다시 수정해서 확인 버튼을 통해 등록될 수 있도록 해야한다.

 

그래서 목표를 클릭하면 readOnly가 false가 되고 Input에 값이 노출되도록 해보자.

 

 

우선 offReadOnlyMode 함수를 수정해서 아래와 같이 만들어 준다.

 

   // 목표를 클릭하면 readOnly 상태 false로 변경 하고, input에 다시 title 노출한 다음 addGoal 와 같게 한다.
   function offReadOnlyMode(e){
    readOnlyChange(readOnly = false);
    console.log("ReadOnly : ", readOnly);
    if(readOnly === false){
      console.log("수정할 목표 : ", e.target.value);
    }
  }

 

 

여기까지 하니까 시간이 ㅠㅠ 

내일 마저 개발해보자~!