soso-tip

soso-tip copied to clipboard

 기본적으로 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:...

SoYoung210

Redux Pattern

2

## Desc 하나의 리듀서를 정의하기 위해 매번 3개의 파일을 작성하는 것은 큰 피로도를 준다. (미들웨어까지) 그래서, 몇 가지 유틸을 작성하고 리듀서 부분은 하나의 파일에 전부 작성한다. ### createAsyncAction ```ts export...

SoYoung210

## Description ```html ``` 위와 같이 작성해도 기호가 포함된 키패드가 올라온다.  ```html ``` pattern을 주면 숫자만 표현된다.  ## More [inputmode](https://caniuse.com/#search=inputmode) 를 활용하면 소수점을 찍는데 편할 수 있도록 `.`...

SoYoung210

[toss-homepage](https://toss.im/) 의 버튼처럼, 스크롤시 button 하단 fixed는 target element의 css또한 `position: fixed`가 적용되어 있어야 한다. > 안그러면 동작 안함..

SoYoung210

## Desc 폴더 위치마다 style-loader를 다르게 사용하고 싶을때. > ex : `bar-chart`에서는 localIndentName없이, 다른 곳에선 있게. 이렇게 해야 `styles.wrap` 형태로 사용 가능하고, 클래스네임의 중복을 막을 수 있다. ```js { test:...

SoYoung210

## Desc billboard.js 의 line style 등 pcss로 override 하고 있는데 클래스 이름을 찾는것은 참 어렵다. > 기록, 공유 ## Bar Chart 막대그래프 ### 막대 색 변경  ```pcss .bb-chart-bars...

SoYoung210

## Desc `` 는 `last-child` 로 선택이 불가능하다. > 왜지 ? ### As-is  ### To-be  ## How To billboard.js를 사용중이었다. g tag에 다행히도 class가 있어서 이를 활용했다. ```pcss...

SoYoung210

## 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:...

SoYoung210

## Desc `root` 위치에 있는 `util.pcss` 를 다른 곳에서 쉽게 import 하는 법 . ## postcss-import [pocstcss-import](https://github.com/postcss/postcss-import) 를 사용하면 된다. ```js require('postcss-import')({ path: ['./src/'], }), ``` `@import 'util.pcss';` 로 가능해졌다....

SoYoung210

https://speakerdeck.com/soyoung210/inteonsangryugjagjeon

SoYoung210