import React, { useEffect, useState } from "react"; import { Button, Modal} from 'antd'; import "./TestCode.scss" const TestCode = () => { useEffect(() => { // 코드 목록 불러오는 로직 },[]); //input 값 관리 const [commCd, setCommCd] = useState({ code_id : "", code_nm : "", etc : "", del_yn : "yes", use_yn : "yes", }); const [code_id, setCode_id] = useState(""); const [code_nm, setCode_nm] = useState(""); con..

Ubuntu crashes on windows: 0x80040326 Wsl error WSL [코드 4294967295로 프로세스 종료됨] 에러 발생시 https://devsub.tistory.com/m/10 WSL2 [코드 4294967295로 프로세스 종료됨] 오류 해결 BIOS 가상화 해결 평소에 개발환경을 WSL2로 세팅해놓고 개발을 하곤 했는데, 어느날 갑자기 가상 머신 플랫폼 Windows 기능을 사용하도록 설정하고 BIOS에서 가상화를 사용 하도록 설정되어 있는지 확인하세요. 자세 devsub.tistory.com https://meganad.github.io/2022-03-25-WSL-code-4294967295-error/ WSL [코드 4294967295로 프로세스 종료됨] 에러 발생시..

장고의 여러 써드파티 앱 중에서, JWT를 사용하고 싶다면 Simple JWT 토큰 인증을 사용하고 싶다면 django-rest-knox를 추천함.

Generator function은 JavaScript의 함수 유형 중 하나로, 값을 반환하고 호출을 끝내는 대신 값을 생성하고 호출자에게 전달하는 방식으로 작동합니다. 이러한 함수는 함수 내부의 yield 키워드를 사용하여 값을 반환하고 호출 상태를 유지하며, 다음 호출에서 함수 실행을 이어나갈 수 있습니다. Generator 함수는 일반적으로 for...of 반복문과 함께 사용되어 시퀀스를 생성하거나, 비동기적인 제어 흐름을 생성하는데 유용합니다. 또한 Generator 함수는 메모리를 효율적으로 사용할 수 있어 대용량의 데이터셋을 다루는데 유용합니다. 다음은 Generator 함수의 예시입니다. function* counter() { let i = 0; while (true) { yield i; i..

https://www.youtube.com/watch?v=QZcYz2NrDIs https://react-redux.js.org/api/hooks Hooks | React Redux API > Hooks: the `useSelector` and `useDispatch` hooks` react-redux.js.org Redux는 JavaScript 애플리케이션에서 상태(state)를 관리하기 위한 상태 관리 라이브러리입니다. Redux는 예측 가능한(stateful) 상태 컨테이너를 생성하며, 이를 통해 애플리케이션의 모든 상태를 하나의 객체로 관리할 수 있습니다. Redux는 React와 함께 사용할 수 있지만, 다른 라이브러리나 프레임워크에서도 사용할 수 있습니다. Redux는 애플리케이션의 상태를 불변..

물론입니다! 아래는 일반적으로 웹 페이지에서 사용되는 폰트 크기의 예시입니다. 본문 텍스트 : 1rem (기본 폰트 크기 16px 기준으로 16px) 작은 헤딩 : 1.5rem (기본 폰트 크기 16px 기준으로 24px) 중간 헤딩 : 2rem (기본 폰트 크기 16px 기준으로 32px) 큰 헤딩 : 2.5rem (기본 폰트 크기 16px 기준으로 40px) 매우 큰 헤딩 : 3rem (기본 폰트 크기 16px 기준으로 48px) 위의 예시는 일반적인 기준이며, 디자인에 따라서는 더 작은 폰트 크기를 사용할 수도 있습니다. 또한, 모바일 장치에서는 폰트 크기를 더 크게 설정하는 것이 일반적입니다. 따라서, 실제로 사용할 폰트 크기는 디자인과 사용자 환경에 따라 달라질 수 있습니다. 웹 페이지에서 사용..

리액트에서 여러 페이지마다 태마 색상을 지정하는 방법은 다양합니다. 여기에는 두 가지 일반적인 방법이 있습니다. Context API를 사용하여 전역 테마 상태 관리 Context API를 사용하여 전역적으로 테마 색상을 관리할 수 있습니다. 이를 위해서는 테마 상태와 해당 테마 상태를 변경하는 함수를 제공하는 ThemeProvider를 만들어야합니다. 예를 들어, 다음과 같은 코드를 사용할 수 있습니다. import React, { createContext, useState } from 'react'; export const ThemeContext = createContext({ theme: 'light', setTheme: () => {}, }); const ThemeProvider = ({ chil..

자주 사용하는 색상 변수명은 프로젝트 및 팀에 따라 달라질 수 있지만, 일반적으로 사용되는 몇 가지 색상 변수명을 추천해드립니다: Primary color: 주요 색상 변수로, 프로젝트의 주요 색상을 지정합니다. 보통 프로젝트의 브랜드 색상이 사용됩니다. 변수명은 $primary-color 등으로 사용할 수 있습니다. Secondary color: 주요 색상과 함께 사용되는 보조 색상 변수로, 일반적으로 $secondary-color 등으로 사용됩니다. Background color: 페이지나 컴포넌트의 배경색을 지정하는 변수입니다. $bg-color 등으로 사용할 수 있습니다. Text color: 페이지나 컴포넌트의 텍스트 색상을 지정하는 변수입니다. $text-color 등으로 사용할 수 있습니다...

리액트란 무엇인가요? 리액트(React)는 페이스북에서 개발한 자바스크립트 라이브러리입니다. 사용자 인터페이스(UI)를 만들기 위한 라이브러리로, 컴포넌트 기반으로 동작합니다. 가상 돔(Virtual DOM)을 사용하여 성능을 최적화하고, 단방향 데이터 흐름을 따르는 특징이 있습니다. 리액트의 컴포넌트란 무엇인가요? 리액트에서 UI를 구성하는 기본 단위입니다. 컴포넌트는 독립적이고 재사용 가능하며, 다른 컴포넌트와 조합하여 사용할 수 있습니다. 함수형 컴포넌트와 클래스형 컴포넌트로 구성됩니다. JSX란 무엇인가요? JSX는 자바스크립트와 HTML을 혼합한 문법으로, 리액트에서 컴포넌트를 만들 때 사용됩니다. JSX는 브라우저에서 직접 실행되지 않으며, 바벨(Babel)과 같은 트랜스파일러를 사용하여 자바..