//npm 이용시 npm install @mui/material @emotion/react @emotion/styled //yarn이용시 yarn add @mui/material @emotion/react @emotion/styled https://mui.com/
전체 글
https://d2.naver.com/helloworld/2922312?fbclid=IwAR2H2Yht1dDQKFqOdyylxP1dUbUNxU9uvouG3_13MC921RL_FsUmLJy06mw CPU Centeral processing unit 중앙처리장치 컴퓨터의 두뇌라 할 수 있다. 실행연산을 처리한다. GPU Graphics Processing Unit 그래픽 처리 장치 간단한 작업에만 특화되어 있다. 이름에서 알다시피 그래픽 작업을 처리하기 위해 개발되었다. 특정 작업을 CPU가 아닌 다른 특별한 장치를 통해 수행 속도를 높이는 것을 '하드웨어 가속(hardware accelerated)'이라 한다. 그래픽이나 사운드와 관련된 작업에 하드웨어 가속을 많이 사용한다. 브라우저에서 하드웨어 가속은 ..
React는 이전 Props와 새 props를 Shallow equality 를 비교한다. 즉, 새 props와 이전 props 들의 참조가 동일한지 여부를 고려한다. 부모가 다시 렌더링될 때 마다, 새 객체나 배열을 생성하면 개별 요소가 각각 동일하더라도 React는 변경된 것으로 간주한다. 얕은비교 기본 타입 데이터의 경우 값이 동일한지만 비교하고, 객체의 경우 참조값만 비교한다. => 그래서 객체를 state로 사용하게 될 경우, 값이 같더라도 참조값이 다르기 때문에 재렌더링이 발생한다. const obj1 = { a: 1, b: 2 }; const obj2 = { a: 1, b: 2 }; console.log(obj1 === obj2); // false https://dori-coding.tist..
사용자 인증은 대게 사용자를 식별하고 해당 사용자가 특정 콘텐츠에 대해 가진 권한에 따라 CRUD 같은 작업을 허용하거나 막는 것을 의미한다. 인증방식은 아래와 같다. 1. 자격 증명 기반 인증 사용자의 자격을 증명할 수 있는 비밀 정보를 통해 사용자를 식별한다. 예를드렁, 이메일 주소와 비밀 번호 이용한 방식이다. 2. 소셜 로그인 3. 비밀번호 없이 로그인 4. 싱글 사인 온(SSO) Okta와 같은 서비스를 사용해 각기 다른 서비스에 고유한 자격 증명을 발급받고 중앙에서 사용자 인증을 처리한다. SSO에 한 번 로그인 하면 이와 연결된 웹 사이트 에서는 다시 로그인할 필요가 없다. 시스템에 로그인하면 사용자는 애플리케이션이 자신을 기억하길 바란다. 페이지를 이동할 때 마다 인증을 거쳐야 한다면 번거..