📔
프론트엔드 경험들
  • 첫 장...
  • 💻Tech
    • oAuth
    • rxjs
    • Deep React
    • Deep Javascript
  • 🎨html/css
    • Image
    • Web component
    • Styled vs Scss
    • css snippet
    • HTML5/input
      • HTML5 Video Events and API
      • label
      • meter
      • datalist
    • a11y
      • aria-* vs data-*
      • html, meta tage
    • 다크모드
  • 💾상태관리(state)
    • state 종류
    • Recoil
  • 🏄‍♂️ UI/UX
    • 서술
    • InfiniteQuery
  • 🎨디자인 시스템
    • Component 정의
  • 🥎react
    • react-use
    • 커스텀 체크박스 구현
    • target vs currentTarget
    • Yarn link 관련 에러 ( react invalid hook call)
    • JSX.Element vs ReactNode vs ReactElement
    • Interfacee vs Type
  • 🔨TDD
    • React
    • Javascript
  • 🕹️Javascript
    • pipe, compose
  • 🚀Typescript
    • Enum vs union
    • Array 체크
    • XOR 타입
    • unknown, any, never 차이
    • declare global(env)
  • 🛠️config 관련
    • yarn2(berry) vs yarn vs npm
    • package.json
    • next.config.js
    • webpack.config.js
    • tsconfig
    • eslint.json
  • 🔨디버깅
    • Chrome - performance
    • vs-code
  • Template 모음
    • Svgr 스크립트
    • [TS] Type, Interface
    • HttpClient
  • 🕹️사이트 분석
    • 네이버
  • 기타
    • 레거시 유지보수) moment에서 date-fns로
  • 추천 사이트
    • 유용한 변환기
    • 기술 블로그 모음
  • 최적화
    • image 리사이징
Powered by GitBook
On this page

Was this helpful?

  1. 🎨html/css

css snippet

마지막 child를 제외하고 margin-right 값 주기

ul li :not(:last-child) {
    margin-right: 5px;
}
const Group = styled.ul`
    & > li:not(:last-child) {
        margin-right: 5px;
    }
`
PreviousStyled vs ScssNextHTML5/input

Last updated 4 years ago

Was this helpful?