# style

135개의 포스트

position 속성

position 속성은 HTML에 사용되는 style 태그의 속성 중 하나로, 문서 상에 태그를 구성하는 요소를 배치하는 방법을 정의합니다. 쉽게 말해 태그의 구성 요소를 개발자가 배치하고자 하는 위치, 간격, 형태로 구성할 때 사용하는 속성입니다.사용자가 각 태그의

1일 전
·
0개의 댓글
·

230302 day3

style 속성 : CSS

2023년 3월 2일
·
0개의 댓글
·

블록체인 개발자 day-3

오늘 배운 영역을 크게 나누면 3가지이다. > 1.css 2.input 3.display 1번 안에 나머지 2개가 포함되지만 css에서는 생성자에 대해 주로 알아보려 한다. 1.css 기존에 알고있던 css는 클래스 생성자만 알고 있었다. 태그,id로 하는 것은 잘

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

CSS D01

Casacading Style SheetsHTML 태그에 옷(=디자인)을 입혀주는 기법문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄여준다.CSS는 HTML문서 내의 어느 위치에나 올 수 있지만, 일반적으로 head 태그 안에 위치한다.CSS코드

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

CSS 기본

웹 브라우저가 읽을 수 있는 언어는 HTML,CSS,JS 세가지 언어 뿐이다.세가지 언어중 HTML은 문서 구조를 담당하고 있다.그리고 오늘의 핵심 주제인 CSS는 단순한 문서 형태인 HTML을 예쁘게 꾸며주고 구조를 잡아주는 역할을 한다.이렇게 CSS는 페이지의 요소

2023년 2월 20일
·
0개의 댓글
·
post-thumbnail

구글 로그인 폼을 클론해보자.

심플하면서도 직관적인 구글 로그인 폼 만들어보기

2023년 2월 19일
·
0개의 댓글
·

[React]styled-components

Styled-components의 기본 사용법

2023년 2월 18일
·
0개의 댓글
·
post-thumbnail

React style 적용

조별 프로젝트 진행에 앞서컴포넌트를 각자 맡아리액트 스타일을 적용해보고 있는데일일이 const로 태그 걸어서 하니까 태그 const도 너무 많아지고태그 걸어야하는게 너무 많아져야 한다는 불편함을 느낌...ㅠ그래서 좀 더 단순화하는 방법 없을까 찾다가styled-comp

2023년 2월 15일
·
0개의 댓글
·

component 이름 바꾸기

나는 emotion styled component를 통해 style을 만들어주고 있는데 가끔 component에 div나 span등 여러 값을 바꾸고 싶은 경우 아래처럼 하면 된다 밑의 예시는 h1~h6 까지의 태그를 만들어줄 수 있다

2023년 2월 14일
·
0개의 댓글
·
post-thumbnail

[WPF] 애니메이션 토글버튼

참고 영상 : https://www.youtube.com/watch?v=szJtBBKFOtg

2023년 2월 9일
·
0개의 댓글
·

[React] Warning: Updating a style property during rerender (background) when a conflicting property is set (backgroundPosition) can lead to styling bugs.

인프런 <따라하며 배우는 노드, 리액트 - 무비앱 만들기> 7강 듣는 중 발생한 에러영화 디테일 페이지에 들어가니 크롬 콘솔창에 이런 에러가 발생했다. Warning: Updating a style property during rerender (background

2023년 2월 9일
·
0개의 댓글
·
post-thumbnail

[CSS] 1. 왜 CSS를 사용할까? <font>, <style>

CSS 첫수업 - 생활코딩CSS를 왜 배워서 활용해야 하는지, 예시로 알아보자.=> 코드 하나를 바꾸면 모든 것을 한번에 바꿀 수 있기 때문에 편리=> 같은 내용의 코드 중복을 없앰, 코드가 간단해짐=> 유지보수가 간단해짐

2023년 2월 7일
·
0개의 댓글
·
post-thumbnail

PEP-8

Python이 주력인데, PEP-8은 봐야지?

2023년 1월 24일
·
0개의 댓글
·

구글 맵 커스텀 - 네이버 지도 스타일 google map style

구글 맵 style을 바꾸던 중 네이버 지도 스타일로 바꾸고 싶어서조금 만져본 json file 입니다.style은 각 플랫폼에 맞게 세팅해주시면 됩니다.

2023년 1월 10일
·
0개의 댓글
·

자바스크립트) 수학 연산으로 스크롤 량에 따라 영역의 불투명도 값 조절하기, js에서 style속성을 다루는 법

home 상수를 정의 = html의 home\_\_container 클래스homeHeight 상수를 정의 = home의 뷰포트 상의(최종물의) 높이 값addEventListener을 적용한다.('스크롤을 할때' 다음과 같은 공식을 실행한다.{home에 style속성값

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

til-star1

\*\*

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

바닐라JS 챌린지 day 5

1) click event 발생 및 함수 실행 2) currentColor 변수 선언 후 h1.style.color 값 복사 (getter) 3) newColor 변수 선언 4) currentColor 현재 값 확인 5) 조건에 따라 newColor에 "tomato

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

JSX문법 3가지

CSS에서의 class자리에 className을 넣어준다.변수의 데이터를 html에서 가져오고 싶을땐 {}를 열어준다.{} : 데이터 바인딩을 의미함. 변수의 데이터를 가져오고싶을 때 사용하면된다.변수의 style을 수정하고싶을땐 자바스크립트의 객체 문법을 따르면 된다

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