emotionDiary useRef를 이용한 focus기능 맨 위칸의 글자길이가 1미만이면 위칸을 focus하는 기능과, 내용입력칸의 글자길이가 5미만이면 내용입력캉을 focusg하는 기능을 만들어보자. useRef를 import해야한다. useRef는 react내장함수이므로 useState와 같은 방법으로 import한다. useRef에 해당하는 변수를 만들어야한다. 작성자칸은 authorInput으로 내용입력칸은 contentInput으로 만든다... ReactemotionDiaryReact React 배열 사용하기 결과물 다음과 같이 리스트를 렌더링하여 App.js 로 불러온다. App.js 다음과 같이 dummyList를 만들고 요소들은 객체로 만든다. new Date().getTime()를 이용하면 현제시간을 가져올 수 있다. 그러나 new Date().getTime()만을 이용하면 위의 회색 글자와 같이 사람은 이해하기 어려운 숫자로 출력된다.(아래에서 보기좋은 날짜를 만드는 방법을 알아본다.) ... ReactemotionDiaryReact
useRef를 이용한 focus기능 맨 위칸의 글자길이가 1미만이면 위칸을 focus하는 기능과, 내용입력칸의 글자길이가 5미만이면 내용입력캉을 focusg하는 기능을 만들어보자. useRef를 import해야한다. useRef는 react내장함수이므로 useState와 같은 방법으로 import한다. useRef에 해당하는 변수를 만들어야한다. 작성자칸은 authorInput으로 내용입력칸은 contentInput으로 만든다... ReactemotionDiaryReact React 배열 사용하기 결과물 다음과 같이 리스트를 렌더링하여 App.js 로 불러온다. App.js 다음과 같이 dummyList를 만들고 요소들은 객체로 만든다. new Date().getTime()를 이용하면 현제시간을 가져올 수 있다. 그러나 new Date().getTime()만을 이용하면 위의 회색 글자와 같이 사람은 이해하기 어려운 숫자로 출력된다.(아래에서 보기좋은 날짜를 만드는 방법을 알아본다.) ... ReactemotionDiaryReact