Multi Developer SuHo

  • 홈
  • 태그
  • 방명록

프론트엔드 디자인 패턴 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

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

  • 분류 전체보기 (173)
    • 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)
    • 블록체인 기록 (13)
    • Typescript 기록 (4)

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

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

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바