개발
1.자바스크립트 타이머 함수
setTimeout(함수, 시간) : 일정 시간 후 함수 실행setInterval(함수,시간) : 시간 간격마다 함수 실행clearTimeout(): 설정된 Timeout 함수를 종료clearInterval() : 설정된 Interval 함수를 종료const timer
2.react antd table functional component , 검색, 필터, 체크박스 구현
antd 예제는 class형 컴포넌트로 되어 있다.나는 이것을 함수형 컴포넌트로 바꾸었다.sort기능과 필터기능을 적용 시켰다.체크 박스를 적용시키려면, key가 필요하다. keyArr이라는 함수를 만들어 각각의 항목에 key값을 만들어 주었다.참고 : Highligh
3.<Redirect>가 안될 때 history.push({state:})를 사용해보자 - 로그인 후 원래페이지로 이동하기
내가 기록한 코드는 다른 내용도 조금 엮여있는데,로그인 후 페이지 리다이렉트 시키실 분은 빨간 글씨만 봐주시면 될것 같다. 사실 react-router-dom 의 <Redirect> 를 사용하려 했으나, 왜인지 작동하지 않아서 react-router-dom
4.리액트에서 미디어쿼리 대신에 userAgent로 태블릿,아이폰,안드로이드를 대체해 보자
보통 반응형 처리는 css mediaquery로 처리하긴 하는데..피치 못할 사정으로 미디어쿼리를 쓸수 없는 상황이라면 요긴한 코드가 있다.나의 경우에는, react-tooltip이 데스크탑에서만 보이게 하고 싶고, 모바일,태블릿 환경에서는 안 보이게 하고 싶은데 방법
5.댓글 CSS, 관리자댓글 색상 다르게 표시하기. (classNames조건문, styled component 조건문 대신에 styles 조건문 써보기)
관리자 댓글일 경우와 사용자 댓글일 경우의color를 다르게 하려고 한다.댓글은 .map의 item으로 표현된다. commentAuthor의 값에 조건문을 걸 것이다.표현하려는 데이터 : style을 주목하자item의 value가 Administrator일 경우의 조건