# style

58개의 포스트
post-thumbnail

일단 프로필 만들기

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

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

Style

css를 따로 스타일시트로 분리하지 않고 자동적으로 컴포넌트 내부에서 쓸수 있게 해주는 라이브러리 react 내부에서 동작하도록 만들어주는 라이브러리로 위에 코드 처럼 css를 각 컴포넌트마다 관리할수 있도록 스타일을 제공해준다. Vue에서 template 태그, sc

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

js에서 style 여러 개 한 번에 처리는 cssText

지금까지 js에서 style을 처리할 때style을 하나씩 처리하는 방법인 아래 방법을 사용했다.이 사용법은 1개의 스타일만 적용할 때는 좋을 수 있으나여러 스타일을 적용하거나 style property 이름에 '-' 가 들어가면 카멜 케이스로 바꾸지 않아 실수할 수

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

[HTML]전역 속성

전역 속성 (Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 표준에 명시되지 않은 요소에도 지정할 수 있습니다.스타일을 지정할 때 한 가지만 지정해할 때 쓰는 이름입니다.한 페이지에는 고유한 id 하나만 사용할 수 있습니다.\

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

[HTML] 전역 속성(Global Attribute)

html의 전역 속성들에 대해 다룬다.

2021년 9월 28일
·
0개의 댓글

참고 사이트

http://image.kyobobook.co.kr/ink/html/guide/index.htmlhttp://leehyojun.com/pub_guide.htmlhttp://styleguide.co.kr/index.phphttps://

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

[Vue] style 적용 안되는 문제

처음 프로젝트를 만들고 App bar 부터 만들기 시작했다.그런데 첫 프로젝트 시작부터 문제가 생겼다 😑 v-app-bar를 쓰고 나서 v-toolbar-title에 uppercase를 적용하기 위해 class="text-uppercase" 를 사용했지만 전혀 먹히지

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

react에서 style 모듈로 사용해서 중복 줄이기

react프로젝트에서 사용되는 styled-components 모듈을 이용해, 반복되는 스타일 코드를 줄이고, 모듈화 할 수 있는 두가지 방법에 대해 알아보자.첫번째는 css 스타일을 변수로 생성하는 방법두번째는 스타일을 컴포넌트로 생성하는 방법이다.첫번째방법반복적으로

2021년 8월 14일
·
0개의 댓글
post-thumbnail

Form 스타일

레이블을 보이지 않게 하기 위해 hidden-label 클래스 넣기

2021년 8월 13일
·
0개의 댓글
post-thumbnail

테이블 style

테이블 태그들 (table, tr, th, td) 에 스타일 :nth-child()https://developer.mozilla.org/ko/docs/Web/CSS/:nth-child

2021년 8월 13일
·
0개의 댓글
post-thumbnail

[CSS] 생활코딩 1일차

웹페이지를 아름답게 디자인하기 위해서는 두 가지 갈림길이 존재한다. 첫 번째는 HTML의 문법에 태그를 추가하는 것이고, 두 번째는 어렵지만 더 근본적인 해결책인 CSS라는 전혀 다른 컴퓨터 언어를 만들어내는 것이다. > Tip. 는 웹에서 주석역할을 한다. (

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

TIL. 40 React - 버튼 컴포넌트

버튼을 컴포넌트화 시켜 사용할 때, 기본적으로 버튼에 사용되는 속성을 미리 지정해놓고 사용 위치에서 해당 내용을 props로 내려주면 간단히 사용이 가능하다. 💡 기본 형태 버튼 텍스트, 활성화 등 필요한 속성에 대한 값을 사용할 위치에서 지정해 사용한다. 💡

2021년 7월 29일
·
0개의 댓글

React에 CSS를 적용하는 여러 방법

React는 다양한 라이브러리의 조합으로 생산성이 높아지는 자바스크립트 라이브러리이다. 따라서 스타일을 적용하는 방법에도 기존의 import를 사용하는 것 이외에 라이브러리를 사용하는 다양한 방법이 있다.

2021년 7월 25일
·
0개의 댓글
post-thumbnail

Responsive CSS Unit

반응형 페이지를 만들며 필수적으로 알아야하는 px, rem, em, %, vw, vh..등의 단위들에 대해서 정리합니다.

2021년 7월 25일
·
0개의 댓글
post-thumbnail

글자길때 ... ellipsis 만들기

일반적으로 그냥 한줄짜리 ellipsis는 간단하다이렇게 하면 된다.하지만 만약 여러줄의 긴 문장들의 몇번째 줄부터 ...을 주고 싶다면 아래와 같이 하면 된다.\-webkit-line-clamp가 몇번째에 ellipsis를 줄 것인지 판단해준다.특정 글자수에 따라 맞

2021년 7월 15일
·
0개의 댓글
post-thumbnail

[CSS] 기초

CSS 와 HTML 관계를 말할 때, stylesheet 이라 한다.rel(relationship) 에 대해 명시.

2021년 6월 22일
·
0개의 댓글
post-thumbnail

[CSS] Style 태그

div 태그는 아무 의미 없지만 줄바꿈 됨.span 태그는 아무 의미 없으나 줄바꿈 안됨.한번에 여러 값을 바꿀 때는 class 사용.class 사용시, .class명 을 사용한다.class는 style태그 안에서 사용.body 태그를 변경하는데 왜 head 태그에서

2021년 6월 18일
·
0개의 댓글
post-thumbnail

[CSS] style 속성

css를 이용하여 디자인을 바꿀 수 있음.바꾸고 싶은 태그에 style 속성 사용.css 추가시, 앞에 태그에 style 속성 부여style 속성 마지막에는 ; (세미콜론) 기입하지 않음.html/css/js 모두 다양한 태그를 갖고 있기 때문에 외우는 건 절대 불가능

2021년 6월 18일
·
0개의 댓글
post-thumbnail

[JS] 웹브라우저 제어

자바스크립트를 통해 웹브라우저를 제어 가능.css 사용시, style = "안에 구분 없이 적용하고 자하는 효과 쭉 나열함." css 에서 배경색은 background-color 인데워딩 색변경은 단순 color일까?text-color 가 맞지 않나..

2021년 6월 18일
·
0개의 댓글