1. React 내장 기능의 한계 호환성과 단순함의 측면에서 React 내장 기능은 useState Hook과, Context API를 가급적 이용하는 것이 좋겠지만 다음과 같은 문제점이 있습니다. - Context API 단일값만 저장할 수 있다. 여러값들의

input 태그에서 type="file"을 적용하고스타일 display : none을 적용합니다. (화면에서 사라지도록) width, height 값을 주어 기존 input 필드를 대체하도록 합니다. label 태그는 inline 요소이므로 display :

width, height 값이 존재할 경우만 스타일 적용방법 1)방법 2) 잘못 사용한 예width, height값을 지정할 경우 정상적으로 스타일이 적용되지만 <Button width={136} height={48}>확인</Button>다음과 같이

1. input 태그 구현

npm instll react-daum-postcode 주소를 클릭하면 창이 닫히는 동시에 콘솔에 검색한 주소 정보가 표시됩니다.

인터넷에 있는 자원을 나타내는 유일한 주소. URI의 하위계념으로 URL, URN이 있다.<span style="color: \`https://www.lemonade4813.com:443/docs/search?category=restaurant&lang

부모 컴포넌트에서 사용 import CustomerDatePicker from "./common/DatePicker" import { getDate } from "./common/DatePicker" export default function Main(){ ..

1. CSR(Client-side Rendering) 한개의 페이지로 이루어진 애플리케이션. 하나의 HTML만 받은뒤 필요한 데이터만 갱신 서버로 부터 새로운 페이지를 요청하고 파싱하는 Multi Page Application(MPA)와 달리 하나의 동적으로 변

고차 컴포넌트는 컴포넌트를 가져와 새 컴포넌트를 반환하는 함수이다.컴포넌트의 재사용성을 위해 사용한다.다음과 같이 HOC 컴포넌트의 파라미터로 래핑될 컴포넌트를 넣어서 사용한다.const EnhancedComponent = higherOrderComponent(Wrap

useState의 대체함수로 사용한다. (state, action) => newState의 형태로 reducer를 받고 dispatch 메서드와 짝의 형태로 state 를 반환한다.다수의 하윗값을 포함하는 복잡한 정적 로직을 만드는 경우나 다음 state가 이전 sta

1. useState 1) 클래스 컴포넌트로 count 값 설정 2) useState 사용 useState 사용 시 배열을 리턴한다. 첫번째 값은 현재 상태, 두번째 값은 현재 상태를 변경하는 setter 함수를 리턴한다. state값을 객체로

1. window 객체 브라우저에서는 자바스크립트가 구동되기 위한 환경과 여러 가지 기능을 제공하고 있다. 브라우저가 제공하는 여러 가지 기능들은 window 인터페이스를 통해 사용 할 수 있다. 사진 출처 : https://www.freecodecamp.org/news/whats-the-document-object-model-and-why-you-sh...

1. HTTP란? HTTP(Hypertext Transfer Protocol)는 HTML과 같은 하이퍼미디어 문서를 전송하기 위한 프로토콜이다. 웹에서 이뤄지는 데이터 통신의 기초, TCP 프로토콜을 사용한다. 기본포트는 80번을 사용하며, http: 로 시작하는

1. Set Set 객체는 중복되지 않는 유일한 값들의 집합이다. 배열과 유사하지만 다음과 같은 차이가 있다. 동일한 값을 중복하여 포함할 수 없다. 요소 순서에 의미가 없다. 인덱스로 접근이 불가하다. 1) Set 객체 생성 Set 생성자 함수는 이터러블을

1) 이터레이션 프로토콜 이터레이션 프로토콜에는 이터러블 프로토콜과 이터레이터 프로토콜이 있다. (1) 이터러블 프로토콜 well-known Symbol.iterator를 프로퍼티 키로 메서드를 직접 구현하거나 프로토타입 체인을 통해 상속 받는 Symbol.iterator 메서드를 호출하면 이터레이터 프로토콜을 준수한 이터레이터를 반환한다. 이러한 ...

1) WAS, Servlet >- Servlet : HTTP 프로토콜을 사용하여 데이터를 주고 받는 서버용 프로그래밍 스펙 javax.servlet.Servlet 인터페이스 형태로 Java API 에서 제공, 이를 구현한 클래스도 서블릿 어플리케이션이라고 한다. >

1) Symbol > - 1997년 자바스크립트가 ECMAScript로 표준화된 이래로 자바스크립트에는 6개의 타입. 즉, 문자열, 숫자, boolean, null, object 타입 Symbol은 변경 불가능한 원시 타입의 값, 다른 값과 중복되지 않는 유일무이한 값이다. 주로 이름의 충돌 위험이 없는 유일한 프로퍼티 키를 만들기 위해 사용 2) 심벌...

(1) 타입 확인 (2) 값 평가 (3) true, false에 따른 컴포넌트 표시(React) 임의로 내용을 표시할 컴포넌트를 구현했습니다. 위에서 작성한 컴포넌트를 import한 후 && 연산을 수행했습니다. 결과 : 만일, 서버에서 데이터를 fetch한 결과가, 빈

npx 명령어로 리액트 프로젝트 + 타입스크립트 + 리덕스 개발환경을 한번에 세팅해 보도록 하겠습니다. https://www.npmjs.com/package/cra-template-redux-typescript $npx create-react-app travel-r