post-thumbnail

[Typescript] 04. 기타 타이핑

strict 모드 추가temp같이 제네릭 없이 호출하면temp는 extends된 HTMLElement타입을 디폴트로 갖게 되는데= HTMLDivEelment로 디폴트 리턴타입을 정의해 줬다.

약 3시간 전
·
0개의 댓글
·
post-thumbnail

[Typescript] 03. 외부 라이브러리 모듈화

자바스크립트 라이브러리를 타입스크립트에서 인식할 수 있게 하려면 타입정의를 해줘야 한다.axios의 같은 경우 관리가 잘 되는 라이브러리라declare 파일이 라이브러리 내부에 파일로 만들어져있다.현재 최신 chart.js를 설치하면 .d.ts파일이 정의되어 있지만학습

약 20시간 전
·
0개의 댓글
·
post-thumbnail

[Typescript] 02. 맵드 타입 (mapped type)

기본 구조 : arr : javascript의 map함수 생각하면 됨

2일 전
·
0개의 댓글
·
post-thumbnail

[Typescript] 01. 유틸리티 타입(Pick, Omit, Partial)

유틸리티 타입 (advanced type, generic type)이미 정해놓은 타입을 변환할 때 사용하기 좋은 타입 문법미리 정의해 놓은 Product 인터페이스 타입에서필요한 타입들을 뽑아서 사용할 때주석으로 놓은 ProductDetail 인터페이스 처럼 재 정의하

2일 전
·
0개의 댓글
·
post-thumbnail

[React] 15. Error control [getDerivedStateFromError]

class형 컴포넌트.. React.component를 상속받아 getDerivedStateFromError로 에러처리에러가 나도 App컴포넌트는 보여주며 해당 컴포넌트 에러시 에러를 보여주고 fallback으로 보여줄 컴포넌트나 엘리먼트 셋팅

2022년 8월 4일
·
0개의 댓글
·
post-thumbnail

[React] 14. form control

01. for -> htmlFor, value -> defaultValue

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[Vue] netlify 배포시 Page Not Found

Vue 문제 뿐만이 아니라 SPA특징에서 비롯된 에러이다..최초 루트경로 접근 시 보통 '/'로 접근하여index.html을 읽게 된다..즉 싱글페이지 어플리케이션이기 때문에 해당 url의 자원은 index.html로 한정되어 있다..여기서 각 어플리케이션을 개발 시라

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 13. useRef Hook

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 12. 리액트 스타일

w3school의 button 예제를 가지고 진행..https://www.w3schools.com/css/tryit.asp?filename=trycss_buttons_color

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 11. Hook 라이프 사이클

setState의 첫 번째 인자는 이전값이다렌더링이 끝난 후 (화면이 그려진 후) 사이드 이펙트 실행 (useEffect)useState는 렌더링 하면서 실행useEffect는 작성 순서대로 불린다. (순서가 바뀌면 호출순서도 바뀜)deps가 없으면 모든 동작에 호출d

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 10. 커스텀 훅

keyword뿐만 아니라 result, typing 상태도 같이 관리하고 싶은데..반복되는 코드를 줄여주기 위해 함수사용커스텀훅 생성

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 09. useEffect (사이드이펙트 - 부수효과)

로컬 스토리지에 입력값을 저장하고새로고침 시에도 로컬스토리지에 저장된 데이터를 불러와서 값을 계속 유지시키기 위해 코드를 작성했다keyword값이 변경됨에 따라 실행하고 싶은 동작을handleChange에서 setItem 하던 것을useEffect훅으로 관리하기로 했다

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 08. 상태관리 훅 (useState)

useState : 상태값을 관리해주는 훅따로 render 하지 않아도 useState사용하면 리렌더링 된다.!업로드중..

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 07. 이벤트 핸들러

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 06. 리렌더링 비교 (바닐라 vs 리액트)

React의 리렌더링 엘리먼트 타입이 바뀌면 이전 엘리먼트는 버리고 새로 그린다.엘리먼트 타입이 같다면 key를 먼저 비교하고 props를 비교해서 변경사항을 반영한다.무조건 효율적이다?는 아니고트레이드 오프라해서 얻는게 있으면 버리는게 있음.virtual dom라는

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 05. JSX와 JS 섞어쓰기 (interpolation)

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 04. 엘리먼트 반복 (재사용)

인자를 받고 기본 구성이 같은 엘리먼트를 찍어내기 위한functional component를 만든 셈

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 03. 멀티 엘리먼트 생성

Vue.js 2.0의 template 와 같으며 Vue.js 3.0의 Fragment와 같음..돔의 루트 노드를 생성하기 위해 의미없는 div태그를 사용하는 것을 방지하기 위함..코드만 달라질 뿐 결과는 같다

2022년 8월 3일
·
0개의 댓글
·
post-thumbnail

[React] 02. Babel, JSX 다루기

\\2번째 인자의 children과 3번째 인자 children 동시 사용시 3번째 인자 children이 사용 됨React.createElement()는노드가 깊어질 수록 사용 함수의 함수를 사용해야하기 때문에 복잡해질 수 있음..자바스크립트와 마크업 문법도 아닌 J

2022년 8월 3일
·
0개의 댓글
·

[React] 01. DOM다루기

01. 바닐라 자바스크립트 02. 리액트

2022년 8월 3일
·
0개의 댓글
·