본문 바로가기

component3

[React] 환경설정 원래 리액트는 웹팩이라는 Bundler로 실행한다.이 강의는 리액트 문법과 리액트를 이해하기 위함이므로 React를 실제로 사용하는 환경설정은 하지 않는다. 1. React 리액트를 사용하기 위해서 기본적으로 환경설정이 되어야하는데 리액트에서 제공하는 개발용 cdn 링크가 있다. 리액트에서도 직접 개발용으로만 쓰라고 명시되어있고 배포용으로는 추천하지 않는다. CDN 링크 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.org 나는 배포까지 할 내용이 아니므로 강의와 동일하게 cdn을 이용한다.react.js 는 react 기능인 컴포넌트, 가상돔 등을 지원한다. 2. React-Dom React Dom은 가상 DOM을 실.. 2024. 8. 4.

[React] Intro 리액트는 크게 세가지 개념이 중요하다.1. Reactive2. Virtual DOM3. Component Reactive는 특정 값에 의존해 자동으로 반응하는 것을 의미한다.Vanila js로 검색 서비스를 만들면서 값을 변경하게 되면(검색 등) 다시 rendering을 하는 과정이 필요했었다.하지만 리액트는 값을 변경하면 다시 rendering 할 필요가 없도록 설계되었다. react는 DOM API를 호출하면서 성능 저하가 발생하는 문제를 해결하기 위해 Virtual DOM을 제공한다.Virtual DOM에서 변경된 부분을 확인하고 바뀐 부분만 확인하여 DOM에 제공한다.이런 특성 때문에 reactive 하다고 할 수 있다. 아래는 참고하면 좋은 예시 영상이다.https://www.youtube.co.. 2024. 8. 3.

모듈(Module), 컴포넌트(Component), 컨테이너(Container) 컴포넌트와 모듈은 정보처리기사 자격증에서도 나오는 내용인데 이 두 용어의 차이가 모호했다. 모듈 (Module) 이란? 모듈은 생각보다 쉽게 생각할 수 있다. 우리가 프로그램을 만들 때, 하나의 기능을 만들거나 하나의 클래스를 만들게 된다. 이것을 모듈이라고 한다. 생각보다 너무 간단하게 작성했는데 이것을 실제 예로 들어보겠다. 계산기를 작성해보자. 우리는 더하기 연산을 작성한다. int sum(a, b) { return a + b; } 이제 이것은 하나의 모듈이다. 그 외 -, *, / 연산도 모듈이라고 할 수 있다. 그럼 우리는 의문을 가질 수 있다. 모듈은 함수 또는 메소드인가요? 정답은 아니오다. public class Calculator { public int plus(); public int .. 2024. 2. 24.

이전 1 다음

티스토리툴바