I'm a little late but always perfect

Context API란?부모 컴포넌트가 Context Provider로 전역 저장소의 역할을 수행할 수 있도록 도와주는 기능. 그러니깐... 지금까진 props로 값을 전달할 때 중간 컴포넌트가 필요 없는데도 props를 받아서 넘겨야 했고부모 -> 자식 -> 손자 ... 이렇게 계층 구조를 따라 계속 직접 값을 넘기는 Prop Drilling이 발생해도 일단 츄라이한 거임. 바로 이 Context API를 알기 전에는. Context API는 하위 컴포넌트가 중간 단계를 거치지 않고도 바로 데이터를 사용 가능할 수 있게 함. 즉, props는 "너 이거 필요하니깐 들고 가셈"Context API는 "이거 여기에 둘테니깐 필요하신 분은 알아서 가져가셈" 말로는 모르겠으니 props와 Context의 차..

무릇 라우터라 함은... 공유기에 꽂혀서 초록의 빛을 내는 랜선의 형태를 가장 먼저 떠올리기 십상이다. 그리하여 리액트에서 라우터라는 단어를 보자마자 어? 라우터요? 뭐지? 서버로 던질 수 있단 말인가? form을 대체하는 건가? 아니 근데 또 화면도 비동기로 변환되잖아? 와 ajax 대체 개념인가? 결론: 아님. "서버의 벽은 베를린 장벽 혹은 그보다 더 높다."라는 유명한 말이 있다. (방금 내가 지음) 라우트는 클라이언트 라우팅이고, ajax는 서버에 HTTP 요청을 보내는 거라 서로 역할이 다름.서버에서 데이터가 필요하면 반드시 아작스/액시오스 등으로 호출해야 함.너무 당연함 그냥 리액트가 워낙에 신세계라 프론트엔드 언어라는 걸 망각하고 있었다.자꾸 서버에 던질 생각만 하고 있었음... 어..

State란?컴포넌트 내에서 자신만의 데이터 상태를 기억할 수 있게 하는 것.오직 해당 컴포넌트에서만 사용이 가능하고 외부에서 직접 바꿀 수 없다.함수형 컴포넌트에서는 보통 useState로 선언한다. 예제1. import { useState } from 'react';function Counter() { const [count, setCount] = useState(0); //count의 초기값:0 const increase = () => setCount(count + 1); return ( 현재 값: {count} 증가 );} 예제2. import { useState } from 'react'; //자식 컨테이너 생략function App() { cons..

프롭스란?컴포넌트에 전달하는 데이터(속성)로, 부모 컴포넌트가 자식 컴포넌트에게 값을 넘겨줄 때 사용한다. 이 속성은 읽기 전용임 즉, 부모가 넘겨준 데이터(속성)은 자식 컴포넌트에서는 변경이 불가함.자식들에게 여러가지 데이터를 props로 넘기면 부모 컴포넌트를 다양한 상황에 사용 가능 1. 예제//자식(Header)은 props.title을 사용해 화면에 표시.function Header(props) { return {props.title};}//부모(App)가 자식(Heeader)에게 title="Welcome"를 넘김function App() { return ;} 재사용 = 초기값 설정 등에 유용하며 개발 시간을 단축. 굿

컴포넌트란?화면을 구성하는 하나의 독립된 단위를 만드는 함수(혹은 클래스)어찌 됐든 함수든 클래스든 각각의 컴포넌트는 UI의 형태로 반환한다. 1. 예제//함수형 컴포넌트function Header(props) { return {props.title};}//클래스형 컴포넌트 class Header extends React.Component { render() { return {this.props.title}; }}

1. ant가 없다면 우선 다운을 받아야 한다. https://ant.apache.org/index.html Apache Ant - Welcome Welcome Apache Ant™ Apache Ant is a Java library and command-line tool whose mission is to drive processes described in build files as targets and extension points dependent upon each other. The main known usage of Ant is the build of Java applications. ant.apache.org 들어가서 ant 목록에서 다운로드 링크를 클릭하면 하단에 이렇게 자바 버전에 맞는 a..