calendar

언제나 이쁜 calendar 앱은 개발자들에게 인기가 좋습니다. 게다가 코드짜기가 더 쉽다고 하면 더할 나위 없을 거 같습니다.

React 컴포넌트로 만든 무한하게 스크롤 되는 Calendar 앱입니다.

2016/06/03 Editor’s choice

clauderic/react-infinite-calendar
_react-infinite-calendar - ✨ Infinite scrolling date-picker built with React, with localization, themes, keyboard…_github.com

이런 디자인마저 잘하는 개발자 정말 부럽습니다.

설치하기

$ npm install react-infinite-calendar --save

React는 일반적으로는 npm install을 할 일이 많죠?

<link rel="stylesheet" href="react-infinite-calendar/styles.css"\>  
<script src="react-infinite-calendar/dist/umd/react-infinite-calendar.js"\></script\>

umd 스타일의 링크도 가능합니다.

사용해 보기

import InfiniteCalendar from 'react-infinite-calendar';  
import 'react-infinite-calendar/styles.css';  
.... 중략  
var today = new Date();  
var minDate = Number(new Date()) - (24\*60\*60\*1000) \* 7;  

render(  
<InfiniteCalendar  
width={400}  
height={600}  
selectedDate={today}  
disabledDays={\[0,6\]}  
minDate={minDate}  
keyboardSupport={true}  
/\>,  
document.getElementById('root')  
);

와 같이 하면

이쁘죵?

와 같은 이쁜 화면이 나타납니다.소스는 위와 같습니다.

jsFiddle 쪽은 약간 지금 설정 문제가 있는 듯 합니다.

By Keen Dev on June 3, 2016.

Exported from Medium on May 31, 2017.

이런 당당함이 좋습니다.

Github 에는 여러가지 종류의 프로젝트가 많이 올라 옵니다만, 좋은 링크들을 모아놓은 프로젝트들이 종종 많은 사람들의 star를 받고는 합니다.

2016/06/02 Best Project

vic317yeh/One-Click-to-Be-Pro
_One-Click-to-Be-Pro - All you need is one link to become a pro in some area_github.com

한번만 클릭하면 프로가 될 수 있는 링크라니 당돌하죠? 하지만 그 자신감 혹은 근자감은 사람이 은근히 믿어보고 싶게 만드는 매력이 있습니다.

저도 조만간 한번 이런 자신감을 표출할 날이 있겠죠?

각설하겠습니다.

확인들어갑니다.

정말 볼만한 사이트들을 차려 놓았는지 확인해 보겠습니다.

React.js Fundamentals: The best place to learn React.js and the React.js Ecosystem
_The React.js Fundamentals course is the best place to start learning React.js and the React.js ecosystem_courses.reactjsprogram.com

ReactJs 관련되어 어떤 것들이 있는지 보고 있습니다.

헐, 장난 아닌 컨텐츠들이 펼쳐지는군요.

편식하면 안되니까

하나만 더 살펴보겠습니다.

디자인 쪽은

Design Resources
_Links and tools and things that might be useful. Last updated: 5.12.2016_medium.com

미디엄 내의 링크군요.

디자인 리소스를 총망라해 놓은 페이지군요.

메타, 메타, 메타

제가 올리고 있는 블로그 포스팅도 어쩌면 메타 성격이 강한데요, 웹의 강점이 이런 부분인 거 같습니다. 약간 github 의 강점도 저런 부분에 있는 거 같다는 생각도 강하게 드는군요.

그나저나 Mac 에서 보던 미디엄 한글 폰트는 나쁘지 않았는데 윈도우즈에서는 왜 이렇게 안 이쁘게 보이는 걸까요?

By Keen Dev on June 2, 2016.

Exported from Medium on May 31, 2017.