앞서 색상을 줄 때는, 지정한 키워드에 맞게 CSS가 색상값을 넣어주는 것임하지만 매번 이 키워드에 맞게 할 수가 없는데, 그럴 때 HEX, rgb, rgba등의 값으로 지정하는 것임투명하게 하는 것은 transparent로 함16진수 표기법, HEX라고도 하는데 이를

display라는 속성을 통해서 처음부터 정해진 태그의 요소 속성을 변경할 수 있음inline 요소의 대표적인 예는 span 태그, 영역의 크기는 내부 콘텐츠 값에 따라서 정해짐, width, height로 크기를 지정 및 처리할 수 없음그리고 margin, paddi

실제로 CSS 계산 및 처리는 박스모델로 이해해서 처리할 수 있음 즉, 일종의 박스로 되어 있다고 볼 수 있음, 그래서 이를 토대로 콘텐츠를 담고 배치하고 처리한다고 봄박스 모델은 content로 콘텐츠가 표시되는 영역과 padding 콘텐츠와 테두리(border)사이

css 속성을 확인해서 실제로 해당하는 숫자나 길이, 백분율 등 값들을 쓸 수 있는 속성인지 확인해야함기준점이 없고 고정값이며 모니터에 보이는 값 자체를 바탕으로 처리하는 것px을 대부분 사용하고 다른 단위는 잘 안 씀, 왜냐하면 현실 세계에서의 값을 쓰는건 웹은 얼마

폰트 색깔의 경우 별도의 font-color가 아닌 그냥 color를 사용해서 씀font-size는 글자의 크기를 바꿀 떄 씀, 기본적으로 px단위를 많이 씀(브라우저는 16px을 기본값으로 씀)이 때 font-size의 경우 키워드를 써서 바꿀 수도 있고 % 단위도

Type Selector는 하나의 HTML에 있는 모든 태그들을 고르기 때문에 특정 요소를 선택할 때 사용하면 안됨하나의 전체 웹 페이지에서 일관성 있게, 일관적으로 적용해야할 스타일링이 있을 때 Type Selector를 쓰고 css 파일에 상단부에 주로 많이 씀특정

Cascading Style Sheets의 준말, font, table, animation 등 다양한 스타일이 존재함이 역시 HTML처럼 버전이 다름, 그러기에 어떤 웹 브라우저인지 속성이 지원이 가능한지 확인을 잘해야함Cascading의 의미는 여러 개의 스타일이 하

id와 class는 일종의 식별자 역할을 함, 특정 태그에만 스타일을 처리하고 싶을 때 유용하게 씀id같은 경우는 고유 식별자의 특징을 가지고 있음, id에서는 스페이싱이 있으면 안됨, 동일한 id 사용도 안됨, 첫 시작은 숫자와 특수문자 사용 불가능함(구분이 필요할

메타데이터는 데이터를 설명하는 데이터 즉, 데이터를 위한 데이터임(마치 저자, 발행인 같은, 사진 촬영일시 등)HTML 문서를 설명하는 데이터라고 볼 수 있음head 태그의 경우 검색엔진에서 정보를 수집해서 노출하는데 어떤 데이터 설명인지가 주요한지 분류를 메타 데이터

이전까지의 요소들은 사용자에게 직접 주는 것이므로 이미 정보를 미리 입력하는 요소들이었음하지만 form 요소는 사용자에게 정보를 받고 전송하는 역할을 하는 인터렉션의 성격을 띄고 있음회원가입 form, 설문조사, 주문 등 활용할 수 있음필수 정보가 없을 때 안내를 하는

이제부터 임베디드 요소인데, 임베디드 요소란 그 내용을 직접 코드로 작성하는게 아닌 외부의 소스를 불러와서 웹 페이지에 삽입하는 것임그래서 이미지, 비디오, 멀티미디어 자료를 주로 임베디드 요소로 씀img 태그의 경우 안 쪽 내용 없이 빈 요소이며, 속성들로 다양하게

ol의 경우 ordered list 즉, 순위를 나타내거나 단계적으로 수행을 해야할 때 쓰는 태그(레시피 등)ul의 경우 unordered list로 순서가 없이 아이템을 나열할 때 메뉴 등에서 많이 쓰는 태그li의 경우 list item으로 단일 아이템의 경우 똑같이

div 태그는 특정 구역이나 구획을 분할하는데 쓰는 태그임, css가 없으면 아무 내용이 없으면 안 보임순수 컨테이너로 아무것도 표현하지 않음, 의미를 가지고 있지 않은 것이 특징임(즉, 해당 태그에는 별다른 의미가 없다는 것)아이템을 묶어서 그룹화하려는 목적임(대부분

h는 heading을 뜻함. 숫자에 따라 크기가 달라짐웹 브라우저가 h 태그를 훑으면서 이를 통해서 목차를 만들 수 있음(웹페이지 읽기 도구에서 쓸 수 있음)글씨 크기를 쓰는데 h 태그를 쓰지 않는 것을 권장, CSS font-size를 통해 직접 크기를 조정하는것을

웹 페이지를 구성하고 있는 요소(Element) 하나하나를 태그라는 표기법을 통해 작성하며 이를 통해 어떤 요소인지(제목, 본문, 이미지, 비디오 등) 알 수 있음아래의 예시대로 여는 태그, 닫는 태그를 통해 내용을 적음, 이를 통틀어 요소라고 함예시(HTML5에서는

html을 열 수 있는 것은 웹 브라우저(마치 .pdf는 pdf 뷰어에서 열듯이)크롬, 엣지, 익스플로러, 사파리 등...뷰어 역할 뿐 아니라 다양한 기능 제공개발자 입장에서는 다양한 도구 제공HyperText Markup Language 웹 페이지가 HTML로 하나씩

Markup 언어와 Markdown 언어는 문서 작성 및 데이터 표현에 사용되지만, 특히 Markup 언어는 HTML과 같은 웹 개발에서 중요한 역할을 함. 아래 표를 통해 두 언어의 주요 차이점과 HTML의 웹 연관성을 비교 정리하였음.HTML(HyperText Ma

안드로이드 권장 아키텍처인 UI & Domain & Data Layer로 최대한 나눠봄여기서 UseCase을 사용하거나 Clean Architecture 방식은 아님단, AAC(Android Architecture Components)에 MVVM 기반의 Reposito

Kotlin이 도입되면서 Thread로 비동기 처리를 한 것을 좀 더 작은 단위로써 처리할 수 있게 하는 Coroutine여기서 설명하는 Thread에 대한 Dispatchers와 Coroutine에 디테일한 개념에 대해서는 Kotlin 공식문서와 Android 공식문

Dependency는 의존성이라고 하는데 이 의존성은 하나의 클래스가 다른 하나의 클래스에 의존하는 것을 의미함A 클래스 객체를 만들기 위해 B를 필요로 한다는 것을 생각해볼 수 있음여기서 Dependency Injection은 쉽게 생각해보면 이러한 의존관계에 있는