# id

31개의 포스트
post-thumbnail

CSS 선택자 우선순위

점수가 높은 순서대로 작성1\. !important → 무한대(가장 높은 점수)2\. style 속성을 html에 인라인 선언 → 1000점3\. id 선택자 4. class 선택자 . → 10점5\. 태그 선택자 → 1점6\. \* 전체 선택자 → 0점점수가 높으면

약 22시간 전
·
0개의 댓글

[strapi] id 대신 커스텀 id로 데이터 받아오기

strapi에서 collection type을 생성하고 entry를 추가하면, 1부터 시작해서 1씩 증가하는(incremental한) id를 기본으로 부여받는다. 이게 별로라 productId라는 field를 생성하고 POST 요청으로 product를 추가할 때 nan

1일 전
·
0개의 댓글
post-thumbnail

[WEB2] CSS class와 id 사용하기 & 선택자 우선순위

class란 한국어로 반, 학급 이라는 뜻이죠.따라서 하나의 class는 한 학급으로 묶어주는 역할을 한다고 생각하시면 됩니다.저번의 예제에서 이러한 코드를 작성했습니다.그리고 이런 결과를 냈는데요.여기서!방문했던 링크는 회색으로 (html, css)현재 방문하고 있는

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

[HTML] id와 class

id와 class속성은 모든 태그에 대해서 적용가능한 속성입니다. 이 속성은 태그에 별개의 이름을 적용하는 속성인데, 이 속성이 무슨 일을 하고 어떤 차이가 있는지에 대해서 알아보겠습니다.id속성은 태그에 식별자를 부여하는 속성입니다. 학교에서 한 반에 학생들은 각자

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

Kafka Consumer Rebalancing 관리

Kafka Consumer Group Coodinator는 Kafka Consumer 연결을 관리하면서, Consumer로부터, session-timeout-ms 이내에 heartbeat를 한번도 받지 못하면, Consumer가 죽었다고 생각해 Rebalancing

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

clone 페이지 구현을 위한 html태그, css속성 -2-

clone 페이지 2번째

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

CSS_선택자

나를 찾고, 내 옆에 있는 애를 찾고, 내 형제를 찾고, 여러가지를 찾는 선택자!!진짜 세상 헷갈리는 css를 정리해보자!!우선 참고하기 좋을 자료부터!선택자 연습: https://flukeout.github.io/ 강의 : https://youtu.

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

[CS] Wireframe (와이어프레임) Day-16

Wireframe (와이어프레임) 이란? 웹 또는 앱 개발을 할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나 도형으로 웹, 앱 인터페이스를 시각적으로 묘사하는 것 입니다. 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. (효과,

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

CSS 기초 - 개념

시맨틱 태그 : <div>와 같은 역할이지만 이름에 의미를 붙여서 부르는 태그body{ color: red; font-size: 30px;}background와 background-color의 차이점background-color는 단순히 색 옵션만 가능bac

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

[HTML]전역 속성

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

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

[HTML] 전역 속성(Global Attribute)

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

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

[CSS] 레이아웃, Selector

Atomic CSS 방법론 클래스 이름과 구현을 1:1로 일치 레이아웃 리셋 HTML 문서가 가지고 있는 기본적인 스타일을 초기화하면 레이아웃 구성에 도움이 된다. 브라우저마다 여백, 글꼴 기본 스타일이 제 각각이기도 하다. Flexbox로 레이아웃 잡기 di

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

TIL 22_인증&인가

인증 & 인가 는 웹 개발을 하는 사람이라면 기본적으로 알고 있어야 하는 지식! 인증과 인가 절차 및 인증의 필수요소인 패스워드 암호화, JWT에 대해 알아보자!

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

HTML 시작하기(2)

1. 하이퍼링크, 이미지 삽입하는 방법 class와 id의 역할과 차이점 css 파일과의 연결 주석(coments) 다는 방법 1. 하이퍼링크, 이미지 삽입하는 방법 링크와 이미지를 삽입할 때는 각각 a 태그와 img 태그를 사용한다. 링크는 웹사이트 주소

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

[React] HTML 요소의 ID 값으로는 숫자를 사용할 수 없다 🤬

나는 댓글 삭제 기능을 구현하기 위해 댓글 컴포넌트의 id 값과 댓글 삭제 버튼의id 값을 같게 부여하고 filter 함수를 통해 해당 댓글 삭제 기능을 구현하려고 했었다....그런데 아무리 코드를 수정하고 다시 짜봐도 기능이 제대로 작동하지 않는것이었다!그러다 구글링

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

HTML 3일차

2021.08.14

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

[CSS] Margine, Border, Padding

위, 아래 경계가 같다면 더 큰값의 margine 적용.(Collapsing margine)margin : a, b, c, d;(상, 하, 좌, 우) 값을 줄 수 있음.box 경계로 부터 바깥에 있는 공간 (border < margine)box 경계 안쪽의 공간

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

인공키 UUID VS GEN KEY

최근에 JPA, Spring Data JPA 와 같은 ORM 들의 강세로, Primary Key 생성 전략을 DB 에 위임하는 추세가 늘어나고 있다. 이러한 방식의 문제점은 무엇일까 가만히 생각해보니, 데이터베이스 자체의 의미론적으로 봤을때 , 별 의미없는 값이라고 생

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

TIL - css(id, class)

id 선택자는 css에서 'class 선택자는 css에서 '.'을 붙여 사용한다.1개의 html tag 안에 class,id 선택자를 동시에 사용할 수 있다.html tag 안에 class 선택자를 여러개 설정할 수도 있다.

2021년 4월 5일
·
0개의 댓글
post-thumbnail

2021.3.8 월요일

생활코딩 (WEB2 - CSS)7강. css선택자의 기본 ~ 14강. css코드의 재사용코드잇 (웹 퍼블리싱)1.2.1 나의 첫 번째 웹사이트 ~ 1.5.10 폰트설정내 자기소개 홈페이지를 깃허브를 통해 호스팅함.3시간 52분htmlcss같은 클래스 이름을 여러 요소가

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