본문 바로가기

TeamProjects/Boda

첫 사이드프로젝트 그리고 새로운 내용들

1.  styled-components

사이드프로젝트를 하며 styled-components를 써보게 되었다.

css파일을 따로 분리하지 않고 js나 jsx 파일내에 스타일을 한 눈에 볼 수 있는 점이 편리하다.

이름처럼 컴포넌트로 구분해 각 컴포넌트에 스타일을 줄 수 있다.

 

2. atomic design

5 단계로 나누어진 atomic design의 atoms > molecules > organisms > templates > pages 를 리컴포넌트 기반의 리액트에 적용시켜보았다. 제대로 사용하고 있는지는 잘 모르겠지만, 재사용 여부를 염두해두며 나누어보았다.

더 나은 사용법을 위해 이 글을 참고해봐야겠다.

 

3. gathertown

매우 재밌게 생긴 공간이다. 가상의 회의실들이 있고, 그 자리에 모여있는 사람들과 화상채팅 및 화면공유도 가능하다. 줌의 재미난 버젼!