SLASH 기술 블로그

목표 이전 글에서 Atomic Design 패턴에 대해서 알아보았다. 이번에는 Atomic Design 패턴을 통해 직접 간단한 페이지 하나를 만들 예정이다. 사용한 기술 정리 [x] React.js [x] Styled-Components 시작하기 우선 시작하기에 앞서 이번 글에서는 어떤 페이지를 만들것인지 캡쳐 화면을 보고 가보자! 저번 글에서 예시로 보여줬던 화면과 비슷한 디자인으로 이미지와 같은 페이지를 만들어 볼 것이다. 조금 다른 것은 Pages단계를 보여주기 위해서 텍스트를 입력하고 SEARCH 버튼을 누르면 Content영역에 해당 텍스트가 보여지는 기능을 추가해볼 것이다. 완성된 페이지를 같이 만들어보자. Atomic 하게 구조 나누기 Atomic Design Pattern에서 가장 중요하..