# id
CSS 선택자 우선순위
점수가 높은 순서대로 작성1\. !important → 무한대(가장 높은 점수)2\. style 속성을 html에 인라인 선언 → 1000점3\. id 선택자 4. class 선택자 . → 10점5\. 태그 선택자 → 1점6\. \* 전체 선택자 → 0점점수가 높으면
[strapi] id 대신 커스텀 id로 데이터 받아오기
strapi에서 collection type을 생성하고 entry를 추가하면, 1부터 시작해서 1씩 증가하는(incremental한) id를 기본으로 부여받는다. 이게 별로라 productId라는 field를 생성하고 POST 요청으로 product를 추가할 때 nan
[WEB2] CSS class와 id 사용하기 & 선택자 우선순위
class란 한국어로 반, 학급 이라는 뜻이죠.따라서 하나의 class는 한 학급으로 묶어주는 역할을 한다고 생각하시면 됩니다.저번의 예제에서 이러한 코드를 작성했습니다.그리고 이런 결과를 냈는데요.여기서!방문했던 링크는 회색으로 (html, css)현재 방문하고 있는
[HTML] id와 class
id와 class속성은 모든 태그에 대해서 적용가능한 속성입니다. 이 속성은 태그에 별개의 이름을 적용하는 속성인데, 이 속성이 무슨 일을 하고 어떤 차이가 있는지에 대해서 알아보겠습니다.id속성은 태그에 식별자를 부여하는 속성입니다. 학교에서 한 반에 학생들은 각자
Kafka Consumer Rebalancing 관리
Kafka Consumer Group Coodinator는 Kafka Consumer 연결을 관리하면서, Consumer로부터, session-timeout-ms 이내에 heartbeat를 한번도 받지 못하면, Consumer가 죽었다고 생각해 Rebalancing
CSS_선택자
나를 찾고, 내 옆에 있는 애를 찾고, 내 형제를 찾고, 여러가지를 찾는 선택자!!진짜 세상 헷갈리는 css를 정리해보자!!우선 참고하기 좋을 자료부터!선택자 연습: https://flukeout.github.io/ 강의 : https://youtu.
[CS] Wireframe (와이어프레임) Day-16
Wireframe (와이어프레임) 이란? 웹 또는 앱 개발을 할 때 레이아웃의 뼈대를 그리는 단계를 와이어프레임이라고 합니다. 단순한 선이나 도형으로 웹, 앱 인터페이스를 시각적으로 묘사하는 것 입니다. 단순하게, 레이아웃과 제품의 구조를 보여주는 용도입니다. (효과,
CSS 기초 - 개념
시맨틱 태그 : <div>와 같은 역할이지만 이름에 의미를 붙여서 부르는 태그body{ color: red; font-size: 30px;}background와 background-color의 차이점background-color는 단순히 색 옵션만 가능bac
[HTML]전역 속성
전역 속성 (Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 표준에 명시되지 않은 요소에도 지정할 수 있습니다.스타일을 지정할 때 한 가지만 지정해할 때 쓰는 이름입니다.한 페이지에는 고유한 id 하나만 사용할 수 있습니다.\
[CSS] 레이아웃, Selector
Atomic CSS 방법론 클래스 이름과 구현을 1:1로 일치 레이아웃 리셋 HTML 문서가 가지고 있는 기본적인 스타일을 초기화하면 레이아웃 구성에 도움이 된다. 브라우저마다 여백, 글꼴 기본 스타일이 제 각각이기도 하다. Flexbox로 레이아웃 잡기 di
TIL 22_인증&인가
인증 & 인가 는 웹 개발을 하는 사람이라면 기본적으로 알고 있어야 하는 지식! 인증과 인가 절차 및 인증의 필수요소인 패스워드 암호화, JWT에 대해 알아보자!
HTML 시작하기(2)
1. 하이퍼링크, 이미지 삽입하는 방법 class와 id의 역할과 차이점 css 파일과의 연결 주석(coments) 다는 방법 1. 하이퍼링크, 이미지 삽입하는 방법 링크와 이미지를 삽입할 때는 각각 a 태그와 img 태그를 사용한다. 링크는 웹사이트 주소
[React] HTML 요소의 ID 값으로는 숫자를 사용할 수 없다 🤬
나는 댓글 삭제 기능을 구현하기 위해 댓글 컴포넌트의 id 값과 댓글 삭제 버튼의id 값을 같게 부여하고 filter 함수를 통해 해당 댓글 삭제 기능을 구현하려고 했었다....그런데 아무리 코드를 수정하고 다시 짜봐도 기능이 제대로 작동하지 않는것이었다!그러다 구글링
[CSS] Margine, Border, Padding
위, 아래 경계가 같다면 더 큰값의 margine 적용.(Collapsing margine)margin : a, b, c, d;(상, 하, 좌, 우) 값을 줄 수 있음.box 경계로 부터 바깥에 있는 공간 (border < margine)box 경계 안쪽의 공간
인공키 UUID VS GEN KEY
최근에 JPA, Spring Data JPA 와 같은 ORM 들의 강세로, Primary Key 생성 전략을 DB 에 위임하는 추세가 늘어나고 있다. 이러한 방식의 문제점은 무엇일까 가만히 생각해보니, 데이터베이스 자체의 의미론적으로 봤을때 , 별 의미없는 값이라고 생
TIL - css(id, class)
id 선택자는 css에서 'class 선택자는 css에서 '.'을 붙여 사용한다.1개의 html tag 안에 class,id 선택자를 동시에 사용할 수 있다.html tag 안에 class 선택자를 여러개 설정할 수도 있다.
2021.3.8 월요일
생활코딩 (WEB2 - CSS)7강. css선택자의 기본 ~ 14강. css코드의 재사용코드잇 (웹 퍼블리싱)1.2.1 나의 첫 번째 웹사이트 ~ 1.5.10 폰트설정내 자기소개 홈페이지를 깃허브를 통해 호스팅함.3시간 52분htmlcss같은 클래스 이름을 여러 요소가