반응형 전체 글281 ⚽️Zustand 🛺 Zustand란React 상태 관리 라이브러리🚜 create 함수Zustand에서 상태 저장소를 만드는 함수import { create } from "zustand";interface SeatInterface { seatNumber: number; setSeatNumber: () => void;}/* Create를 통해 저장소 생성 */export const useSeatStore = create((set) => ({ seatNumber: 0, setSeatNumber: () => set({ seatNumber: 1 }),})); 🚍set 함수상태를 업데이트 하는 함수import { create } from "zustand";interface SeatInterface { seatNum.. 2025. 12. 1. 😀 11월 마지막 주차 회고 감시자 패턴 알아보기Zustand를 학습하던 도중에 구독 이벤트를 알게되었고, 구독 이벤트를 할려면 보통은 감시자 패턴을 이용해서하는 경우가 많다그렇다면 웹프론트에서는 어떨때 사용하는것이 좋을지 고민해보도록 하자그리고 Javascript / Typescript 으로 구현해보도록 하자 🍏 옵셔널 체이닝 / ?? / || 연산으로 라인 최소화코드양을 조금이라도 줄이면서 가독성을 높이는 방법에 대해 고민해보자 2025. 11. 30. 🏓 Cypress 🤩 E2E테스트란개발물을 사용자관점에서 테스트 하는 방법결과물이 화면에 예상한대로 나오는지 테스트하는방법😆 Cypress 이란Cypress는 Javascript E2E 테스트 도구중 하나이다 😝 설치설치는 생각보다 가능하다npm install cypress --save-dev 🚚 Cypress 환경설정 정리cypress 환경설정을 여러가지 할 수 있다.url ,환경변수, 화면사이즈 지정 , 타임아웃 등등 현재까지 알아본것은 아래와 같다기능설명예시테스트 기본 URL 설정테스트 실행 시 기준이 되는 기본 주소를 지정합니다.baseUrl: 'http://localhost:5173'테스트 파일 경로 지정Cypress가 테스트 파일을 찾는 경로를 정의합니다.specPattern: 'cypress/e2e.. 2025. 11. 23. 😙 11월 3주차 회고 🚚 REST API?웹프론트에 있다보니 REST API에 대해서 무감각해지기 시작했다.동사가 아닌명사로 설계해야하는데, 하다보니 편한방법으로 동사를 넣기 시작하고읽는사람이 어려워지는 현상이 발생하였다 그러므로 이 분에 대해 공부가 필요하다 🎾 Sentry 효율적관리현재 회사에는 Sentry를 무료버전을 사용중이다.결국에는 Error 로그들이 한계가 있을 수 밖에 없다그래서 그러한것들을 조금이라도 효율적으로 ? 관리해보고 어떻게 비지니스 적으로 도움을 줄수 있을지 고민을 해보자 🥌 GitLab Cypress적용 및 N시간마다 동작시키기회사의 프로젝트중에 조금 중요하지만, 조금 관심이 벗어나기 시작하는 프로젝트가 있다그리하여 이것에 대해 설정하고 계속해서 미뤄지고있다 이것을 12월 목표로 잡아보도록.. 2025. 11. 23. 이전 1 ··· 3 4 5 6 7 8 9 ··· 71 다음 반응형
