분류 전체보기
const StyledRadio = styled.input.attrs({ type: 'checkbox' })` -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px; height: 18px; border: 2px solid #ccc; border-radius: 50%; outline: none; cursor: pointer; &:checked { background-color: #22d3ee; // 체크 시 원형 색깔 background-clip: content-box; //컨텐츠 영역만 색칠(원래는 컨텐츠+패딩 색칠) padding:2px; // 보더와 컨텐츠 사이 빈공간 생성 }`;
스킨 소개https://pronist.tistory.com/5 hELLO 티스토리 스킨을 소개합니다.hELLO 는 티스토리에서 많은 블로거분들께 사랑을 받은 스킨입니다. hELLO 티스토리 스킨은 개발자 커뮤니티인 깃허브의 약 천 개에 달하는 티스토리와 관련된 모든 프로젝트 중 가장 많은 별을 받pronist.tistory.com 스킨 다운로드 파일 선택기에서 다운로드 폴더에 hELLO-dist 압축 폴더가 다운로드 된 것을 확인할 수 있습니다. 압축 풀기 및 파일 구조 변경해당 압축 폴더를 우클릭하여 압축 풀기를 실행하면 hELLO-dist 파일 폴더가 생성됩니다.압축 풀기를 마친 후 hELLO-dist 파일 폴더를 더블 클릭하면 위 사진과 같은 파일 구조를 볼 수 있습니다.원활한 스킨 등록을 ..
https://mui.com/material-ui/getting-started/installation/ mui를 꼭 npm한 후 진행 import * as React from "react"; import { useTheme } from "@mui/material/styles"; import Box from "@mui/material/Box"; import MobileStepper from "@mui/material/MobileStepper"; import SwipeableViews from "react-swipeable-views"; import { autoPlay } from "react-swipeable-views-utils"; import styled from "styled-components"; ..
[소프트웨어 설계]디자인패턴- 객체지향언어와 사용한다.-생성, 구조, 행위- 생성(싱글톤, 프로토타입, 팩토리, 빌더 등)- 구조( 어답터, 브릿지, 데코레이터, 컴포지트, 프록시 등)XP의 5가지 원칙피존의용단럼바우 다이어그램객-객체동-상태기-자료(DFD)객체지향 설계 원칙 SOLIDSRP-단일책임원칙 (하나의 기능은 하나만)OCP-개방폐쇄원칙 (수정은 좁게 확장은 넓게)LSP-리스코프 치환의 원칙(하위는 상위 치환 가능)ISP-인터페이스 분리의 원칙(인터페이스 간 영향x)DIP-의존성 역전의 원칙(하나 변화로 인해 많은 것 의존 X)아키텍처 패턴-계층화-파이프필터-마스터슬레이브-피어투피어-모델뷰컨트롤러-클라이언트서버코드의 종류순차코드(순서대로)표의숫자코드(중량, 면적 등 표현)연상코드(TV-2022 ..
