react-slick.neostack.com/docs/get-started/ Neostack The last react carousel you will ever need react-slick.neostack.com 좌우로 슬라이드 하는 페이지를 구현하고 싶어서 찾아보다가 디자이너분께 받은 작업물이 가운데 요소를 강조하는 형태라 centerMode가 있는 react-slick을 이용하게 되었다. 근데 뭐가 뭐가 문젠건지 1번째를 원했는데 2번째처럼 떴다. 기존에 있던 css들과 충돌이 난건지 뭔지 도저히 모르겠음.. 버튼은 화면 사이즈에 밀려서 밖으로 나간거라 사이즈 조정하니까 나오던데 centerMode도 안되고 억지로 .slick-slide{} 찾아서 css로 margin 줘서 카드형으로 만듦 라이브러..

ant.design/components/icon/#components-icon-demo-iconfont Icon - Ant Design Import icons from @ant-design/icons, component name of icons with different theme is the icon name suffixed by the theme name. Specific the spin property to show spinning animation. ant.design 위 주소가 ant design 공식 주소인듯?! 1. 패키지 설치 나와있는대로 터미널에서 다운을 받아줌 npm install --save @ant-design/icons 2. icon icon 사용은 매우 간단. 내가 사용하고 싶은..

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 코드를 작성하니 요소가 사라지는 매직~ 다른 블로그들 찾아보니 아래와 같이 작성하면 된대서 했더니 background-color가 없어지는 매직~ display: inline-flex; flex-direction: column; align-items: flex-end; 다시 이것저것 해보기.. 기존 코드 .component .first-component { position: relative; display: inline-block; background-color: rgb(107, 192, 111); }​ 수정 코드 .first-component { pos..

단일 페이지에서 스크롤해서 넘어가는 거 구현하려 찾던 중 github.com/VikLiegostaiev/react-page-scroller VikLiegostaiev/react-page-scroller Simple React component for smoothy full-page scolling using CSS animations. React Page Scroller - VikLiegostaiev/react-page-scroller github.com 제일 좋아보여서 사용했더니 클론해서 npm start 했더니 아래와 같은 오류가 나왔다.. 도대체 npm -i nwb해도 안되고 찾아보다가 버전 업데이트 문제라는 걸 보고 바로 시도 npm install -g npm-check-updates ncu -u..