전체 글164 1주차 과제 - 게시물 작성(3) 3. 게시물 작성 기능 구현 제목과 내용을 입력하고 제출을 하게 되면 (글 번호, 제목, 내용, 날짜)를 담은 게시물이 생성된다. ✅ 최근에 작성한 게시물이 상단에 생성되어야 한다. 1. App.js에 게시물 data를 state에 저장 let [posting, setPosting] = useState([ { id: 0, title: "첫 게시물 제목", content: "내용" }, ]); 2. posting state를 App에서 Header로 전달 3. props.posting state를 Header에서 Modal로 전달 4. 내용을 입력한 데이터를 posting 전달 const addContent = () => { let copyData = [...props.posting]; copyData.u.. 2023. 1. 28. 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. 29. 프로그래머스_순서쌍의 개수 2023. 1. 28. 이전 1 ··· 28 29 30 31 32 33 34 ··· 41 다음
