일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- returnType
- react
- reactjs
- 제네릭
- 성능최적화
- 티스토리꾸미기
- NonNullable
- 레이아웃쪼개기
- vue.js
- Chart.js
- 커스텀
- 타입좁히기
- 반복줄이기
- 폰트적용하기
- 누구나 자료구조와 알고리즘
- typescript
- 개발콘텐츠
- const 단언문
- React Native
- TSDoc
- 공통컴포넌트
- click and drag
- utilty type
- 타입스크립트
- JS console
- CSS
- React.js
- 2022
- 리액트
- javascript
- Today
- Total
목록Development (389)
몽땅뚝딱 개발자


플럭스(Flux) 패턴 정의리액트 어플리케이션의 데이터 흐름을 관리하기 위한 디자인 패턴이다. 이 패턴은 옵저버 패턴을 약간 수정한 것으로, 한 객체의 상태 변경이 다른 모든 객체에 알림을 주고 이를 구독해서 확인하는 일련의 메커니즘을 의미한다.플럭스란, 애플리케이션에서 단방향 데이터 흐름을 관리하는 패턴으로 전통적인 MVC 패턴을 대체한다. "데이터를 어떻게 흘릴 것인가"에 대한 구조적 아이디어이다. 프레임워크나 라이브러리가 아니라 클라이언트 사이드 웹 애플리케이션의 상태 관리 복잡성을 해결하기 위한 새로운 종류의 아키텍처다. 데이터 흐름 플럭스의 데이터 흐름에는 액션, 디스패처, 스토어, 뷰가 있다.1) 액션: 데이터 흐름을 트리거하는 디스패처로 보내지는 자바스크립트 객체를 의미2) 디스패처: 스..
function solution(n) { let result = 0 // 결과값 let count = 0 // 저주받지 않은 숫자의 개수 while (count
1) Math.abs(n - a) - Math.abs(n - b): 이걸로 n과 가까운 수를 찾는다.2) b - a: 이걸로 n과 가까운 정도가 동일할 때 더 높은 숫자를 앞으로 둘 수 있다. function solution(numlist, n) { return numlist.sort((a, b) => Math.abs(n - a) - Math.abs(n - b) || b - a)}
주요 특징1. 반응형 프로그래밍: MobX는 상태가 변경되면 해당 상태를 참조하는 모든 컴포넌트가 자동으로 다시 렌더링된다.2. 간단한 문법: Observable state(관찰 가능한 상태), Actions(상태 변경 로직), Computed values(파생 상태)를 사용하여 상태 관리가 직관적이고 간단하다.3. 유연한 구조: 리덕스처럼 강한 규칙이나 보일러플레이트가 필요없어서 구조와 패턴을 비교적 자유롭게 설계할 수 있다.4. 높은 성능: 필요한 부분만 리렌더링하기 때문에 React와 함께 사용할 때 성능이 우수하다. 사용하기함수형, 클래스형 둘 다 작성할 수 있는데 함수형으로 사용하는 경우 함수형 컴포넌트에 observer를 붙여야햔다. 📄 작성하기- makeAutoObservable: 모든..
[안드로이드]📄 AndroidManifest.xml [IOS]📄 AppDelegate.mmRNBranch.useTestInstance() 앱의 실행 환경에 따라 stage에서만 테스트 모드를 활성화하고, test_key와 live_key를 동적으로 할당하려 했으나 몇 가지 한계에 부딪혔다. 그래서 아래와 같이 2가지 방법을 고려해봤다. 1. 각 플랫폼별 네이티브 코드 수정테스트 모드를 활성화하는 메서드(예: RNBranch.useTestInstance())에 조건문을 추가해 실행 환경에 따라 분기하는 방법2. 환경 변수 또는 설정 파일 활용buildConfig나 프로퍼티즈 파일을 이용해 환경 변수를 설정하거나, branch.json을 "branch.stage.json", "branch.p..
보호되어 있는 글입니다.
보호되어 있는 글입니다.
function solution(number, k) { const result = []; for (let i=0; i 0 && result[result.length - 1] 0) { k--; result.pop(); } result.push(number[i]); } result.splice(number.length - k, k); return result.join("");}
function solution(people, limit) { people.sort((a, b) => a - b) let count = 0 while (people.length !== 0) { if (people[0] + people[people.length-1]
이 문제는 처음 프로그래머스 시작했을 때는 못 풀었던건데...문제를 계속해서 풀다보니까 접근방법도 알겠구 잘 풀리는 듯🤔 function solution(progresses, speeds) { let answer = [] const getCompletedTaskCount = () => { let count = 0 while (progresses.length > 0 && progresses[0] >= 100) { progresses.shift(); speeds.shift(); count++; } return count; } while (progresses.length > 0) { for (let i = 0; i = 100) { con..