soso-tip
soso-tip copied to clipboard
๐ฏ์์ํ ํ๋ค๊ณผ ์ ๋ฆฌ, ๋ฒ๊ทธ ํด๊ฒฐ๊ธฐ๋ฅผ ๋ชจ์๋๋ ๋ ํฌ
![image](https://user-images.githubusercontent.com/18658235/63830308-cd710100-c9a6-11e9-93b0-85c9b2721dd7.png) ๊ธฐ๋ณธ์ ์ผ๋ก border-radius๋ฅผ ์ด์ฉํฉ๋๋ค. ```pcss &::before { content: ''; position: absolute; top: 50%; left: -6px; width: 0; transform: rotate(-45deg); height: 0; border: 6px solid; border-radius: 3px 0px 0px 0px; border-color:...
## Desc ํ๋์ ๋ฆฌ๋์๋ฅผ ์ ์ํ๊ธฐ ์ํด ๋งค๋ฒ 3๊ฐ์ ํ์ผ์ ์์ฑํ๋ ๊ฒ์ ํฐ ํผ๋ก๋๋ฅผ ์ค๋ค. (๋ฏธ๋ค์จ์ด๊น์ง) ๊ทธ๋์, ๋ช ๊ฐ์ง ์ ํธ์ ์์ฑํ๊ณ ๋ฆฌ๋์ ๋ถ๋ถ์ ํ๋์ ํ์ผ์ ์ ๋ถ ์์ฑํ๋ค. ### createAsyncAction ```ts export...
## Description ```html ``` ์์ ๊ฐ์ด ์์ฑํด๋ ๊ธฐํธ๊ฐ ํฌํจ๋ ํคํจ๋๊ฐ ์ฌ๋ผ์จ๋ค. ![image](https://user-images.githubusercontent.com/18658235/63679235-d5f0fc80-c82b-11e9-9c63-6fc947b6c771.png) ```html ``` pattern์ ์ฃผ๋ฉด ์ซ์๋ง ํํ๋๋ค. ![image](https://user-images.githubusercontent.com/18658235/63679310-06389b00-c82c-11e9-8d62-0cb1181e99e3.png) ## More [inputmode](https://caniuse.com/#search=inputmode) ๋ฅผ ํ์ฉํ๋ฉด ์์์ ์ ์ฐ๋๋ฐ ํธํ ์ ์๋๋ก `.`...
[toss-homepage](https://toss.im/) ์ ๋ฒํผ์ฒ๋ผ, ์คํฌ๋กค์ button ํ๋จ fixed๋ target element์ css๋ํ `position: fixed`๊ฐ ์ ์ฉ๋์ด ์์ด์ผ ํ๋ค. > ์๊ทธ๋ฌ๋ฉด ๋์ ์ํจ..
## Desc ํด๋ ์์น๋ง๋ค style-loader๋ฅผ ๋ค๋ฅด๊ฒ ์ฌ์ฉํ๊ณ ์ถ์๋. > ex : `bar-chart`์์๋ localIndentName์์ด, ๋ค๋ฅธ ๊ณณ์์ ์๊ฒ. ์ด๋ ๊ฒ ํด์ผ `styles.wrap` ํํ๋ก ์ฌ์ฉ ๊ฐ๋ฅํ๊ณ , ํด๋์ค๋ค์์ ์ค๋ณต์ ๋ง์ ์ ์๋ค. ```js { test:...
## Desc billboard.js ์ line style ๋ฑ pcss๋ก override ํ๊ณ ์๋๋ฐ ํด๋์ค ์ด๋ฆ์ ์ฐพ๋๊ฒ์ ์ฐธ ์ด๋ ต๋ค. > ๊ธฐ๋ก, ๊ณต์ ## Bar Chart ๋ง๋๊ทธ๋ํ ### ๋ง๋ ์ ๋ณ๊ฒฝ ![image](https://user-images.githubusercontent.com/18658235/61293172-11041700-a80e-11e9-88eb-3f9d6870f4fd.png) ```pcss .bb-chart-bars...
## Desc `` ๋ `last-child` ๋ก ์ ํ์ด ๋ถ๊ฐ๋ฅํ๋ค. > ์์ง ? ### As-is ![image](https://user-images.githubusercontent.com/18658235/61285566-240deb80-a7fc-11e9-94c2-684a365ae710.png) ### To-be ![image](https://user-images.githubusercontent.com/18658235/61285482-093b7700-a7fc-11e9-95e4-d379b2ce91ab.png) ## How To billboard.js๋ฅผ ์ฌ์ฉ์ค์ด์๋ค. g tag์ ๋คํํ๋ class๊ฐ ์์ด์ ์ด๋ฅผ ํ์ฉํ๋ค. ```pcss...
## Desc ```js { test: /\.p?css$/, exclude: [/node_modules/, /billboard.js/], use: [ 'style-loader', { loader: 'css-loader', options: { sourceMap: true, modules: { localIdentName: '[local]_[hash:base64:5]', }, }, }, { loader: 'postcss-loader', options:...
## Desc `root` ์์น์ ์๋ `util.pcss` ๋ฅผ ๋ค๋ฅธ ๊ณณ์์ ์ฝ๊ฒ import ํ๋ ๋ฒ . ## postcss-import [pocstcss-import](https://github.com/postcss/postcss-import) ๋ฅผ ์ฌ์ฉํ๋ฉด ๋๋ค. ```js require('postcss-import')({ path: ['./src/'], }), ``` `@import 'util.pcss';` ๋ก ๊ฐ๋ฅํด์ก๋ค....