React

리액트는 자바스크립트 라이브러리이다!!! 하지만 vue는 프레임워크와 라이브러리 둘 다 될 수 있다! 👀 라이브러리와 프레임워크의 차이는? 라이브러리는 유저 인터페이스를 만들기 위해 모든 기능을 포함하지 않는 것을 뜻하고 모든 기능을 포함하고 있는 것이 프레임워크이

Redux 참고 글 🙋‍♀️Redux에 대해서 설명을 할 때 제대로 설명을 못하고 얼버무린 기억이 있어서 다시 블로그를 작성하면서 하나씩 이해해보려고 한다...ㅎRedux는 store라는 개념을 가지고 있으며! 동일한 데이터를 한 곳에서 가지고 올 때 쓰는 라이브러리

React 에서는 일반적으로 react-router-dom 패키지를 이용하여 페이지 전환을 하지만 jsp혹은 일반 html에서는 <a>태그를 이용해서 페이지 전환을 한다.<a> 태그 페이지를 전환하는 과정에서 페이지를 새로 불러오기 때문에 애플리케이션이 들고

말 그대로 children🧒을 이용해서 하위 컴포넌트를 전달해주는 코드를 짤때 TypeScript에선 어떠한 type을 쓰는 거지? 라는 궁금증이 생겨서 찾아본 결과에 대한 공유다...!!!태그와 태그 사이의 모든 내용을 표시하기 위해 사용되는 특수한 props이다.

외울 수 없기에 내가 보려고 작성한닷!!!🐣반응형 디자인을 할 때 사용되는 스타일 기능이다.즉, 디바이스(전자기기)별로 달라지는 화면의 크기를 조정할 때 사용되는 CSS이다.CSS에서 사용되는 예시 코드는 다음과 같다.화면에 비율에 대체적인 표준은 아래의 표와 같다.

단방향 데이터 흐름이라는 원칙에 따라, 하위 컴포넌트는 상위 컴포넌트로부터 전달받은 데이터의 형태 혹은 타입이 무엇인지만 알 수 있다. 데이터가 state로부터 왔는지, 하드코딩으로 입력한 내용인지는 알지 못한다.그러므로 하위컴포넌트에서의 어떤 이벤트로 인해 상위 컴포

우리가 흔히 데이터를 받아와 필터링을 해야하는 로직을 짜아할 때가 있다. 이때 필터링을 구현하기 위해서는 다음과 같은 두가지 접근이 있을 수 있다!컴포넌트 내에서 필터링: 전체 목록 데이터를 불러오고, 목록을 검색어로 filter하는 방법컴포넌트 외부에서 필터링: 컴포

React 컴포넌트가 렌더링을 수행하는 시점은 다음과 같다.Props가 변경되었을 때State가 변경되었을 때forceUpdate()를 실행하였을 때부모 컴포넌트가 렌더링 되었을 때위 과정에서 컴포넌트 렌더링 결과에 영향을 미치지 않는 즉, 보여지는 부분에 영향을 미치

개발자가 스스로 커스텀한 훅을 의미하며 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다.여러 url을 fetch할 때, 여러 input에 의한 상태 변경 등 반복되는 로직을 동일한 함수에서 작동하게 하고 싶을 때 커스텀 훅을 주로 사용한다. 이를 이용하면