개발(278)
-
장고의 로그인 써드파티 추천
장고의 여러 써드파티 앱 중에서,JWT를 사용하고 싶다면 Simple JWT토큰 인증을 사용하고 싶다면 django-rest-knox를 추천함.
2023.03.30 -
REST vs GraphQL 2023.03.29
-
function* (generator function)
Generator function은 JavaScript의 함수 유형 중 하나로, 값을 반환하고 호출을 끝내는 대신 값을 생성하고 호출자에게 전달하는 방식으로 작동합니다. 이러한 함수는 함수 내부의 yield 키워드를 사용하여 값을 반환하고 호출 상태를 유지하며, 다음 호출에서 함수 실행을 이어나갈 수 있습니다.Generator 함수는 일반적으로 for...of 반복문과 함께 사용되어 시퀀스를 생성하거나, 비동기적인 제어 흐름을 생성하는데 유용합니다. 또한 Generator 함수는 메모리를 효율적으로 사용할 수 있어 대용량의 데이터셋을 다루는데 유용합니다.다음은 Generator 함수의 예시입니다.function* counter() { let i = 0; while (true) { yield i;..
2023.03.29 -
Redux
https://www.youtube.com/watch?v=QZcYz2NrDIs https://react-redux.js.org/api/hooks Hooks: the `useSelector` and `useDispatch` hooks`" data-og-host="react-redux.js.org" data-og-source-url="https://react-redux.js.org/api/hooks" data-og-url="https://react-redux.js.org/api/hooks" data-og-image="https://blog.kakaocdn.net/dna/bHf0QL/hyR5zhspxV/AAAAAAAAAAAAAAAAAAAAAJwviMBQkfvfVM_dgIuWcD4Lp9pw1t7RBS9gjkT_AKRq/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1753973999&allow_ip=&allow_referer=&signature=bj7ggV0b6AK0KX1lkSbkHePF26g%3D
2023.03.29 -
일반적인 페이지의 글씨 크기
물론입니다! 아래는 일반적으로 웹 페이지에서 사용되는 폰트 크기의 예시입니다.본문 텍스트 : 1rem (기본 폰트 크기 16px 기준으로 16px)작은 헤딩 : 1.5rem (기본 폰트 크기 16px 기준으로 24px)중간 헤딩 : 2rem (기본 폰트 크기 16px 기준으로 32px)큰 헤딩 : 2.5rem (기본 폰트 크기 16px 기준으로 40px)매우 큰 헤딩 : 3rem (기본 폰트 크기 16px 기준으로 48px)위의 예시는 일반적인 기준이며, 디자인에 따라서는 더 작은 폰트 크기를 사용할 수도 있습니다. 또한, 모바일 장치에서는 폰트 크기를 더 크게 설정하는 것이 일반적입니다. 따라서, 실제로 사용할 폰트 크기는 디자인과 사용자 환경에 따라 달라질 수 있습니다. 웹 페이지에서 사용되는 폰트..
2023.03.28 -
리액트에서 여러패이지마다 태마 색상을 지정해서 사용
리액트에서 여러 페이지마다 태마 색상을 지정하는 방법은 다양합니다. 여기에는 두 가지 일반적인 방법이 있습니다.Context API를 사용하여 전역 테마 상태 관리Context API를 사용하여 전역적으로 테마 색상을 관리할 수 있습니다. 이를 위해서는 테마 상태와 해당 테마 상태를 변경하는 함수를 제공하는 ThemeProvider를 만들어야합니다. 예를 들어, 다음과 같은 코드를 사용할 수 있습니다. import React, { createContext, useState } from 'react';export const ThemeContext = createContext({ theme: 'light', setTheme: () => {},});const ThemeProvider = ({ childre..
2023.03.28 -
자주 사용하는 색상 변수명
자주 사용하는 색상 변수명은 프로젝트 및 팀에 따라 달라질 수 있지만, 일반적으로 사용되는 몇 가지 색상 변수명을 추천해드립니다:Primary color: 주요 색상 변수로, 프로젝트의 주요 색상을 지정합니다. 보통 프로젝트의 브랜드 색상이 사용됩니다. 변수명은 $primary-color 등으로 사용할 수 있습니다.Secondary color: 주요 색상과 함께 사용되는 보조 색상 변수로, 일반적으로 $secondary-color 등으로 사용됩니다.Background color: 페이지나 컴포넌트의 배경색을 지정하는 변수입니다. $bg-color 등으로 사용할 수 있습니다.Text color: 페이지나 컴포넌트의 텍스트 색상을 지정하는 변수입니다. $text-color 등으로 사용할 수 있습니다.Succ..
2023.03.28 -
AI가 정리해준 리액트
리액트란 무엇인가요?리액트(React)는 페이스북에서 개발한 자바스크립트 라이브러리입니다.사용자 인터페이스(UI)를 만들기 위한 라이브러리로, 컴포넌트 기반으로 동작합니다.가상 돔(Virtual DOM)을 사용하여 성능을 최적화하고, 단방향 데이터 흐름을 따르는 특징이 있습니다.리액트의 컴포넌트란 무엇인가요?리액트에서 UI를 구성하는 기본 단위입니다.컴포넌트는 독립적이고 재사용 가능하며, 다른 컴포넌트와 조합하여 사용할 수 있습니다.함수형 컴포넌트와 클래스형 컴포넌트로 구성됩니다.JSX란 무엇인가요?JSX는 자바스크립트와 HTML을 혼합한 문법으로, 리액트에서 컴포넌트를 만들 때 사용됩니다.JSX는 브라우저에서 직접 실행되지 않으며, 바벨(Babel)과 같은 트랜스파일러를 사용하여 자바스크립트로 변환됩니..
2023.03.28 -
Attempted import error: 'theme' is not exported from 'antd'.
이 오류는 일반적으로 Ant Design의 최신 버전을 사용할 때 발생하는 문제입니다. 이전 버전에서는 antd 패키지에서 theme을 직접 가져올 수 있었지만, 최신 버전에서는 @ant-design/theme 패키지로 분리되었습니다. 따라서 theme을 가져오기 위해서는 @ant-design/theme 패키지를 설치하고, 다음과 같이 가져와야 합니다: import { createTheme } from '@ant-design/theme'; 만약 기존 코드에서 import { theme } from 'antd'를 사용하고 있다면, 해당 코드를 import { createTheme } from '@ant-design/theme';로 변경해주어야 합니다.
2023.03.28 -
link a 2023.03.28