Dev study and Repost

노마드코더 ReactJS로 영화 웹 서비스 만들기 07 무료강좌 리액트 API 의 json을 받아 값을 처리하여 간단 웹페이지 구현을 하게 됩니다.이어서 react router 기능을 실습하게 됩니다. ***Command npm i react-router-dom*** ***React Router DOM***React Router DOM은 웹페이지의 주소(URL)에 따라 화면을 바꿔주는 도구로,예를 들어, /about 주소로 가면 "About 페이지"가 보이고, /home으로 가면 "Home 페이지"가 보이게 만들어줍니다. 페이지를 새로고침하지 않고 부드럽게 동작합니다.쉽게 말해, React 앱에서 주소별로 화면(컴포넌트)을 연결해 주는 역할을 합니다. https://reactrouter.com/ Rea..

노마드코더 ReactJS로 영화 웹 서비스 만들기 06 무료강좌 리액트 useEffect 간단 요약 useEffect는 React에서 컴포넌트가 화면에 렌더링되거나 업데이트될 때, 특정 작업(예: 데이터 가져오기, 구독 설정)을 수행하도록 도와주는 함수입니다.사용자가 지정한 조건(의존성 배열)에 따라 실행됩니다.컴포넌트가 사라질 때 정리(clean-up) 작업도 처리할 수 있습니다. 예를 들어, 처음 렌더링 시 API 호출을 하거나, 이벤트 리스너를 추가/제거하는 데 자주 사용됩니다.상세한 설명과 예시는 아래 링크를 참고해주세요.참고 링크: https://ko.legacy.reactjs.org/docs/hooks-effect.html Using the Effect Hook – ReactA JavaScri..

노마드코더 ReactJS로 영화 웹 서비스 만들기 05-2 무료강좌 진행중 npm start 후 오류 코드Failed to compile.[eslint] src/Button.js Line 7:8: Typo in static class property declaration react/no-typossrc/index.js Line 18:1: 'reportWebVitals' is not defined no-undefSearch for the keywords to learn more about each error.ERROR in [eslint] src/Button.js Line 7:8: Typo in static class property declaration react/no-typossrc/..

노마드코더 ReactJS로 영화 웹 서비스 만들기 05-1 무료강좌 🔻🔻🔻node.js 설치 방법 확인하기ㅣhttps://blog.naver.com/devlunch4/223724591778 맥북 node js 설치 macOS Node.js install 설치 버전 확인맥북 node js 설치 macOS Node.js install 설치 버전 확인 웹 개발 시 node.js를 사용하는 경우가 있습...blog.naver.comreact app 설치 생성하지만 오류가 발생..이 에러는 주로 React 프로젝트를 생성하거나 패키지를 설치할 때 발생하며, 주된 원인은 의존성 충돌입니다.아래 단계에 따라 문제를 해결해 보았지만.. (실패..)1. 에러의 원인 react 버전 19.0.0이 설치되어 있는데, ..

맥북 node js 설치 macOS Node.js install 설치 버전 확인​웹 개발 시 node.js를 사용하는 경우가 있습니다.이를 위해 맥북에 nodejs를 설치하는 방법을 간단하게 글과 사진으로 남겨봅니다.숫자 순서에 따라 node.js를 설치 인스톨 install 하면 됩니다.1. node.js 공식 홈페이지 접속 https://nodejs.org/konode.js 공식 홈페이지 주소는 아래와 같습니다. 구글 또는 네이버 등의 검색 페이지에서 검색 후 가능하나,위조된 피싱사이트로 접속되지 않도록 주의해서 접속합니다.https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chro..

노마드코더 ReactJS로 영화 웹 서비스 만들기 04 무료강좌​PropTypes 란?PropTypes는 React에서 컴포넌트의 props가 올바른 타입인지 확인하기 위한 도구입니다.이를 통해 컴포넌트가 예상치 못한 props를 받아 발생할 수 있는 오류를 방지할 수 있습니다.PropTypes를 사용하는 이유 문서화: props의 타입과 사용법을 명시적으로 알 수 있습니다.오류 방지: 잘못된 props를 전달했을 때 경고를 띄워줍니다.유지보수 용이: props의 예상 타입을 명확히 정의하여 코드 가독성을 높입니다.코드 설명 text: PropTypes.string.isRequiredtext는 문자열(string)이어야 하며, 필수(isRequired)로 전달해야 합니다.fontSize: PropType..