# hydration
23일차) [React/JS] 브라우저 저장소(cookie, localStorage, sessionStorage)
기본적으로 새로고침을 하거나 재접속을 하게 되면 리렌더링이 된다. 그 말은 브라우저에서 html, css, javascript를 새롭게 다운로드 받아서 그려지기 때문에 기존 데이터는 전부 초기화되게 된다.그럼 저번에 배웠던 accessToken이 초기화가 안되게 하려면
[Next.js] Next.js?
Next.js는 Node.js를 기반으로 구축된 오픈 소스 웹 개발 프레임워크로, 서버 측 렌더링 및 정적 웹사이트 생성과 같은 React 기반 웹 애플리케이션 기능을 가능하게 합니다. React 문서에는 "Node.js로 서버 렌더링 웹사이트 구축"할 때 개발자에게
(번역) 자바스크립트 하이드레이션은 임시방편이지 해결책이 아닙니다 - by Miško Hevery
웹 개발에서 하이드레이션(Hydration)은 서버에서 렌더링 된 HTML에 상호 작용을 추가하는 기술입니다. 이는 클라이언트 측 자바스크립트가 이벤트 핸들러를 HTML 요소에 부착해 정적 HTML 웹 페이지를 동적 웹 페이지로 변환합니다.
(번역) 리액트 앱(SSR)의 Hydration 이해하기
리액트 세상에서 우리는 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR), ReactDOM, ReactDOMServer와 같은 이해하기 어려운 다양한 용어들을 마주친다. 이 용어들을 빠르게 이해해보자. ReactDOM ReactDOM은 DOM 관련 메
코드캠프 FE 23일차 - TIL(Diffing/ Hydration,Closure,HOC/HOF)
next.js 렌더링? >> Diffing/ Hydration자바스크립트에도 이런것이? >> Closure먼저 실행해줘! >> HOC/HOF로그인 토큰 유지시키기권한분기를 어떻게 전환시키는지브라우저의 로컬 스토리지에 넣어놓을거임\\로컬스토리지에 넣으면 새로고침 해도 사
Day-23,26 권한분기(Diffing, Hydration, HOC vs HOF)
로그인을 하고 새로고침을 하는 순간 정보가 사라지는 이유는 결론부터 말하면 토큰을 변수에 담아놨기 때문에 새로고침을 하는 순간 초기화가 되면서 프론트엔드에서 html, css, js까지 전부 처음부터 받아와지기 때문에 토큰도 사라지게 된다.
23) 목요일
Algorithm Self Study, HoC, HoF, closure, diffing, hydration, Algorithm Class
react hydration 시 비디오 자동 재생이 되지 않아
muted attribute가 html video tag에 없기 때문이다. 이것은 react의 정상적인 동작이다.chromium 족family 브라우저들은 muted되지 않은 HTMLVideoElement를 자동 재생하지 않는다. 정책이 그렇다고 한다.나는 검색 엔진
27일) 언제까지 Input type="text"쓸꺼야! 예쁜 웹에디터를 쓰자 ! /react-quill/ dynamic import/ XSS 크로스사이드스크립트 / 제가 개발자인데도 무서워요 잘 막아볼게요 OWASP TOP 10 / Code Camp FE 6기 / 코드캠프
웹에디터 이해크로스사이드스크립트(XSS)OWASP TOP 10
23일) 브라우저에도 저장공간이 있대!.. localStorage/Next.js 렌더링의 Diffing / Hydration/권한분기/Closure/HOC / HOF code camp fe 6기
'어려움' 문제를 내가 스스로 생각해서 처음 맞췄다!!!!!!!!!!!!!!!오늘 등원할때 궁둥이에 찝찝한게 묻어서 기분이 안좋았었는데 문제 잘푸려고 그랬나보다. 너무너무 행복하다 ! 알고리즘 풀이접근법을 잘 몰랐던 내가 이렇게 발전할 수 있는 이유는1.RunJS를 켜
CSR vs SSR
CSR (Client Side Rendering)SSR (Server Side Rendering)Next.js?Client Side RenderingClient(Browser)가 모든 것을 한다.Browser가 JS를 다운받은 후에야 UI가 보인다. 그 전까진 흰 화면