프론트엔드로 가는 길/코딩기능구현스터디8 1주차 과제 - 입력폼구현(2) 2. 입력폼 구현 모달창 안에 제목과 내용을 입력할 수 있는 입력 폼을 구현한다. ✅ "글쓰기" 버튼을 눌렀을 때 빈칸이 있다면 빈칸을 포커싱한다. 글쓰기 제출 내용 - 제목 { setInput(e.target.value); }} > - 내용 { setTextarea(e.target.value); }} > (1) 글쓰기 제목과 내용을 state 저장 let [input, setInput] = useState(""); // 제목 let [textarea, setTextarea] = useState(""); // 내용 (2) 제목과 내용이 빈칸일 때 const titleInputRef = useRef(); const textareaInputRef = useRef(); useRef로 특정 Dom 선택 { se.. 2023. 1. 28. 1주차 과제 - 모달창 구현(1) 1주차 문제 더보기 ✅ : 반드시 + : 하면 좋음 추가 요구사항 : 따르면 좋음 ✅ 각 기능을 어떻게 구현할지 구현 전 텍스트로 정리한다. 이후에 수정은 할 수 있으나, 수정 사항은 ➕와 같이 별도의 표시를 남겨 구분할 수 있도록 한다. 되도록이면 최초의 설계대로 구현에 성공할 수 있도록 노력한다. 1. 모달창 구현 "새 게시물 작성하기" 버튼을 누르면 "글쓰기"와 "취소하기" 버튼을 가진 모달창이 나타나도록 한다. ✅ 취소하기 버튼을 누르면 모달창이 닫혀야 한다. + 제출에 성공하면 모달창이 닫혀야 한다. + "새 게시물 작성하기" 버튼을 눌러 모달창이 나타나면 제목 입력칸이 포커싱 되어야 한다. + 입력 폼에 값을 입력하고 모달창을 닫았다가 다시 열 때는 입력 폼이 빈칸이어야 한다. 2. 입력폼 구.. 2023. 1. 28. 230120 구미남자 영한 2주차 과제 보호되어 있는 글 입니다. 2023. 1. 20. 230110 영한 1주차 과제 보호되어 있는 글 입니다. 2023. 1. 11. 이전 1 2 다음
