[Typescript] Typescript 웹 프로젝트 폴더 구조 정리(feat.Redux(리덕스) + 챗GPT)

이제 요구사항 모두 작성했고, 깃허브 레파지토리, 프로젝트 생성까지 마무리 했습니다. 매번 새로운 프로젝트를 확인할 때 폴더구조를 제일 먼저 보게 되는데 내 프로젝트가 아닌 이상 폴더구조를 파악하는데 시간이 오래 걸리는 편이었습니다. 물론 파악을 하는 하루 종일 걸리는 건 아니었지만, 이게 어디에 있지? 어디서 import한거지?를 찾는 데 투자한 시간이 아깝다고 느껴졌습니다. 그래서 일단 타입스크립트 프로젝트를 생성할 때 어떤 폴더구조를 찾는지 궁금했습니다. 또한 프로젝트에서 Redux(리덕스)도 사용해보고자 하며 폴더구조에 대해 알아보겠습니다. 기본적인 타입스크립트의 폴더 구조처음 프로젝트를 생성했을 때 볼 수 있는 폴더 구조 입니다.위와 같이 src/, index.html, package.json,..

• format_list_bulleted 프론트/Javascript, Typescript
• · 2024. 10. 31.
• textsms

[Redux] 리덕스란? - 리덕스 개념 및 사용방법

이번에 프로젝트를 진행하면서 리덕스를 사용해보라고 하더라구요! 근데 사용해본 경험이 없어서 이번에 정리하면서 알아보고 제대로 사용해보려고 합니다. 리덕스의 개념과 사용하는 이유, 사용 방법에 대해 알아보겠습니다 먼저..! 리덕스를 사용하기 전에 리덕스 문서를 한번 살펴봐야겠죠? 저는 사용할 때 문서를 한번이라도 꼭 읽어보는게 좋다고 생각해요 https://ko.redux.js.org/ Redux - 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. | Redux 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너. ko.redux.js.org Redux란? 리덕스는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다. 리덕스는 앱을 만들면서 상태관리할 수 있는 거라고 이야기를 들은적이 있어요. 앱의 ..

• format_list_bulleted 프론트/프론트엔드
• · 2024. 1. 21.
• textsms

[프론트엔드] Redux란?

Redux란? Redux란 JavaScript 애플리케이션에서 클라이언트 사이드의 상태를 관리하기 위한 오픈소스 JavaScript 라이브러리입니다. 주로 React나 Angular와 같은 사용자 인터페이스 라이브러리/프레임워크와 함께 사용되며, 애플리케이션의 상태를 예측 가능하게 만들어줍니다. React나 다른 뷰 라이브러리와 함께 사용할 수 있습니다. Redux는 매우 작지만 사용 가능한 애드온이 많습니다. Single Source of Truth(진실의 단일 출처) : Redux는 애플리케이션의 전체 상태를 하나의 JavaScript객체 트리로 저장합니다. 이 객체 트리는 "Store"라고 부르며, 이것은 앱 내에서 유일합니다. State is Read-Only(상태는 읽기 전용) : Redux에서..

• format_list_bulleted 프론트/프론트엔드
• · 2023. 10. 13.
• textsms