Modal

[react] Modal 스크롤 막기

Modal창이 fixed면 스크롤이 있을 때 맨 상단으로 올라간다고 한다... position도 바꿔보고, body의 overflow를 hidden으로도 해봤는데 그래도 계속 맨 위에서 떴다. 구글링해서 가져온 코드에서 조금(이라고 썼지만 오래 걸렸다..) 수정했다. Modal 이 켜질 때, 없어질 때에 body.style과 scroll을 바꾸는 식이다. const body = document.querySelector("body") as HTMLElement; const [scrollPositions, setScrollPositions] = useState(window.scrollY); window.addEventListener("scroll", () => { if (window.scrollY !== 0..

220524 프론트엔드 부트캠프 16일차 : husky, modal, prevState

freeboard 리뷰 📺 Youtube - 아직 안 함(5/24) youtube state를 만들어서 onchange, defaultvalue 추가한다. 그리고 패치보드에서 유튜브 url도 가져와야한다! width, height를 라이브러리에서 자체제공해서 emotion에선 수정 불가능하기 때문에 presenter에서 값을 수정해준다. 🔧 수정 아무 수정도 하지 않고 누르면 수정한 내용이 없습니다, alert early exit 패턴을 쓴다. 작성자 변경을 백엔드에서 막아놨음에도 불구하고 수정 페이지에선 수정이 가능, 못하게 하기 1. presenter의 input 태그에 readOnly(색깔 흰색, 클릭해서 바꾸는 것 불가능)를 props.isEdit에 따라 바뀌게 하기 2. 패치보드에서 받아온 작성..