: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝
Despite its simplicity, thunks have limitations. One of the most cited limitations is the inability to run code in response to dispatched actions or s
: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를
: 본래 React를 쓰면서 'state 끌어올리기'에 부담을 느끼거나, 불필요한 props drilling 등이 이슈가 되면서 전역적인 state 관리법이 필요해졌고, 그에 대한 해답(?)으로 나온 것이 Redux라고 할 수 있다(React + Flux 패턴). 하지
최종 마무리 사항env 파일에 firebase config 파일 넣기핸드폰 기종별 반응형 UI 완성error 처리React Native 플젝 만들고, web view 심기배포
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
recordModal 에서 이전 기록을 수정할 수 있도록 하는 기능workout 단위로 삭제할 수 있는 기능운동 이름 바꾸기 or 특정 운동 기록 자체를 삭제(예를 들어, 푸시업을 했으면 푸시업 set를 전부 삭제)set 수정 및 삭제(kg, reps를 수정할 수 있음
기기마다 UI가 다르다 같은 UI를 제공하는 방향으로 코드 수정서버에서 받은 record를 수정할 수 있도록 해야함(이게 1순위 기능)infinite scroll로 전체 보는 기능도 있으면 좋을듯(후순위)회원가입을 할 때 이메일 인증 기능을 넣던지 & 소셜 로그인 기능
: 일단 이제야 이걸 마무리하러 돌아왔다는 내 자신에게 반성의 시간을 잠시 갖고,, 는 과거는 빠르게 잊고 !records에 있는 workout을 수정할 수 있도록 하기check Records 아래에 가장 최근 기록을 출력하도록 하기달력 input을 넣어서 달력을 통해
NFT의 소유권 & 저작권 : 먼저 NFT를 구매하게 된 구매자는 특정한 자산의 '소유권'을 사게되는 것이다. 이 소유권에 대해서 먼저 알아보자. NFT란? : 하지만, 그 전에 NFT가 뭔지 간단하게 알아보자. 본래 너무나도 기본적인 경제 원칙으로 '가격'이란 것
: 위의 상황은 뭘 나타낼까 ?상황 : 우리는 자바스크립트로 개발을 할 때 다양한 외부 API(ex DOM API)를 가져다 쓴다(node_modules에 들어가는 모듈 등). 이 때, 타입스크립트를 같이 사용하는 프로젝트라고 했을 때 이러한 모듈들에 대해서 타입스크립
링크 : 프로그래머스 - 양궁대회레벨 : 2출처 : 카카오 2022 블라인드 공채 기출문제1) 문제 해석최종 구현 요구 사항 : 라이언이 어피치를 이기는 케이스 중 가장 큰 점수차로 이기는 케이스를 배열에 담아 리턴하는 것추가 조건1) 만약에 가장 큰 점수차로 이기는
: 그렇게 효율적인 코드인지는 모르겠지만 시간복잡도 관련 문제는 아니었어서 구현(시뮬레이션) 문제라고 생각하고 분기처리에 집중했다. 사실 작년 공채 시험을 봤었기에 알고 있던 문제긴 했다. 당시에 이문제는 굉장히 쉽게 풀었던 것 같은데 확실히,, 코딩테스트도 안풀어 버
현실세계를 의미하는 ‘Universe(유니버스)’와 ‘가공, 추상’을 의미하는 'Meta(메타)’의 합성어로 3차원 가상세계를 뜻한다. by 네이버 지식 백과: 메타버스란 정말 간단하게(어렵게 생각할 필요없이) 가상 세계를 뜻한다. 하나의 세계를 유니버스라고 할 때(현
: JS의 함수는 일급 객체로 변수에 할당할 수 있었는데 그것처럼 함수도 타입을 미리 지정해서 type alias에 저장할 수 있다. 본래 이와 같이해야하는 것을아래와 같이 해줄 수 있다.아직 이것에 대한 실용성(?)은 제대로 알지 못하지만 나중에 props로 함수를
TS에만 존재하는 타입에 관하여 Void : 사실 void는 자바(JAVA)를 썼던 사람이라면(사실 대부분의 타입스크립트 타입들이 그렇지만) 알고 있는 개념일 것이다. 결과적으로 void는 함수에서 리턴값이 없을 때 return 타입을 void로 해주거나, retur
위의 예시를 보면(타입스크립트 코드), 위에는 num이라는 변수의 타입을 명시적으로 표현해주지 않은 것이고, 아래는 명시적으로 넘버 타입을 표시해준 부분이다. 이 때, 주석 처리한 부분을 보면, num이라는 변수에 'string'이라는 문자열 타입의 자료를 할당하려했는
: 새로운 회사에서 기껏해야 4개월 정도 일하고 있는 나지만 여태껏 일하면서 가장 '에러'를 많이 발견하고, 일으켰던 부분은 바로 '타입(type)'과 관련된 부분이었다. 특히 api를 통해 자료를 받아와서 렌더링을 하는 부분에 있어서 자료가 안오거나, 잘못된 자료가
아래 이미지처럼 'node -v' 명령어를 통해 현재 버전 확인이 가능하다(이미 업데이트를 최신으로 해놔서 18.1.0이다).버전 업데이트를 위한 모듈을 설치하기 전에 npm cache를 비워준다.버전 업데이트를 위해서는 nodeJS 버전을 관리하는 모듈이 필요한데,
: TypeScript는 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어다. 쉽게 정의해보면타입스크립트 = 자바스크립트 + '타입'적용Javascript의 상위 집합으로 ECMAScript의 최신 표준을 모두 지원하며(모두 포괄함) 트랜스파일링(by 타입스크립트 컴파