그린그린티라떼

CSS Rules - 선택자('스타일링하는 대상')과 선언('스타일링 방법')의 조합이다. class="page-title" - .page-title{...}로 이 요소를 선택 가능하다. Specificity - 명시도는 여러 CSS규칙이 동일한 요소를 대상으로 할 때 발생하는 충돌을 해결하는 것이 핵심 결합자? 두 선택자를 의존적인 방식으로 결합할 수 있게 하는 CSS기능 CSS inline style을 사용하면 안 되는 이유는? 코드 유지와 예측이 어려워지기 때문 ex)

~ General Sibling h2 ~ p { color: red; } p요소가 h2요소 다음에 와야 함, 하지만 바로 위치해야되는 것은 아님 > Child div ~ p { color: red; } div의 직속 자식이 p태그에만 해당 스타일을 적용시킨다. div div article p 순으로 내려간다면 가장 안쪽의 p는 스타일이 적용되지 않는다. (아무런 기호 없이) Descendant div p { color: red; } div태그 아래의 모든 자식에 p가 있기만 하면 된다. div div article p 순으로 내려간다면 가장 안쪽 p도 스타일이 적용된다.

➕ Adjacent Sibling h2 + p { color: red; } Not applied CSS applied Not applied CSS applied CSS applied된 부분의 글씨만 빨간색으로 바뀐다.

Cascading - multiple rules can apply to the same element 여러 스타일이 같은 요소에 적용될 수 있음 Specificity? 위로 갈수록 더 높은 순위(인라인이 가장 우선 시 되지만 사용 권장X) Resolve conflicts arising from multiple rules Inline Styles ∨ #ID selectors ∨ .class, :pseudo-class and [attribute] selectors ∨ and ::pseudo-element selectors

오늘 버스타고 지나가다가 찍었는데 프리스비가 있던 자리에 생기더라구요? 그리고 apple store에 강남점이라고 뜨기 시작했어요🥰🥰 이제 강남점 잠실점 두 곳이나 가까운 곳이 생겼어요 신나버리기~~😉😉 #apple #애플스토어 #애플스토어강남점 #오픈

리액트는 정말정말 자유도가 높은 프레임워크라는 것을 느꼈다. 뷰는 어느정도 형식이 정해져있는 프레임워크이지만 v2의 경우에는 다양한 방법으로 기능을 구현할 수 있기 때문에 코드컨벤션 정의가 꼭 필요하다고 생각한다. (Vuejs에 익숙하지 않다고 렌더링 과정 무시하고 하드코딩하면 안됩니다... ) 이번 프로젝트가 끝나면서 새로운 프레임워크 사용에 대한 자신감을 얻었다고 해야되나..? 아직 갈 길이 멀다.. 뷰티파이 사용하면서 웹 개발하는 건 상당히 예쁘지 않았지만 생각보다 기능은 잘 동작해서 신기했다 현재 인도향 미국향에서 samsung experience plus가 서비스되고 있다! 프로젝트가 홀딩될 지 더 진행될 지 모르겠지만 한숨 돌리고 공부하고 있어야겠다 다시 조금씩 블로그에 끄적여봐야지 #프론트엔..

There are several great sites to study TypeScript in Korean that will help you become proficient in this powerful language. Here are a few of the top options: Inflearn: This site offers a comprehensive TypeScript course for beginners, taught in Korean. The course covers all of the basics of TypeScript, including its syntax, variables, data types, functions, and more. The lessons are taught in a ..

February is a month of love and celebration, and what better way to enjoy it than with some incredible concerts and performances in Korea. Whether you are a fan of K-pop, classical music, or theater, there is something for everyone in this vibrant country. In this blog post, we have rounded up some of the must-see concerts and performances in Korea this month. BTS: Map of the Soul Tour BTS is on..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 JS with Codeit 오늘 할 일 자바스크립트 공부 고양이 화장실 청소 고양이 장난감 쇼핑 내일 할 일 자바스크립트 공부 뮤지컬 공연 예매 유튜브 시청 Colored by Color Scripter cs index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 // HTML 속성 (HTML attribute) const tomorrow = document.querySelector("#tomorrow"); const item = tomorrow.firstElementC..

클래스형 컴포넌트는 잘 사용하지 않음 함수형 컴포넌트를 주로 사용함 + hooks 하지만 유지 보수할 때 가끔 쓰일 수 있기 때문에 알아두기, 꼭 필요한 경우에만 사용하기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 import React, { Component } from "react"; class Hello extends Component { render() { const { color, isSpecial, name } = this.props; return ( {isSpecial && *} 안녕하세요 {name} ); } } // function Hello({ color, name, isSpecial ..