728x90 반응형 코딩80 React Theme 파일 적용하기 Theme파일이란? : 일반적으로 앱 전체적인 스타일, 색상, 폰트, 각종 스타일 변수 및 설정을 담고 있는 파일을 의미하며, 이 파일을 사용하여 애플리케이션의 디자인과 스타일을 일관성 있게 유지하고 관리할 수 있습니다. 즉 스타일 변수들을 전역변수로 선언하여 사용하기 위한 파일 입니다. 제작 방법 1. src 파일 안에 Style 폴더 생성 2. 생성된 Style 폴더 안에 theme.js 파일 생성 3. styled-components 설치 $ npm install styled-components 4. "createGlobalStyle" 를 사용하여 애플리케이션 전체에 적용되는 스타일 정의 : createGlobalStyle는 HTML의 태그처럼 동작하며 전역 스타일을 정의하고, 모든 컴포넌트에서 이.. 2023. 11. 20. SOLID : 객체지향 설계 5가지 원칙 SOLID는 객체지향 프로그래밍에서 소프트웨어 설계를 더 견고하고 유지보수가 쉬운 방향으로 이끄는 다섯 가지 기본 원칙의 약어로, 소프트웨어가 변경될 때 코드를 쉽게 수정하고 확장할 수 있도록 돕는데 중점을 두고 있는 개념이다. S - 단일 책임 원칙 (Single Responsibility Principle) : 하나의 클래스는 오직 하나의 책임만을 가져야한다. 이를 통해 클래스가 변경되어야할 때 하나의 클래스만 바꾸면 된다는 것이다. 아래 코드와 같이 각 클래스는 하나의 책임만을 수행하게 되어 단일 책임 원칙을 지켜주어야 한다. class Order { private double totalPrice; // 주문 총 가격을 계산하는 책임 public double calculateTotalPrice() .. 2023. 11. 18. error: { message: 'You exceeded your current quota, please check your plan and billing details.', type: 'insufficient_quota', param: null, code: 'insufficient_quota' }, Openai를 다루고 있는데 위에와 같은 에러가 달 당황하게 했다.. ou exceeded your current quota, please check your plan and billing details "아니 난 이제 처음 쓰는데..?" 라는 의문이 들 수 있겠지만 해결방법에 대해 적어보려고 합니다! 1. Open ai 페이지로 들어가기 저는 활용도를 볼 수 있는 Usage 페이지로 바로 이동하였습니다. https://platform.openai.com/usage OpenAI Platform Explore developer resources, tutorials, API docs, and dynamic examples to get the most out of OpenAI's platform. platfo.. 2023. 11. 14. React 파일 구조 설정 React 파일 구조에 대해 써보겠습니다! + src 프로젝트의 주요 소스 코드가 위치하는 디렉터리입니다. 아래는 src 디렉터리 내의 각 하위 디렉터리 및 파일에 대한 설명입니다. - API 외부 API와 관련된 파일이 위치하는 디렉터리입니다. 프로젝트에서 사용하는 외부 서비스와의 통합을 위한 코드가 이곳에 위치할 수 있습니다. - Assets 프로젝트에서 사용하는 이미지 및 기타 자원 파일들이 저장되는 디렉터리입니다. 웹 페이지나 앱에서 사용되는 정적 자원들이 여기에 위치합니다. - Components 프로젝트의 주요 컴포넌트들이 위치하는 디렉터리입니다. Components 디렉터리 내부에는 Web 및 App 디렉터리가 있습니다. - Page 각 페이지에 해당하는 컴포넌트들이 위치하는 디렉터리입니다... 2023. 11. 13. 이전 1 2 3 4 5 6 7 8 ··· 20 다음 반응형
