# selector

118개의 포스트
post-thumbnail

셀렉터 종류

어트리뷰트 셀렉터 (Attribute Selector) 패턴 Description 셀렉터[어트리뷰트] 지정된 어트리뷰트를 갖는 모든 요소를 선택한다.

약 7시간 전
·
0개의 댓글
·
post-thumbnail

CSS_selector

CSS(Cascading Style Sheet)은 마크업 언어로 작성된 문서의 모습을 '설명'하는 것. 레이아웃, 색상 및 글꼴을 포함하여 내용과 프레젠테이션을 분리할 수 있게 설계하여 콘텐츠 접근성을 향상시켜주는 역할을 한다. Author Style (CSS 제공)

어제
·
0개의 댓글
·
post-thumbnail

Recoil 맛보기: atom, selector

Recoil로 전역 상태 관리는 어떻게 할까?

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

[새싹 프론트엔드] CSS 선택자의 종류

Selector 스타일을 적용할 대상을 선택하기 위해 사용 종류 전체 선택자 (*) HTML요소(태그이름) 선택자 아이디(id) 선택자 클래스(class) 선택자 점(.) 으로 시작하는 이름의 선택자 HTML 태그의 class 속성으

2022년 10월 19일
·
0개의 댓글
·
post-thumbnail

[TIL] HTML layout & CSS 기초(1): HTML layout, CSS Selector, Inherit, Attribute - 221012

HTML layout & CSS 기초 - CSS의 다양한 selector와 스타일에 대해 공부했고, 그것을 통해 boadr 만들기와 예제로 방명록 만들기도 완료했다!

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

[CSS] 순서를 이용한 선택자 : nth / first or last-child

CSS selector를 표기하는 방법중에 해당 태그의 첫 번째 순서인지, 마지막 순서인인지,홀수/짝수 인지 등을 알 수 있는 다양한 selector 표기법이 있다. ⭐️ 다시 짚고 넘어가자ㅡ selector는 tag, .class, \`:nth-child(N) = 부

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

[ CSS ] 선택자(Selectors)

✅ 선택자 📌 기본 선택자 1. 전체 선택자 *(별표) : HTML문서 내의 모든 요소들을 선택한다 2. 태그 선택자 tag : 태그명을 가진 요소를 선택한다 3. id 선택자 #name : id명을 요소에 지정해 일치하는 요소를 선택한다 id명은 유일한 식별자로 중복이 불가하다 ❌ 🙅‍♀️ ❌ ![](https://velog.velcdn....

2022년 10월 9일
·
0개의 댓글
·
post-thumbnail

CSS와 선택자

CSS css는 Cascading Style Sheets의 약자로 웹페이지의 외관과 레이아웃을 꾸미는 역할을 한다. CSS 작성법 🔸 inline style sheet 각각의 HTML 요소 위한 스타일이다. 스타일을 적용하고 싶은 요소의 태그에 작성한다. 적용하고자

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

배워보자! 전역 상태 관리 Recoil

Recoil은 리액트의 state management(전역 상태 관리) 도구이다.Redux, Zustand, Recoil... 등 리액트의 여러 전역 상태 관리 도구 중 Recoil을 사용하는 이유는 다른 도구들 보다 심플하고 리액트 스러워서라고 생각함! 특정 컴포넌트

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

Trouble shooting 일지 - 광고 플랫폼 app 편 #1-1

< react 전역 상태란 >일반적으로 react에서 데이터는 부모로부터 props를 통해 자식까지 순차적으로 폭포처럼 아래로 전달된다. 그래서 컴포넌트들이 많이 나누어질수록 prop-drilling 현상이 일어날 수 밖에 없다. (참고한 사이트 : https&#

2022년 9월 28일
·
0개의 댓글
·
post-thumbnail

[Week3] (Web Crawling) 웹 정보 선별하기

웹 크롤링의 뼈대는 앞선 포스팅을 통해 알아보았으니, 이번엔 웹 데이터를 어떻게 가져오고 선별은 어떻게 하는지를 알아보도록 하겠다.우선, 웹 페이지가 무엇인지 대략적으로 알아야 웹페이지에 있는 특정데이터를 가져올 수 있을 것이다.그렇다면, 웹페이지는 무엇일까?

2022년 9월 7일
·
0개의 댓글
·
post-thumbnail

React 상태 관련 라이브러리 - Recoil(2)

SelectorSelector를 이용한 비동기 처리A selector represents a piece of derived state파생된 상태의 일부를 나타낸다.기존의 atoms들을 가져와 새로운 값으로 변형하여 리턴할 수 있음1\. keySelector를 구분할 수

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

TIL | ConnecTo (22.08.30)

HTML문서는 하나 이상의 스타일 요소에 영향을 받는다. 따라서 적용되는 스타일에 우선순위가 정해져야한다.CSS가 선언된 장소한 HTML문서 안에서 CSS가 여러 개 선언되고 같은 대상에 한 개 이상의 스타일 정의가 선언되었을 때에 중요도를 따름중요도 순서HTML ta

2022년 8월 30일
·
0개의 댓글
·

셀렉터 (Selector)

: 문서의 모든 요소를 선택한다.: 같은 태그명을 가진 모든 요소를 선택한다.복수 선택할 수 있다.: \`\`\`\`css: 속성의 존재 여부나 속성의 값에 따라 선택한다.e\[attr] : attr 속성을 가진 요소를 선택e\[attr="value"] : attr 속

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

CSS 기초

CSS(Cascading Style Sheets) : 웹페이지의 스타일과 레이아웃을 정의하는 스타일시트 언어인터페이스 : 컴퓨터와 교류하기 위한 연결고리CLI(Command Line Interface) : 명령어 인터페이스, 사용자가 터미널을 통해 애플리케이션과 상호작

2022년 8월 26일
·
0개의 댓글
·
post-thumbnail

[html&css] css란? 선택자 알아보기

css를 사용하는 이유? html의 내용과 상관없이 디자인만 바꿀 수 있다.다양한 기기에 탄력적으로 바뀌는 문서를 만들 수 있다 (패드, 노트북, 핸드폰..)스타일 형식은 아래와 같으며, 맨 앞의 선택자는 어느 태그에 적용할 것인지를 알려준다.내부 스타일 시트 : 스타

2022년 8월 19일
·
0개의 댓글
·
post-thumbnail

[CSS]자식, 후손 선택자 그리고 이건 뭐라고 부르나요 ?

자식 선택자, 후손 선택자, 그리고 이건 뭐야...?

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

부족한 CSS 지식 - 선택자

나의 부족함....

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

결합 선택자

선택자(selector) 사이에 특수 기호를 사용해서 선택자들을 같이 사용하는 경우종류로, 자손(후손) 선택자와 자식 선택자가 있습니다.첫 번째 선택자와 하위 선택자에 해당하는 모든 요소에 스타일을 적용 시킵니다.첫 번째 선택자란, 코드 상 맨 왼쪽에 위치하는 선택자

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

7/12 17일차

오늘은 리코일을 공부했다.공부했는데.. 공부해도 잘 모르겠다..

2022년 7월 13일
·
1개의 댓글
·