접속하자마자 쿠키가 날라감쿠키는 위험하지 않은 정보를 보관하는 용도접속을 하면 세션을 만듦, 그 쿠키에 id를 포함서버는 '아 너구나!'세션 DB가 따로 보관할 수 있음서버 3대이니 다 보관할 수 있음쿠키와 비교해서 선택해서 사용하면 됨세션은 거의 안씀 (브라우저 떠있

단위 테스트컴포넌트 테스트: 크면 테스트하기 어려움무조건 무엇인지 빨리 확인할 수 있어야 함그래서 작은 단위로 만들어야 함!회귀 테스트 (Regrassion Test)

캐싱 정책라우터검색 엔진 최적화CSR 클라이언트 사이드 렌더링.html 파일이었음페이지 단위. 라우팅 분기처리를 함write. url 분석함일치하는 html을 만들어서 줌url html을 만든다. 데이터베이스 조회. 가져온 것을 바탕으로 templating을 함브라우저

아래의 두가지 포인트에서 개선할 것이 전부이다.초기 로딩반응 개선http의 캐시는 static한 파일들을 주로 하는 것json 쪽은 크게 연관 없음..실시간으로 업데이트를 할 수가 없음초기 로딩이 오래 걸림캐시 전략으로 일단 데이터를 불러오고 변경된 일부만 업데이트ht

https://www.youtube.com/watch?v=RP_f5dMoHFc강의 보기!!현재 소셜 인증 등으로 가장 널리 사용되는 방법상대적으로 간편하고 안전여러가지 인증 방법에 대해 이해한다인증(authentication): 주장한 사실(내가 나임)이 맞는

const handleClick = () => {setCount(1)setCount((c)=>c+3)setCount(7)setCount((c)+c+10)}이렇게 되면 모아서 배치 처리함.렌더링은 한번만 일어남.

React의 StrictMode는 React 애플리케이션의 일부분에 대해 추가적인 검사와 경고를 활성화하는 컴포넌트입니다. StrictMode를 사용하면 애플리케이션 내의 잠재적인 문제를 발견하는 데 도움이 됩니다. React의 StrictMode는 다음과 같은 경우에

Button 컴포넌트가 중복 생성되고 있는 상황이므로 React가 개별 버튼을 식별하도록 돕기 위해 key 값이 필요하다. 그렇다면 key 값은 중복되지 않은 고유한 값을 사용해야 한다.언뜻 보면 Array.map 메소드의 두번째 프로퍼티인 i(index)를 key로

싱글 페이지 어플리케이션하지만 실제로 현업에서는 멀티페이지로 동작하는 경우가 많다.리액트는 템플릿이 아니라 라이브러리에 더 가까움선언적 프로그래밍에 가까움, 함수형프로그래밍에 가깝다.dom도 object임경량화된 작은 객체를 만들어서 렌더링이 필요한 부분만 만듦표준적인

https://www.youtube.com/watch?v=cpE1dwJgS4c&list=RDCMUCNrehnUq7Il-J7HQxrzp7CA&index=6 이 영상을 보고 정리한 내용입니다.성능 개선은 빠르면 빠를 수록 좋다. ?로딩 속도는 수치적으로 빠르면 빠

리팩토링 자바스크립트 책이 있음 마틴 파울러 아저씨 유명함https://www.hanbit.co.kr/store/books/look.php?p_code=B6952616555개발 속도가 지연되는 것을 개선하기 위해서새로운 기능을 추가하기 용이하게 하기 위해서전체

Screenshot 2023-04-10 at 12.08.25 PM.pngView의 역할이 단순한 서버 사이드의 MVC 패턴과 달리, 프론트에서의 MVC 패턴은 View의 역할이 복잡하고 심지어는 View가 Model을 바꿔야 하는 일이 발생함.이를 해결하고자 Contr

dynamic import https://ko.javascript.info/modules-dynamic-imports

store, view 상태관리(reduce), Flux 아키텍처, 리팩토링과 테스트, 함수형 프로그래밍, 프론트엔드 빌드, 리액트 const promiseA = new Promise((resolve, reject) => { resolve(777);});https&#x

여러 프로미스를 한꺼번에 받아 처리 가능병렬로 처리되는 것을 기다렸다가 실행중간에 에러가 발생하면 즉시 reject 반환Promise.all과 유사하지만 중간에 에러가 발생해도 reject 로 빠지지 않고 모든 상태를 기다렸다가 결과를 알려주는 것이 다름먼저 처리된 것

커뮤니케이션 잘함두루두루 잘지내기 (ㅠㅠ)모르는거 질문 많이 하기https://support.microsoft.com/en-us/topic/maximum-url-length-is-2-083-characters-in-internet-explorer-174e7c8

클로저이기 때문에 timerId가 계속해서 보존된다.만약 debounce로 이미 실행되고 있는 timeout이 있다면 끝낸다.없다면 setTimeout을 delay 시간 만큼 실행한다.

test()가 콜스택에 올라간다. fetch 가 webapi에 올라간다.

setTimeout이 콜스택에 담겨서 실행이 되면 10초를 세고 콜백함수가 이벤트큐에 들어가고 콜스택이 비어있는지 이벤트루프가 확인해서 없으면 넣어준다.