# diffing
23day - Diffing, Hydration, HOC, HOF
변수에 accessToken을 넣고 새로고침을 하면 로그인 정보가 모두 날아간다. 새로고침은 브라우저에서 해당 주소로 다시 엔터를 친 것과 같아서 이전에 그려졌던 state 변수들이 사라진다. 브라우저에 저장해야 새로고침을 해도 사라지지 않는다. 브라우저 저장공간은 여
23일차) [React/JS] 브라우저 저장소(cookie, localStorage, sessionStorage)
기본적으로 새로고침을 하거나 재접속을 하게 되면 리렌더링이 된다. 그 말은 브라우저에서 html, css, javascript를 새롭게 다운로드 받아서 그려지기 때문에 기존 데이터는 전부 초기화되게 된다.그럼 저번에 배웠던 accessToken이 초기화가 안되게 하려면
코드캠프 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
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를 켜
리액트, 커튼 뒤에서 과연 무슨일이??
color palette - navbar를 만들던 도중, 컴포넌트에 있는 state가 유지 되지 않는 걸 발견했다.도대체 뭐가 문제여...???구글링 하던 도중 리액트가 dom을 어떤식으로 출력하는지 까지 딥하게 알아보았다.리액트 동작원리를 제대로 알아두면 좋겠다 싶어
React, diffing 알고리즘
리액트를 배우다 보면 '가상돔'이라는 개념을 마주하게된다. 가상돔이란 말 그대로 가상으로 만들어진 돔을 뜻한다. 실제로 돔 API를 계속 호출하면 리페인팅, 리플로우로 인해 렌더링이 계속 발생하고, 성능이 떨어지게 된다. 이런 문제를 해결하기 위해 리액트에서는 가상돔을
리액트는 어떻게 작동할까 Diffing - 3주차 회고
2번째 후기 리액트 따라하려다 바짓가랑이 찢어진 이야기의 연계 후기로 3번째 가계부 프로젝트의 해당 Wooact를 어떻게 손봐서 조금 더 쓸 만한 수준으로 만들었는지 적어보려고 합니다. 지난 글을 요약해보자면, JSX 비스무리하게 만들기, Props를 이용한 컴포넌트화