React2 react.js 입문 - extensions > exlint : 잘못된 문법 검사rules: { 'react/jsx-no-target-blank': 'off', 'react-refresh/only-export-components': [ 'warn', { allowConstantExport: true }, ], 'no-unused-vars':"off", //추가 'react/prop-types':"off", //추가 },.eslintrc.cjs[react component] 리액트 컴포넌트- 컴포넌트 함수를 만들때에 함수 이름 첫글자는 대문자여야함!JSX : 확장된 자바스크립트의 문법을 말함- javascript와 html을 혼용해서 사용JSX 주의사항1. 중괄호 내부에는 자바스크.. 2025. 5. 7. react.js 개론 [react.js]- 오픈소스 javascript 라이브러리- 대규모 웹 서비스의 UI를 더 편하게 개발하기 위해 만들어진 기술컴포넌트를 기반으로 UI를 표현한다- 여러페이지에서 공통으로 사용하는 부분을 컴포넌트화- 유지보수 용이, 중복코드를 줄임화면 업데이트 구현이 쉽다- 선언형 프로그래밍(react) : 목적만 깔끔하게 명시, 코드가 간결함화면 업데이트가 빠르게 처리된다- 동시에 발생한 업데이트를 모아서 한번에 수정- virtual DOM : DOM을 복제- react는 업데이트가 발생하면 실제 DOM을 수정하기 전에 가상의 복제판 DOM에 먼저 반영[react App 생성하기]Vite : 차세대 프론트엔드 개발 툴- 기본 설정이 적용된 React App 생성 가능//터미널> npm create vi.. 2025. 5. 7. 이전 1 다음