일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react
- CSS
- 커스텀
- TSDoc
- 2022
- 타입스크립트
- 리액트
- 성능최적화
- 레이아웃쪼개기
- 티스토리꾸미기
- 폰트적용하기
- 반복줄이기
- click and drag
- utilty type
- returnType
- typescript
- NonNullable
- 공통컴포넌트
- React.js
- React Native
- Chart.js
- javascript
- 누구나 자료구조와 알고리즘
- 제네릭
- const 단언문
- 개발콘텐츠
- 타입좁히기
- JS console
- vue.js
- reactjs
- Today
- Total
목록2024/08/03 (4)
몽땅뚝딱 개발자
1. IOS에서 대응하는 프레임을 고려하자IOS 기기는 초당 60프레임을 표시하여 사용자와 UI 시스템에 16.67ms가 주어지고 그 시간 내에 프레임을 생성하는데 필요한 작업을 수행할 수 없다면 프레임이 삭제되고 UI가 응답하지 않는 것처럼 보인다. 2. 상용에서 console.log를 제거하자병목현상이 일어날 수 있다.// .babelrc{ "env": { "production": { "plugins": ["transform-remove-console"] } }}npm i babel-plugin-transform-remove-console --save-dev 3. FlatList 또는 SectionList를 사용하자FlatList를 사용하면 행 수에 관계없이 거의 일정한 메..
담당자에게 Version 2는 React Native를 지원하지 않는다는 답변을 받은 후, Version 1으로 진행하게 되었다. 토스 문서(https://docs.tosspayments.com/sdk/widget-rn)에 링크되어있는 샘플 프로젝트로 간단히 연동할 수 있었다. 1. 설치하기공식 문서에는 나와있지 않지만 tosspayments-react-native-webview도 함께 설치해야 한다. 자꾸 빌드가 안돼서 샘플 프로젝트랑 비교하면서 찾았다.npm install @tosspayments/widget-sdk-react-nativenpm install tosspayments-react-native-webview 2. 구현NavigationContainer 안에서 로 감싸주고 Payment..
컨텍스트(Context)는 React에서 컴포넌트 트리 전체에 걸쳐 데이터를 쉽게 전달하고 공유하기 위해 사용되는 기능입니다. 컨텍스트를 이용하면 컴포넌트 간의 데이터를 전역적으로 관리하고, 필요한 곳에서 쉽게 접근할 수 있습니다. 이는 특히 여러 컴포넌트가 공통적으로 사용하는 데이터(예: 테마, 사용자 정보, 언어 설정 등)를 전달할 때 유용합니다. 컨텍스트의 주요 요소1. 컨텍스트 생성 (React.createContext)컨텍스트를 만들기 위해 React.createContext 함수를 사용합니다. 이 함수는 기본값을 받을 수 있는 컨텍스트 객체를 반환합니다. 2. 프로바이더 (Context.Provider)Provider는 컨텍스트를 제공하는 컴포넌트입니다. Provider를 사용하면 컴포넌트 트..
보호되어 있는 글입니다.