개발/토막난 상식(241)
-
리액트에서 여러패이지마다 태마 색상을 지정해서 사용
리액트에서 여러 페이지마다 태마 색상을 지정하는 방법은 다양합니다. 여기에는 두 가지 일반적인 방법이 있습니다. Context API를 사용하여 전역 테마 상태 관리 Context API를 사용하여 전역적으로 테마 색상을 관리할 수 있습니다. 이를 위해서는 테마 상태와 해당 테마 상태를 변경하는 함수를 제공하는 ThemeProvider를 만들어야합니다. 예를 들어, 다음과 같은 코드를 사용할 수 있습니다. import React, { createContext, useState } from 'react'; export const ThemeContext = createContext({ theme: 'light', setTheme: () => {}, }); const ThemeProvider = ({ chil..
2023.03.28 -
자주 사용하는 색상 변수명
자주 사용하는 색상 변수명은 프로젝트 및 팀에 따라 달라질 수 있지만, 일반적으로 사용되는 몇 가지 색상 변수명을 추천해드립니다: Primary color: 주요 색상 변수로, 프로젝트의 주요 색상을 지정합니다. 보통 프로젝트의 브랜드 색상이 사용됩니다. 변수명은 $primary-color 등으로 사용할 수 있습니다. Secondary color: 주요 색상과 함께 사용되는 보조 색상 변수로, 일반적으로 $secondary-color 등으로 사용됩니다. Background color: 페이지나 컴포넌트의 배경색을 지정하는 변수입니다. $bg-color 등으로 사용할 수 있습니다. Text color: 페이지나 컴포넌트의 텍스트 색상을 지정하는 변수입니다. $text-color 등으로 사용할 수 있습니다...
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
-
Django REST framework의 APIView를 사용하여 보안성을 높이는 방법
class Tweets(APIView): permission_classes = [IsAuthenticatedOrReadOnly] def get(self, request): tweets = Tweet.objects.all() serializer = TweetSerializer(tweets, many=True) return Response(serializer.data) def post(self, request): serializer = TweetSerializer(data=request.data) if serializer.is_valid(): tweet = serializer.save() serializer = TweetSerializer(tweet) return Response(serializer.data..
2023.03.27 -
django 에서 APIView 와 serializers 를 사용하는 방법
APIView는 Django에서 제공하는 View 클래스를 상속받아서 RESTful API를 작성할 때 사용하며, serializers는 데이터를 직렬화하고 역직렬화할 때 사용합니다. serializers 작성하기 우선, serializers.py 파일을 생성하여 serializers 클래스를 작성합니다. serializers 클래스는 데이터를 직렬화하거나 역직렬화하는 데 사용됩니다. 다음은 간단한 serializers 클래스의 예시입니다. from rest_framework import serializers from .models import MyModel class MyModelSerializer(serializers.ModelSerializer): class Meta: model = MyModel ..
2023.03.27 -
트랜잭션
모든 코드가 성공하거나 아무 것도 성공하지 않기를 원할 때, 트랜잭션을 사용한다. https://docs.djangoproject.com/en/4.1/topics/db/transactions/ Django The web framework for perfectionists with deadlines. docs.djangoproject.com
2023.03.27 -
Array Method every some
1. Array.prototype.every() every()는 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 모두 true인지 확인합니다. 모든 case가 true일때 true를 반환합니다. 하나라도 false이면 반환 값은 false입니다. 기존 배열 값은 변경되지 않습니다. 2. Array.prototype.some() some()은 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 하나라도 true가 있는지 확인합니다. 하나라도 true가 발생하면 true를 반환합니다. 모두 false인 경우만 false를 반환합니다. every가 and 조건이라면 some은 or 조건입니다. 기존 배열 값은 변경되지 않습니다.
2023.03.27 -
반응형 웹과 적응형 웹
https://ko.wix.com/blog/post/responsive-vs-adaptive-design 반응형 웹 디자인 vs 적응형 웹 디자인: 어떤 유형을 선택해야 할까? 2022년 현재 소비자들은 노트북이나 데스크톱 컴퓨터보다 모바일 기기을 통해 웹사이트를 방문할 가능성이 더 높습니다. 즉, 이제 비즈니스 측면에서 모든 기기 및 플랫폼에서 원활하게 작동할 ko.wix.com
2023.03.26