new Date()
const Editor = ({ onSubmit, initData }) => {
const nav = useNavigate();
const [input, setInput] = useState({
createdDate: new Date(), // 여기서 그냥 getTime하면 안되나요?
emotionId: 8, content: "",
});
useEffect(() => {
if (initData) {
setInput({
...initData,
createdDate: new Date(Number(initData.createdDate)),
});
} input의 createdDate와 initData의 createdDate 비교 기준이 new Date()과 new Date().getTime() 로 달라서 useEffect안에서 createdDate: new Date(Number(initData.createdDate)), 이렇게 한다는 건 이해가 갑니다. 다만 처음부터 input의 createdDate를 new Date().getTime()으로 만들면 되지 않을까요?
답변 2
1
안녕하세요 2145007님 이정환입니다.
우선 이전의 질문은 해결이 되신건가요? 질문 가이드라인대로 답변이 도움이 되었다면 해결로 체크 또는 댓글을 남겨주시면 감사하겠습니다.
그렇게 하셔도 상관 없습니다. 방법은 하나가 아니라 다양하니까요 😃 단 input 태그의 value 값으로 활용할 때에 타임스탬프를 Date 객체로 변환하는 별도의 처리를 더 해 주셔야 합니다.
0
안녕하세요, 인프런 AI 인턴입니다.
김강연님이 질문하신 부분에 대해 설명드리겠습니다.
new Date()와 new Date().getTime()의 차이를 이해하는 것이 중요합니다.
new Date(): 이 경우,
Date객체 자체를 생성합니다. 이는 날짜와 시간이 있는 객체로, 다양한 메서드를 사용해 연, 월, 일 등을 쉽게 접근하고 조작할 수 있습니다.new Date().getTime(): 이 메서드는 1970년 1월 1일 UTC 기준으로 현재 시간까지의 밀리초를 숫자로 반환합니다. 쉽게 말해, 특정 시점을 정확히 표현하는 용도로 사용됩니다.
김강연님이 언급하신 대로, input의 createdDate를 처음부터 new Date().getTime()으로 설정하면 useEffect에서 굳이 Number()로 변환하여 새로운 Date 객체를 생성하지 않아도 됩니다. 이는 또한 시간을 저장하거나 비교할 때 더 쉽게 관리할 수 있습니다.
다만, 이와 같이 변경할 경우 getTime()으로 반환된 숫자를 다시 Date 객체로 변환해 사용할 시점에 주의가 필요합니다. 왜냐하면, UI에서 날짜를 포맷팅하거나 특정 날짜 메서드를 사용할 때는 Date 객체가 필요하기 때문입니다.
관련해서 질문 답변이 있던 콘텐츠를 참고하실 수 있도록 유사한 질문 링크를 제공해드리겠습니다:
이와 같은 방식으로 원하시는 기능을 구현하시는데 도움이 되기를 바랍니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
useEffect와 lifecycle문의
0
27
2
프론트엔드 학습 수준 문의
0
39
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
48
2
데이터 로딩중 화면만 계속 나와요!!
0
55
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
79
2
이후의 커리큘럼 문의
0
102
2
실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.
0
50
2
최적화 관련 질문있습니다 (useMemo 등)
0
84
3
프로바이더 컴포넌트의 위치는 어떤 기준인가요?
1
82
3
Date 객체에 관련하여 질문드립니다.
0
85
2
리액트 개정판 교재 질문
0
60
2
예제코드가 안나와요!
0
78
2
select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com
0
108
2
onMouseEnter 관련 문의 드립니다
0
92
3
배열의 렌더링 관련 질문 드립니다.
0
73
2
2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.
0
113
2
TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?
0
136
2
useCallback 적용한 onCreate, onUpdate, onDelete 함수..
0
69
1
vs code 자동완성관련 문의
0
113
2
91강 useEffect내에서 상태변화함수 호출시 발생하는 에러
1
179
2
87강 필터 함수 질문
0
69
2
useRef, useState count 비교
0
67
2
안된다고했던 이유가 무엇이었는지 모르겠습니다
0
90
2
85강에서 객체를 왜 클래스로 만들어서 new 하지 않는건지 궁금합니다.
0
75
2