차근차근 기록장

이번엔 Vue.js 에서 상태 관리 목적으로 사용하는 라이브러리인 Vuex 와 Pinia 에 대해 비교하는 글을 작성하려고 한다. 결론부터 이야기 하자면, Vuex 는 규칙이 많은 전통적인 중앙 상태 관리 (Vue 2 에서 사용) 이고,Pinia 는 가볍고 직관적인 현대적인 상태 관리 (Vue 3 에서 사용) 이다. 1. Vuex- Flux 패턴 기반- 전역 상태를 중앙에서 관리- TypeScript 지원이 불편- Composition API 와 궁합이 좋지 않음- 구성 요소 > State : 전역으로 관리되는 상태 > Getter : state 의 계산된 값 > Mutation : state 를 동기적으로만 변경 > Action : 비동기 처리 후 mutation 호출 > Module : st..

React Native 를 더 쉽게 사용할 수 있도록 해주는 프레임워크 및 개발도구인 Expo 를 사용하여 간단한 모바일 앱을 만들고 출시하게 되었다. 이 과정에서 있었던 트러블 슈팅 내용을 기록하려고 한다. 1. 폰트 적용- 현상 > 정해진 폴더에 적용하고자 하는 폰트 파일을 위치시킨 후, 해당 앱에서 폰트를 적용하려고 했으나 생각한대로 되지 않았다. - 해결 방법// App.js 파일에서,import { createContext } from 'react';import { setCustomText } from 'react-native-global-props';const ThemeContext = createContext({ fontFamily: 'concon',});export default f..

개인 프로젝트 (" Vue.js + Spring Boot & JPA 를 활용한 주식 종목 관리 게시판 개발 " ) 를 진행하다가 맞닥뜨린 "CORS (Cross-Origin Resource Sharing, 교차 출처 자원 공유) 문제" 를 해결한 과정을 정리한 글이다. 1. 정의 - 웹 페이지 상의 제한된 리소스를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용하는 구조 2. 현황 - Client 단에서 Server 단으로 HTTP 요청 (GET, POST 등) 을 하는데 CORS 문제가 발생 - Client Env. > Vue.js 3 Version > URL: http://localhost:3000 - Server Env. > SpringBoot 2.6.7 & Java 11..