Yeonee's Story

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com * PureComponent 란? 그리고 Component와의 차이점 class형 컴포넌트는 Component와 PureComponent가 있음. 두 함수 모두 props와 state의 변경에 따라 render함수를 호출하는데 호출을 하는 기준이 약간 다름. Component에..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com * state란? * state ? 컴포넌트 내부에서 전역변수로 활용하기 위해 사용되는 속성. state안에는 변수의 유효범위와 무관하게 계속 유지되어야하는 전역변수값을 설정한다. 리액트 이벤트 부여방식. JSX함수로 태그에 인라인방식으로 on+이벤트명 부여가능. 부모컴포넌트로..

안녕하세요. https://blog.naver.com/sysysy0302 여니입니다 :) yeonee 블로그 : 네이버 블로그 예쁘고 맛있게 먹고 건강하게,강인하지만 온화하게 행하라. ※맛스타운스타일상 인스타 www.instagram.com/s2._.y25n ※맛집감성일상 유튜브https://youtube.com/channel/@S2_yeonee 티스토리https://yeoneeluv.tistory.co blog.naver.com * propType이란? * prop-type? 일반적으로 자바스크립트의 유연한 특성은 개발을 하는데 있어 도움을 주지만, 관리해야할 파일이 많아지면 생산성 및 유지보수성이 떨어진다라는 단점이 있음. 이런점 때문에 명확한 자료형으로 개발을 해야하는 타입스크립트가 각광받고있는 추..

안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) 먼저 왼쪽의 18.17.0 LTS 신뢰성, 신뢰도 향상 버튼을 눌러 다운로드 해줍니다. C드라이브에 REACT 자료를 보관할 폴더를 생성해줍니다. 해당 폴더에 들어간 상태로 폴더명을 클릭하면 수정할 수 있게 블럭이 잡히는데요, 이때 'cmd'를 적고 enter를 눌러줍니다. 'node -v' + enter 와 'npm -v' +enter 를 순서대로 작성 후, 진행하는 것에 동의하면 'y'를 입력 후 enter를 눌러줍니다. 버전이 다른 경우가 있어서 'npx create-react-app my-app' 혹은 'npm install -g npm@9.8.1'을 입력해준 뒤 enter을 누르면 다운로드가 시작됩니다. 다운..

안녕하세요 https://blog.naver.com/sysysy0302 여니입니다 :) 1. 루트노드 루트노드 React로 구현한 애플리케이션은 일반적으로 하나의 루트 DOM노드가 존재함. 리액트 구동을 위해선 DOM앨리먼트 혹은 React앨리먼트를 root.render()함수 안에 넣어두면 된다. 페이지 로딩후 root.render()함수 내부에 호출하고자하는 리액트 컴포넌트를 추가시 해당 컴포넌트가 호출이 되는데, App이라는 컴포넌트를 사용하기 위해서는 반드시 상단에 import로 App컴포넌트가 추가되어 있어야만 한다. 리액트 컴포넌트는 반드시 대문자로 시작해야한다. 이유는 리액트에서 소문자는 html dom(div, body, p..)(;document)요소로 해석을하고 대문자로 시작을 했을때만..