| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
- javascript
- 타입좁히기
- reactjs
- CSS
- 제네릭
- TSDoc
- utilty type
- 폰트적용하기
- 공통컴포넌트
- 타입스크립트
- vue.js
- 누구나 자료구조와 알고리즘
- 반복줄이기
- const 단언문
- NonNullable
- 레이아웃쪼개기
- react
- 리액트
- Chart.js
- JS console
- click and drag
- 2022
- React.js
- 개발콘텐츠
- 커스텀
- 성능최적화
- 티스토리꾸미기
- returnType
- typescript
- React Native
- Today
- Total
목록전체 (628)
몽땅뚝딱 개발자
보호되어 있는 글입니다.
보호되어 있는 글입니다.
보호되어 있는 글입니다.
🔖 [인프런] 만들면서 학습하는 리액트
출처 만들고 비교하며 학습하는 리액트 (React) - 인프런 | 강의 리액트는 실무에서 가장 많이 찾는 인기있는 프론트엔드 기술입니다. 리액트 기술을 이용해 어플리케이션을 빠르게 개발하고 유지 보수 가능한 코드를 만들어 보세요., - 강의 소개 | 인프런 www.inflearn.com Vanilla JS → react로 변경(cdn + babel로 실시간 컴파일) → webpack으로 구성하여 코드를 바꿔보는 강의이다. Vanilla JS까지만 듣고 멈춰있다가 최근에 완강하게 되었다 ^_ ^ㅋ 현재는 리액트에서 class형 컴포넌트 사용을 지양하라고했기때문에 함수형 예제가 적다는 점이 아쉬울 순 있는데 함수형을 알고있는 입장에서는 class형은 이렇게 쓰는 거구나.. 하고 비교할 수 있어서 좋았다. 나..
◽ !! [undefined, "", 0]일 경우 결과는 false이고 그 외의 결과는 true이다. boolean으로 형변환을 하기 위해 사용한다. if (data != undefined && data != "") { // 실행코드 } // 이와 동일하다. if (!!data) { // 실행코드 } 출처 자바스크립트 (JavaScript) 느낌표 두개 (Double Exclamation Marks) 연산자 (Operator),!! 정리하자면 느낌표 두개(!!) 연산자는 확실한 논리결과를 가지기 위해 사용합니다.예를 들어 정의되지 않은 변수 undefined 값을 가진 내용의 논리 연산 시에도 확실한 true / false를 가지도록 하는게 velog.io 개인적으로 공부한 내용을 정리하는 블로그로 잘못..
[React] useMemo
◽ useMemo의 형태 useMemo( param1 callbackFn, param2 [의존성 배열] ) const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); 컴포넌트의 성능을 최적화시킬 수 있는 대표적인 react hook이다. useMemo는 처음에 계산된 결과값을 메모리에 저장해서 컴포넌트가 반복적으로 렌더링 되더라도 계속 같은 함수를 호출하지 않고 이전에 이미 계산된 결과 값을 메모리에서 꺼내와서 재사용한다. 렌더링 중에 실행되기 때문에 통상적으로 렌더링 중에는 하지 않는 것을 이 함수 내에서 하면 안된다. 예를 들어, 사이드 이펙트(Side Effect)에서 하는 일을 useMemo에 적지 않도록 한다. 첫번째 인자..