리액트 공부 - js 스크롤바 css 설정 / component life cycle 흐름 / 투두 리스트 앱 기획

*

스크롤바 설정 

스크롤

scroll

scrollbar 

.con::-webkit-scrollbar {

  width: 8px;

  height: 8px;

  border-radius: 6px;

  background: rgba(255,255,255,0.4);

}

.con::-webkit-scrollbar-thumb{

  background-color: rgba(0,0,0,0.3);

  border-radius: 6px;

}

• component lifecycle method 흐름 

https://sass-guidelin.es/ko/

 

Syntactically awesome style sheets의 약어 Sass

문법적으로 멋진 스타일 시트 

*
Todo 리스트 만들어보기

• 새프로젝트 create-react-app todo-list

• cd todo-list

• yarn start

 

Compiled successfully!

 

You can now view todo-list in the browser.

 

  Local:            http://localhost:3001

  On Your Network:  http://10.1.1.86:3001

 

Note that the development build is not optimized.

To create a production build, use yarn build.