Multi Developer SuHo

  • 홈
  • 태그
  • 방명록

2025/04/30 1

리액트 Atomic Design (아토믹 디자인)이란?

안녕하세요~ 이번에 알아볼 내용은 리액트에서 디자인 패턴중 아토믹 패턴에 대해 학습해보겠습니다. 디자인 패턴이 무엇인지, 그리고 이것을 왜 사용해야하는지 알아보도록 하겠습니다. 📑목차1. 아토믹 디자인 1-1. 아토믹 디자인 이란?1-2. 아토믹 디자인 특징1-3. 아토믹 디자인 5단계 구성1-4. 아토믹 디자인 적용한 코드서론먼저 디자인 패턴중 "아토믹 디자인" 에 대해 들어보셨거나 사용하신적이 있으실까요? 저도 아토믹 디자인을 경험한적이 없어 이렇게 포스팅을 해봅니다. 저번 Node.js 에서는 MVC 디자인 패턴을 사용하여 프로젝트를 제작해보았는데요, 리액트에서는 아토믹 디자인이라는 패턴을 사용해보도록 하겠습니다. 그럼 본문으로 들어가시죠~본론1. 아토믹 디자인 (Atomic Design) ..

React 기록 2025.04.30
이전
1
다음
더보기
반응형
250x250
프로필사진

Multi Developer SuHo

안녕하세요, 컴퓨터소프트웨어과를 전공한 수호입니다. 이 글은 주로 백엔드 + 프론트엔드 를 통합으로 작업한 내용을 소개하는 블로그입니다. 현재 올라온 글은 프론트엔드에 대한 작업내용이지만, 백엔드 부분 또한 작업하여 올리겠습니다. 백엔드 부분은 제가 잘 다루지 못하지만 피드백을 남겨주시면 토대로 한 층 성장하는 모습을 보여드리겠습니다. 감사합니다🔥😄😄

  • 분류 전체보기 (171) N
    • JavaScript (32)
    • React (6)
    • html5+CSS3 (21)
    • Swift 과제물 (13)
    • 관련 용어 (2)
    • HTML 기록 (2)
    • 컴퓨터 공학 정보 (8)
    • 자바스크립트 기록 (24)
    • CSS 기록 (7)
    • Git 기록 (2)
    • 자바스크립트 실습 (0)
    • Node.js 기록 (14)
    • 프로젝트 (1)
    • Mysql 기록 (2)
    • React 기록 (16)
    • 블록체인 기록 (11) N
    • Typescript 기록 (4)

Tag

프론트엔드 리액트, 자바스크립트 scope, 자바스크립트 상속, 오블완, 리액트 함수형 컴포넌트, CSS, css 포지션, 자바스크립트 실행 컨텍스트, 리액트 개념, 자바스크립트 async await, 티스토리챌린지, 자바스크립트, css3, javascript, 자바스크립트 생성자 함수, HTML, javascript opreators, 웹 개발 트렌드, 프론트엔드, javascript opreator,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

  • 이제부터 올라오는 글
  • CSS3, HTML5 내용을 마치고..
  • CSS 디스플레이와 포지션 내용 지연
  • 추후 공지
  • 글이 안 올라오는 기간 안내

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바