# style

79개의 포스트
post-thumbnail

[Vue] : 클래스와 스타일바인딩

클래스(Class)와 스타일 바인딩 (Style Binding) HTML 스타일 바인딩 객체 구문 v-bind:class (v-bind:class의 약자)에 객체를 전달하여 클래스를 동적으로 전환할 수 있다. 위 구문은 active 클래스의 존재가 데이터 속성 isActive의 진실성(Truthiness) 에 의해 결정됨을 의미한다. 여러 클래스 전...

어제
·
0개의 댓글
post-thumbnail

[패스트 캠퍼스 FE] 리액트 맛보기 - 4

1️⃣ 리액트 Element에 스타일 입히기2️⃣ Ref로 DOM 다루기3️⃣ Form 다루기4️⃣ Error 다루기이런식으로 입력받는 값을 <button> 태그와 백틱으로 묶어서 return함!잔여 연산자➡️ 입력받는 값들을 모두 태그 안에 설정해줌특정 DOM을

2022년 5월 13일
·
0개의 댓글
post-thumbnail

TIL-CSS(CSS의 개요,CSS의 기본문법)

22.04.15

2022년 4월 15일
·
0개의 댓글
post-thumbnail

개인적인 2022년 style 라이브러리 비교

Theme UI > Tailwind CSS > styled-components > Sass

2022년 2월 13일
·
0개의 댓글

TailWind CSS + Vue

TailWind CSS는 유틸리티 를 우선으로 하는 CSS 프레임워크 마크업에서 직접 모든 디자인을 빌드하도록 구성할 수 있다.

2022년 2월 6일
·
0개의 댓글

Svelte 에서 하위 컴포넌트에 스타일 입히는 방법

스벨트가 야박한 커뮤니티와 야박한 생태계를 가지는 이유 중 하나지. 엉엉.

2022년 2월 4일
·
0개의 댓글
post-thumbnail

리액트 style연결하기

css파일을 import해준다. import styles from "파일경로";적용 원하는 곳에 import해온 style을 넣어준다.style.클래스이름 형식으로 넣어준다!css를 적용해 이런식으로 적용이 잘 된다.

2022년 1월 25일
·
0개의 댓글

React - Styled Components 사용 방법

React에는 여러 방법을 통해 CSS를 적용할 수 있다. 그 중에서도 개인적으로 가장 좋다고 생각되는 Styled-Components의 여러 사용 방법에 대해 알아보자.

2022년 1월 24일
·
0개의 댓글
post-thumbnail

Styled-component 스크롤바 디자인

스타일컴포넌트 - 스크롤바 디자인 &::-webkit-scrollbar { display: none; }

2022년 1월 11일
·
0개의 댓글
post-thumbnail

Position

2021년 12월 27일
·
0개의 댓글
post-thumbnail

React : 스타일 넣어주기 styled-components 사용법 , style 에 props 전달 , 전역 스타일 설정

npm i styled-componentsstyled-components는 react를 사용하면서 css파일이 아닌 하나의 태그자체에 속성을 주고, 여러번 재사용할 수 있도록 해준다. styled-components를 사용하면 삼항식이나 여러가지 효과를 적용하고 속성을

2021년 12월 10일
·
0개의 댓글

PostCSS

postCss 공식문서공식문서를 보면 설명되어 있지만, 포스트css는 리엑트에서 사용가능한 패키지로 상당히 다양한 플러그인을 보유하고 있으며, 점점 사용범위 사용량이 늘고 있는 아주 인기 있는 툴이다. 1.Less, Sass 를 기존 혹은 현재도 많이 사용하고 있으나,

2021년 12월 9일
·
0개의 댓글
post-thumbnail

React MUI(Material UI) Tabs custom style 적용

Tabs Style 적용 tabs backgroud color 설정 AppBar 컴포넌트에 style 설정 tabs의 indicator color 설정 Tabs에 TabIndicatorProps style 설정 클릭된 탭 글자 색상 변경 useStyles에서 cus

2021년 12월 3일
·
0개의 댓글
post-thumbnail

당신의 색상은 괜찮으십니까?

혼자 사이드프로젝트를 할때에는 UI 라이브러리가 제공해주는 기본 색상을 쓴다. 사실 이걸로만 통일해도 아주 깔끔한 UI를 뽑을 수 있다. 하지만 실서비스에서의 색상관리는 달라야한다. 어떻게 관리했는지, 그리고 장단점은 무엇이었는지 알아보자

2021년 11월 19일
·
0개의 댓글

[React] 자식 컴포넌트에서 부모 컴포넌트 State 변경

자식 컴포넌트에서 변경된 State를 부모 컴포넌트에게 props 형태로 보내줄 수 있습니다. ⇒ 인자로 전달받을 때, 사용하고자 하는 인자만 props형태를 사용하지 않고도 객체 형태로 받아와 사용할 수 있다. - { addMovie }. 사용하고자 하는 데이터의 종

2021년 11월 8일
·
0개의 댓글

css 글머리 기호 직접 구현

특정 문자로(*)글머리 기호 직접 구현 li 태그에서 자동으로 완성되는 글머리 기호를 제거 후 직접 구현 한다. >

2021년 11월 1일
·
0개의 댓글
post-thumbnail

일단 프로필 만들기

이런 프로필 웹페이지를 만들어볼게 누구인가?! 지금 프로필 보고 비웃는자가 누구인가? 마구니가 꼇구나

2021년 10월 12일
·
0개의 댓글