프론트엔드/React35 State - Props - Childen 최종 수정 : 2024-04-09 props properties을 줄인 표현으로, 컴포넌트 속성을 설정하는 정보를 담고 있는 자바스크립트 객체이다. 이에 따라, 컴포넌트의 모습과 속성을 결정한다. 즉, 리액트 컴포넌트가 엘리먼트를 생성하기 위해 사용하는 값이다. 부모 컴포넌트에서 자식 컴포넌트로 전달되며, props는 부모 컴포넌트에서 설정할 수 있다. 해당 컴포넌트는 props를 읽기 전용으로만 사용할 수 있어서, 부모 컴포넌트에서 바꾸어 주어야만 반영된다. 또한, pure 함수의 조건을 만족시킨다. pure 함수란 입력값을 변경하지 않으며, 같은 입력값에 대해 항상 같은 출력값을 낸다. props는 직접 값을 변경할 수 없으므로 조건을 만족한다. children props의 일종으로, 부모 컴포넌트에.. 2024. 4. 9. SWR SWR, (stale-while-revalidate)- 데이터를 가져오기 위한 리액트 - Vercel에서 만들었기에 Next.js와 호환이 잘 된다. 네트워크 상태 라이브러리 2023. 7. 31. Sanity Sanityhttps://www.sanity.io/ The Composable Content Cloud - Sanity.ioBuild remarkable experiences at scale. Sanity is a customizable solution that treats content as data to power your digital business.www.sanity.io 2023. 7. 31. Headless CMS Headless CMS- Content Management System 웹 개발의 머리를 프론트 엔드, 몸통 부분을 백엔드라고 한다.그렇다면, Headless라는 것은 프론트엔드 부분이 없는 콘텐츠 관리데이터를 저정하는 부분을 CMS라고 한다. 데이터를 어떻게 나타낼지는 전혀 관여하지 않기 때문에 우리가 원하는대로 보여 줄 수 있다. 2023. 7. 31. Vite vs Next.JS Vite프론트엔드의 스프링(Sping)과 같은 역할을 한다.프레임워크 별 설정 자동화 및 단순화 기능을 지원한다.플러그인 사용방법만 알면 모든 프론트엔드 프레임워크를 쉽게 설정할 수 있다. Next.JS현재 프론트엔드 프레임워크Vercel 자체적인 툴체인을 기반으로 웹팩 , 바벨 기반 설정 기능을 제공한다.vite와 호환되진 않지만 리액트 만을 쓴다면 next.js를 쓰는게 좋다. 2023. 7. 11. 이전 1 ··· 3 4 5 6 7 다음