# style

91개의 포스트

텍스트 스타일(CSS)

텍스트 스타일을 지정하는 속성 정리

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

글꼴 스타일(CSS)

글꼴과 관련된 스타일을 지정하는 속성 정리

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

[Vue] v-bind:style

v-bind:style 축약형 :style로 작성 가능스타일 속성중 하이픈 또는 대시로 표현된 속성(케밥)은 ''나 ""로 감싸줘서 문자로 표현하거나카멜케이스로 변경해서 사용한다ex)text-decoration 표기 예시인라인 스타일 4 처럼객체리터럴 방식으로 표현도

2022년 6월 20일
·
0개의 댓글
post-thumbnail

FE.07 Day.07

state 리렌더 : state는 비동기적으로 작동하기 때문에 임시저장소에 모여있다가 한번에 렌더링이 일어난다. 새로운 props가 들어올때부모 컴포넌트가 렌더링 될 때.강제업데이트가 실행될 때.state가 변경될 때.위의 코드에서 버튼을 눌러도 setState의 비

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

CSS의 기본(CSS)

CSS를 사용하는 이유와 스타일과 스타일 시트 기본 정리

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

Styled-Components

CSS in JS

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

React 인라인 스타일의 단점

style을 적용할 때 인라인 스타일을 이용할 때가 많았다 (편하니까)이런식으로..하지만 인라인식으로 작성하게 되면 불필요한 리랜더링을 하게 된다. 이유는?결론부터 말하면 {} === {} 가 false 이기 때문!리액트의 버추얼돔이 검사를 하면서 어디가 달라졌는지 찾

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

웹 프로그래밍 2일차

영상,프레임 창을 크게 키우고 줄여도 비율을 계속 차지하도록 설정했다. 큰화면일 경우 작은 화면일 경우 깃허브 내 홈페이지 꾸미기 현재 투데이, 블로그,velog 연동, stack을 표시했다.

2022년 5월 27일
·
0개의 댓글

5월26일 개발일지

오늘도 css와 관련된 수업을 들었다. html 을 기본으로스타일을 주어 꾸미는 작업을 하였다. 어려웠던 점으로 width나margin, padding을 주어 크기를 조절하는 작업이 어려웠고해결 방법으로 내가 연습하며 익숙해져야 겠다.오늘 강의도 유익한 내용을 배웠다.

2022년 5월 26일
·
0개의 댓글

5월26일 개발일지

오늘은 css 라이브러리 소개에 대해 배웠다. html에 기반을 두어 홈페이지를 만들고 을 주어 꾸미는 작업이었다. css를 적용할때 을 주어 적용한 사진이나 글,그림등의 크기와 높이 를 조정할 수있는 작업을 배웠다. css가 꾸미는 작업을했었다.

2022년 5월 26일
·
0개의 댓글

5/24일 개발일지

오늘은 html홈페이지를 기반으로 style을 주어 홈페이지를 꾸미는 작업을 하였다. HTML이 뼈대가 되어 STYLE만 주면 멋진 홈페이지가 완성되었다. 신기하였고 예를들어 커피 홈페이지를 만든다고 하면 홈페이지에다가 커피이미지를 주어 커피이미지 위에 메뉴태그를 만든

2022년 5월 24일
·
0개의 댓글

5/24개발일지

오늘은 홈페이지를 만드는 방법을 배웠다.기본적인 홈페이지 만드는 html 태그에 라는 태그는 제목을 만드는 태그이고태그는 내가 입력할 내용을 입력하는 부분으로서 홈페이지의 내용 부분이다. html을 작성한것을 기반으로 태그를 주어서 홈페이지 내용을 꾸미고 이미지 링크

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

CSS style 작성하는 방법

빠르고 편리하다.우선순위에서 해당 방식이 지나치게 우선하기 때문에 별도의 코드를 가지고 해당하는 요소에 적용된 CSS 내용을 덮고 수정하고 싶어도 불가능하다.코드가 길어지면 가독성이 떨어지며 유지보수에도 좋지 않다.별도의 CSS 파일을 따로 만들지 않아도 HTML 안에

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

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

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

2022년 5월 21일
·
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개의 댓글