react history replace, push, etc.. navbar not re render 내 로직 로그인 로직처리 후에 로그인이 성공되면 sessionStroage에 usename을 넣는다. 이 때 navbar에서 sessionStorage에 있는 값으로 로그인 여부를 판별하고 있었다 문제점 로그인 성공을 하면 navbar에 로그인 버튼을 로그아웃 버튼으로 변경시켜야 하는데 history.replace('/') 위 코드는 rerender하지 않고 있었다.. 해결 const HeaderLinks = ()=>{ } export default HeaderLinks //위 코드를 아래 코드로 변경!! import { Link,withRouter } from "react-router-do..

why state change dosen't (not) re render child component 1시간을 찾아 해맸다.. stackoverflow 게시글을 보면 key값을 추가해라.. 이전값과 비교해라 등등 많은 게시글들이 있었지만 아무것도 나에겐 적용되지 않았다 반 포기 상태에서 코드를 다시 한번보니 const [isModal, setModal] = useState(false) 글글~ Child2에서 re-render를 해야하는데 Child태그 안에있어서 re-render를 하지 않고 있던 것이었다.. 글글~ 위 코드로 수정했더니 정상적으로 되었습니다!

step1) _plugin-react-slick.scss검색 step2) DOT Name과 일치하는 css속성 선택 .slick-dots li.slick-active button:before { width: 10px; height: 10px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); top: -3px; } step3) 위 css속성들을 자기 입맛에 맞게 수정

step1 Query 컴포넌트 작성 step2) Botton Scroll End를 감지하는 함수 선언 const handleOnScroll = () => { var scrollTop = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop; var scrollHeight = (document.documentElement && document.documentElement.scrollHeight) || document.body.scrollHeight; var clientHeight = document.documentElement.clientHeight || window.innerHeight; var..

Typography 수직 가운데 정렬

2020/12/14 container #container .content-wrap { max-width: 1080px; margin: 0; padding: 0 20px; } 을 아래로 변경 #container .content-wrap { max-width: 1200px; margin-left: 50px; padding: 0 20px; } header #header .inner { position: relative; max-width: 1080px; margin: 0; } 를 아래로 변경 #header .inner { position: relative; max-width: 1080px; margin-left: 50px; }