REACT 3

PWA 프로젝트 세팅 방법

매번 JLPT 시험에 응시하고자 다짐하지만 ,, 여러 현생 이슈들로 인해서 접수조차 하지 않았었다 ..ㅎㅎ그래도 올해는 꼭 JLPT를 응시해보고 싶어서 버킷리스트에 추가했는데, 막상 혼자 공부하려니 동기 부여가 잘 안 되는 느낌이랄까 .. 그래서 겸사겸사 개발 공부도 할겸 일본어 단어들을 외울 수 있는 웹 사이트를 하나 만들어보기로 했다 🤩그리고 구체적으로 구상을 하다 보니 핸드폰으로 들고 다니면서도 편하게 단어를 외우고 싶은데, 그렇다고 네이티브 개발을 하자기엔 너무 과한 투자가 될 것 같아서 고민을 하던 중 PWA라는 걸 알게 됐다 !! 지금은 마라샹궈를 배달해놔서 곧 먹어야 하니 간단히 초기 세팅만 해두었는데, 추후 또 PWA 프로젝트를 만들 때 도움이 되고자 세팅 방법을 정리해두고자 한다 ! ..

[React] 얕은 비교(shallow comparison)와 깊은 비교(deep comparison)

JS와 리액트를 공부하다 보면 아래와 같은 말들을 자주 듣게 된다.리액트는 얕은 비교를 한다.깊은 비교는 성능이 안 좋다.객체는 얕은 비교로는 한계가 있다.(사실 내 직전 포스팅 얘기 ㅎㅎ..) [React] 리액트에서의 동등 비교앞선 글에서 JS에는 ==, ===, Object.is처럼 여러 가지 비교 방식이 있음을 살펴봤다. [JavaScript] 비교 방식 (==, ===, Object.is)JS에는 값을 비교하는 방법이 세 가지나 있다.== 👉🏻 동등 비교=== 👉🏻 일kssossok.tistory.com 그러나 막상 얕은 비교와 깊은 비교가 정확히 무엇인지와 어떤 차이가 있는지 등은 짚고 넘어가지 않았던 것 같아서 이것 또한 글로 남겨두고자 한다. 1. 비교를 한다는 것의 의미일단 ..

[React] 리액트에서의 동등 비교 (Object.is)

앞선 글에서 JS에는 ==, ===, Object.is처럼 여러 가지 비교 방식이 있음을 살펴봤다. [JavaScript] 비교 방식 (==, ===, Object.is)JS에는 값을 비교하는 방법이 세 가지나 있다.== 👉🏻 동등 비교=== 👉🏻 일치 비교Object.is() 👉🏻 same value 비교겉보기에는 모두 같은지를 비교하는 것처럼 보이지만, 실제로는 비교 기준 자체kssossok.tistory.com 그렇다면 리액트에서는 어떻게 값이 바뀌었는지를 판단할까? 결론부터 말하자면 리액트는 내부적으로 Object.is 기반의 비교를 사용하며, 여기에 객체애 대한 얕은 비교를 추가로 수행한다 🤫그럼 오늘은 리액트가 Object.is를 사용하는 이유부터 얕은 비교를 추가적으로 하는 이유..