yunicornlab

https://tanstack.com/query/latest/docs/framework/react/overview Overview | TanStack Query React DocsTanStack Query (FKA React Query) is often described as the missing data-fetching library for web applications, but in more technical terms, it makes fetching, caching, synchronizing and updating serve...tanstack.com It makes fetching, caching, synchronizing and updating server state in your web ap..

이번에 시작한 프로젝트를 Vercel로 배포하기로 했다.그러던 중 빌드와 테스트, 배포의 과정을 자동화하는 CI/CD를 도입해보고 싶다는 생각이 들었다.Jenkins와 같은 도구도 있지만 좀 더 쉽게 접근할 수 있는 Github Actions를 사용해보기로 했다.CI/CD란?CI : Continuous Integration (지속적 통합)코드 변경 사항을 자주 병합(Merge)하고, 자동으로 빌드(Build) 및 테스트(Test)하는 프로세스CD : Continuous Delivery/Deployment (지속적 제공/배포)(Delivery) CI의 확장으로, 자동화된 빌드와 테스트를 통과한 코드를 항상 프로덕션에 배포할 준비가 된 상태로 유지(수동 배포)(Deployment) 모든 검증된 코드 변경 사..

zustand에서 create 함수로 store를 생성한 후에, 이 생성한 store에서 상태를 가져오는 방법은 두 가지가 있다.selector를 직접 정하느냐 마느냐!이 둘의 차이점은 바로 리렌더링 문제에 있다.// 방법 (1) : selector 지정 안하고 기본값인 (state) => state로 사용// 즉, 전체 상태 구독const store = useStore();// 또는 const { count } = useStore();// 방법 (2) : selector = (state) => state.count로 사용// 즉, count만 구독const count = useStore((state) => state.count); // count만 구독 전체 상태를 구독하는 방향이 되면, store의 ..

create와 useStore 정의 코드 살펴보기이전 글에서 src > react.ts 파일에 있는 코드를 다시 살펴보자https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/react.ts zustand/src/react.ts at a958de910fb49392d5407eb0a9a776ec959ce8c5 · pmndrs/zustand🐻 Bear necessities for state management in React. Contribute to pmndrs/zustand development by creating an account on GitHub.github.comimport React from 'rea..

React에서 Zustand를 사용해 store를 생성하려면 create 함수를 사용한다.create 함수에는 콜백 함수를 인자로 전달하는데, 이 콜백 함수에는 set과 get 함수를 인자로 받아서 사용할 수 있다고 했다.단순히 공부할 때는 get은 상태값을 받아올 수 있는 함수이고 set은 상태를 변경할 수 있는 함수라는 것만 알고있었는데, 이것밖에 없는 건지, create 함수는 어떻게 생긴건지 무엇일까 궁금해져서 공부해보았다. 먼저, zustand github 레포를 찾아서 이 set 함수 부분이 있는 곳을 찾아보았다.https://github.com/pmndrs/zustand/blob/a958de910fb49392d5407eb0a9a776ec959ce8c5/src/vanilla.ts zustand..

1. Zustand란?크기가 작아서 가볍고 빠르며 확장성이 좋은 전역 상태 관리 라이브러리다. Zustand는 독일어로 "상태"라는 뜻이다. (독일어다보니 발음은 쭈스탄트 정도로 읽으면 된다.)zustand는 store를 기반으로 하기 때문에 처음에 store에 대한 개념을 알아야 하는데, store는 간단히 말해 애플리케이션의 상태를 저장하는 중앙 데이터 저장소라고 생각하면 된다.zustand는 create라는 함수를 통해 이 store를 생성하기 때문에, create 함수로 store를 생성하는 것부터가 시작이다.2. Zustand 공식 홈페이지(1) 공식 문서https://zustand-demo.pmnd.rs/ Zustand zustand-demo.pmnd.rs 보통은 해당 서비스의 소개 문구가 있..

기본 문법const add = (a, b) => { return a + b;};function 키워드 대신 => 기호 사용문이 두 개 이상일 경우 중괄호를 감싸면서 return을 명시해야 함 생략 가능한 상황1. 표현식 하나만 반환하는 경우 : return 생략 가능const add = (a, b) => a + b; 2. 매개변수가 하나인 경우 : 매개변수를 감싸는 괄호 생략 가능const square = x => x * x; 주의해야하는 상황1. 매개변수가 없는 경우 : 반드시 빈 괄호 작성const greet = () => "Hello!"; 2. 객체 하나를 반환하면서 return을 생략하는 경우 : 반드시 소괄호로 감싸기const getUser = () => ({ name: "Alice", age..

매일 데일리스크럼을 온라인으로 15분~30분 정도 진행하다가 목요일에 처음으로 오프라인 회의를 진행해보았다!정말... 다사다난했다🤣정말 다양한 문제들과 마주했고, 신기하고 다행히도 모두 다 해결하고 끝낼 수 있었다. 일단 오늘 오프라인 회의의 목표는 다음과 같았다.1. Git 협업을 위한 명령어 흐름 정하기2. 각자 작업한 기능 PR & Merge 진행3. 배포 툴 정해서 배포 진행하기4. 컴포넌트 분리 및 폴더 구조 확정하기5. 회계 서류 작성6. 프로젝트 일정 및 더 깊게 생각하기 Git 명령어 연습 및 흐름 확정짓기push를 어떤 브랜치에 하고, pull과 merge를 어떤 순서로 사용할지 이런 흐름이 나도 아직 헷갈린 채로 모였다.영차영차 고민하고 테스트한 결과, 아래 흐름이 베스트라고 생각했다..

8/31까지 사전직무교육과 프로젝트 설명회 및 팀 수당 설명회를 마치고9월 1일부터 4주간의 프로젝트 기간이 시작됐다!나는 (주)테라파이 기업에서 제공해준 프로젝트에 참여하게 되었다.테라파이는 전세사기 예방을 위한 부동산 금융케어 플랫폼인 세이프홈즈 서비스를 제공하고 있다.https://safehomes.kr/ 세이프홈즈-부동산 거래 이제 안심하세요.세이프홈즈, 부동산, 권리분석, 전세사기예방, 전세사기, 깡통전세, 안심전세, 허그보증보험, 전세꿀팁, 전세대출, 보증보험가입, 아파트전세, 오피스텔전세, 빌라전세, 다가구전세, 중기청대출,safehomes.kr 프로젝트 소개테라파이에서 제공해준 프로젝트는 공인중개사들을 위한 서비스였다. 매물 관리, 계약 관리 서비스를 통해 데이터를 효율적으로 관리할 수 있..

사전직무교육을 담당해주신 수코딩 김기수 강사님의 강의 후기를 남겨보려 한다~! https://www.sucoding.kr/ 수코딩 | 누구나 쉽게 배우는 온라인 코딩 스쿨수코딩은 누구나 쉽게 코딩을 배울 수 있는 온라인 코딩 교육을 만들어갑니다. 대표자: 김기수 | 사업자번호: 208-26-67207 | 통신판매업신고: 2024-성남중원-0311 개인정보관리책임자: 김기수 | 이메일www.sucoding.krhttps://www.youtube.com/@sucoding 수코딩수코딩은 현업 개발자가 직접 운영하는 코딩 교육 채널입니다. 누구라도 쉽게 코딩을 배울 수 있는 걸 목표로하고 있는 교육 채널이기 때문에 코딩을 한 번도 접해본 적 없는 비전공자분들도 이www.youtube.com 강의 시작 전과 끝난..