본문 바로가기

전체 글

(138)
[Typescript, CSS] Circular Progress Bar 만들기 import colors from "@/styles/color"; import React, { ReactElement } from "react"; import styled from "styled-components"; type Props = { progress: number; label?: string; width?: number; imageUrl: string; }; export default function CircularProgressBar({ progress, label = "Progress Bar", width = 100, imageUrl, }: Props): ReactElement { const strokeWidth = 3; const radius = 100 / 2 - strokeWidth *..
[CSS] CSS-Flex Link Archive https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com
231016 학습일기 1. code에서 자주 쓰이는 config의 의미 configuration(환경 설정) "구성 파일"로도 알려져 있음. 프로그램의 매개 변수나 초기 설정 등을 구성하는 데 사용됨 소프트웨어, 프로그램, 라이브러리, 또는 시스템의 설정 및 구성을 나타냄 어떤 소프트웨어나 시스템이 동작하는 방식을 제어하고 사용자 또는 개발자가 원하는 대로 조정할 수 있도록 하는 중요한 개념 환경 설정 및 설정 파일: 많은 소프트웨어와 애플리케이션은 구성 파일을 사용하여 동작 방식을 정의합니다. 이러한 구성 파일은 "config 파일"이라고도 불립니다. 예를 들어, 웹 서버 구성, 데이터베이스 연결 정보, 보안 설정 등을 포함할 수 있습니다. 프로그램 실행 시 동적 설정: 소프트웨어가 실행되는 동안 일부 설정을 변경하려는 경..