react

보통 리액트에서 컴포넌트를 불러오기 할 때이렇게 한 페이지에서 여러가지를 불러오기 한다.그러면 보기에도 지저분해보이고 길이도 길어지게 된다.import 하는 것이 많아지면 나는 사실 정신이 없어서이전에는 주석으로 정리를 했는데 그럼에도 불구하고 불러오는 것들이 많아지면

웹 개발에서의 라우팅은 사용자가 웹 애플리케이션에서 요청하는 URL 경로에 따라 해당하는 컨트롤러나 뷰(View) 등을 연결하여 보여주는 것이다.

react에서 Header에 스크롤 이벤트를 해봤다.나는 react에서 header에 스크롤 이벤트를 적용해보는 것은 처음인지라,처음에 위와 같이 짜고 chatGTP에게 물어봤다.그랬더니 아래 코드와 같이 수정해줬다.useEffect안에 리턴을 써서 스크롤 이벤트를 제

react를 공부하다가 항상 궁금했던 부분. 데이터를 받아올 때 왜 data?.user?.name 이런 식으로 쓰는가. 지난번에 한번 설명은 들은 것 같은데 기억은 나지 않고, 저렇게 사용하지 않으면 에러가 날 때가 많아서 습관적으로 저렇게 사용하고 있었지만 정확히 왜

rapid API를 이용해 Youtube 클론코딩을 했던 것을최근에 복습하고 있다. '이제 redux도 배웠으니 활용해볼까'하는 생각이 들었다.내가 활용해보고 연습해보고 싶었던 것은 RTK Query이다.내가 이해하기로는 redux는 단순한 state를 저장하고 변경하

'user의 data 데이터를 추출해서 data라고 명명해서 사용한다.'라는 뜻이다.풀어서 쓰면 const data = user.data;이지만 저렇게 쓰면 눈에 보이기 편해진다.이런 식의 표현을 자바스크립트에서 언제부터인가 항상 사용해왔다.나는 대충 굴러가는 방식만

앞선 포스팅에 비구조화 할당에 대해 정리했는데그 중에서도 코드의 유연성 향상에 관한 예시에 대해 좀 더 설명이 필요해서 찾아봤다.코드의 유연성 향상의 예시1\. 추출할 값의 이름 변경2\. 기본값 지정3\. 중첩된 객체에서 값 추출비구조 할당을 하면 추출할 값의 이름을

저번에 한번 Outlet에 대해 정리한 적이 있었는데,왜 사용하는지 어디가 좋은지에 대한 것은 알아보지 않았었다. Outlet 컴포넌트는 다중페이지 어플리케이션에서 사용되며, 여러 페이지 컴포넌트를 효과적으로 렌더링하기 위한 것.Outlet 컴포넌트는 React Rou

react는 virtual DOM을 사용한다. virtual DOM(가상 DOM)은 무엇인가! virtual DOM이 왜 필요한지 알려면 먼저 브라우저의 렌더링 과정을 알아야 한다. 브라우저 렌더링 과정 브라우저를 렌더링 할 때 서버에서 받아온 html파일을 파싱하여 DOM 트리를 생성한다. CSS 파일을 파싱하여 CSSOM 트리를 생성한다. DOM 트리...

한 페이지에서 필요한 부분만 받아와서 업데이트하는 형식.여러개의 html파일로 이루어진 것이 아니라 하나의 html만이 존재하고 index.js에 여러가지 컴포넌트나 템플릿을 만들어불러오는 형식구글 맵이 SPA으로 이루어져있다.리액트, 뷰, 앵글러 SPA을 구현하며 S