개발/토막난 상식(241)
-
re_path (django)
사용하는 이유 re_path()를 사용하는 이유는 복잡한 URL 패턴을 정규표현식으로 처리하기 위해서 입니다. 정규표현식을 사용하면 텍스트를 다양한 방법으로 매칭할 수 있으므로, 특별한 URL 패턴을 처리해야 하는 경우에 re_path()를 사용하는 것이 유용합니다. 예를 들어, 특정 패턴의 길이나 문자열 조합이 정해져 있는 URL을 처리할 때, 정규표현식을 사용하면 간단하게 처리할 수 있습니다. 또한, 정규표현식은 간결하게 표현할 수 있기 때문에 코드를 더 간결하고 읽기 쉽게 만들 수 있습니다. re_path()를 사용하면 정규표현식으로 복잡한 URL 패턴을 정의할 수 있으며, 그 결과 코드를 더욱 간결하게 유지할 수 있습니다. 하지만, re_path()는 정규표현식을 사용하기 때문에 일반적인 path..
2023.03.31 -
TypeScript란 무엇인가?
[소개] : TypeScript는 최근 인기 있는 프로그래밍 언어 중 하나로, JavaScript의 타입 시스템을 확장하여 개발자들이 더욱 안정적이고 확장 가능한 코드를 작성할 수 있도록 지원합니다. [본문] TypeScript의 특징 : TypeScript는 정적 타입 시스템, 클래스 기반 객체 지향 프로그래밍, 인터페이스 등 다양한 기능을 지원합니다. 이를 통해 개발자는 코드 작성 중 발생할 수 있는 일부 오류를 미리 방지하고, 코드의 가독성과 유지 보수성을 높일 수 있습니다. TypeScript의 장점 : TypeScript는 JavaScript와 호환성이 높아서 기존 JavaScript 코드를 TypeScript로 쉽게 전환할 수 있습니다. 또한 TypeScript는 많은 개발자들이 사용하는 프레..
2023.03.30 -
react-redux 사용 예시
const dispatch = useDispatch(); const { codeList, codeListError, codeDetail, codeDetailError } = useSelector( ({ codeReducer }) => ({ codeList: codeReducer.codeList, codeDetail: codeReducer.codeDetail, }) ); useEffect(() => { dispatch(codeAction.getCodeList({ target: "codeList" })); }, []); useDispatch()와 useSelector()는 React-Redux 라이브러리에서 제공하는 hook입니다. useDispatch()는 Redux store에 action을 dispat..
2023.03.30 -
리액트 CRUD 기본 코드 useState([])
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..
2023.03.30 -
[코드 4294967295 (0xffffffff)로 프로세스 종료됨]
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로 프로세스 종료됨] 에러 발생시..
2023.03.30 -
장고의 로그인 써드파티 추천
장고의 여러 써드파티 앱 중에서, 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; i..
2023.03.29 -
Redux
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는 애플리케이션의 상태를 불변..
2023.03.29 -
일반적인 페이지의 글씨 크기
물론입니다! 아래는 일반적으로 웹 페이지에서 사용되는 폰트 크기의 예시입니다. 본문 텍스트 : 1rem (기본 폰트 크기 16px 기준으로 16px) 작은 헤딩 : 1.5rem (기본 폰트 크기 16px 기준으로 24px) 중간 헤딩 : 2rem (기본 폰트 크기 16px 기준으로 32px) 큰 헤딩 : 2.5rem (기본 폰트 크기 16px 기준으로 40px) 매우 큰 헤딩 : 3rem (기본 폰트 크기 16px 기준으로 48px) 위의 예시는 일반적인 기준이며, 디자인에 따라서는 더 작은 폰트 크기를 사용할 수도 있습니다. 또한, 모바일 장치에서는 폰트 크기를 더 크게 설정하는 것이 일반적입니다. 따라서, 실제로 사용할 폰트 크기는 디자인과 사용자 환경에 따라 달라질 수 있습니다. 웹 페이지에서 사용..
2023.03.28