개발자의 개발 블로그

Link를 Router 밖에서 사용할 수 없다.

Link는 react-router-dom에서 가져와 쓸 수 있기 떄문에, Router에 의존적이다.

따라서, Link가 포함된 컴포넌트를 Router 안에 들어가 있어야 사용이 가능하다.

date를 받아서, 그 날짜를 기준으로 특정 날짜로부터 며칠 지났는지 확인하는 방법은 다음과 같다.

moment(date).add(-30,"days").format("YYYY-MM-DD")

만약, 오늘 날짜를 기준으로 50일 후를 구하고 싶다면?

moment().add(50,"days").format("YYYY-MM-DD") 으로 하면 된다.

format()에서 () 안에 아무것도 작성하지 않다도 된다.

하지만, 

이렇게 쓸데없이 긴 날짜+시간이 나오게 된다.

따라서, 원하는대로 변환할 수 있다.

YYYY-MM-DD도 되고

YY-M-D도 되고

YYYY년MM월DD일 도 된다.

원하는대로 format()안에 넣어 만들면 된다.

텍스트필드에, 잘못된 값을 집어넣거나 빈 값을 입력했다면 경고를 띄우고 싶다.

어떻게 하면 될까?

errorText라는 속성이 있었으나, 요즘은 error와 helperText를 사용하면 된다.

텍스트필드를 빨간색으로 변화시켜 에러처럼 보이게 만드는 것이 error 속성이다.

error는 true/false 즉, Boolean형으로 값을 지정할 수 있다.

조건을 걸면 된다.

요런식으로 사용하게 되면 ,조건에 따라 체크된다.

helperText의 경우, error 밑에 출력되는 문자열로 에러가 났을 때

어떤 이유로 에러가 발생했는지 알려주기 위한 용도로 사용된다.