타코벨코딩

위치를 정하자 포지션 position position 은 문서상에 요소를 배치하는 방법을 정의한다. position 요소의 배치 방법을 결정! 할려면 top bottom right left 사용해 최종 위치를 결정한다! [상하좌우 위치 지정은 필요에 따라 선택적으로 사용] 🔥 질문에 많이 나오는 개념 static : 기본값 , 요소를 일반적인 문서 흐름에 따라 배치한다. relative: 일반적인 문서 흐름에 따라 배치하되, 상하 좌우 위치에 값에 따라 오프셋을 적용한다. position : relative란 - 요소를 일반적인 문서 흐름에 따라 배치하되, 상하 좌우 위치 값에 따라 오프셋을 적용한다. [✅오프셋이란? : 위치를 얼마간 이동시키는 것을 의미한다] div { position: relativ..

background 배경 배경은 콘텐츠의 배경을 정의한다. 단축 속성으로 색상,이미지, 이미지가 내가 준 요소 크기보다 작을 경우 이미지가 반복함. background-repeat: no -repeat 반복패턴 . 위에 반복하기 싫다면! background -position 위치에 대한 크기 left bottom or center background-size: 숫자로도 가능, cover ,contain! 이미지가 찌그러지거나 , 잘리지 않는 선에서 최대 사이즈 background: no-repeact url(./cat.img) 이런식으로 한 줄로 사용할 수 있다. 신기! 정리 background 는 콘텐츠의 배경을 정의한다. (이미지) 단축 속성으로써 다양한 하위 속성을 포함한다. 하위 속성을 한 번에 ..

박스크기를 계산하는 방법 box-sizing 박스 영역에 콘텐츠 영역이 있다. [ 여기에는 너비와 높이가 있다] box-sizing 😀 속성은 요소의 너비width와 높이 height 를 계산하는 방법을 지정한다.( 이걸 사용하면 콘텐츠 영역이 줄어든다) 속성값 content-box : 기본값, 너비와 높이가 콘텐츠 영역만을 포함한다. (콘텐츠 영역이 요소가 커진다) [패딩 - 테두리가 덩달아 커진다면 박스 사이즈 사용해야한다] 정리 박스 모델에 너비와 높이를 지정하면, 콘텐츠 영역의 크기가 결정된다. width100 height 100 box-sizing 속성은 너비와 높이가 포함할 영역을 변경함 으로써 너비와 높이의 계산 방법을 결정 할 수 있다. box-sizing의 기본값은 content-box이..

BOX-Model 박스모델 (컴퓨터화면)브라우저가 요소를 렌더링 할때 , 각각의 요소는 기본적으로 사각형 형태로 영역을 차지한다. 이때 영역을 박스라고 표현한다. CSS는 박스의 크기 위치 속성 (색 , 배경, 테두리)을 결정한다, [하나의 박스는 네개의 영역으로 구성된다] [콘텐츠 영역, 안쪽 여백, 바깥쪽 여백, 경계선 테두리] 📦 박스 각 영역의 크기 정의 콘텐츠 영역 width, height 안쪽 영역 padding | 바깥쪽 여백 margin 테두리 border-width span 에서는 width, height 영역을 인식을 못 한다. 하기 위해서는 display : inline-block으로 적용해야한다. inline-block란 : [요소는 인라인으로 배치하되 블록 요소 속성을 가질수 있다..

인라인이냐 블록이냐 display & border 블록 레벨 요소 VS 인라인 요소 블록 레벨 요소 인라인요소 자기가 속한 영역의 너비를 모두 차지하여 블록을 형성한다. [div, p,h1] 자기에게 필요한 만큼의 공간만 차지한다 [span,a] 만약 반대로 인라인 요소가 a태그가 블록을 형성하고 싶어 그럴 때 사용하는 방법은? display 속성 (사용하기) : display 에는 미리 정의되어 있는 키워드를 속성값으로 지정한다. display 속성은 요소를 블록과 인라인 요소 중 어느쪽으로 처리할지 정의한다. div{ display: block} a{display:block} inline : 인라인으로 처리한다. [필요한영역] block : 블록레벨로 처리한다. [전체영역] inline-block: ..

텍스트 꾸미기 속성 font-family : 글꼴을 정의한다 font-size: 글자 크기를 정의 text- align : 텍스트 정렬 방식을 정의 color: 글자 색상을 정의 💊font-family : 글꼴을 정의한다 *{ font-family : Time, monospance,serif} 폰트 페밀리: 요소를 구성하는 텍스트의 글꼴을 정의한다. 글꼴명을 속성값으로 지정한다. 여러개의 글꼴을 연달아 기입하여 우선순위를 지정할 수 있다. 💊font-size: 수치와 단위를 지정해 글자의 크기를 정의할 수 있다. px rem em px : 모니터 상의 화소 하나 크기의 대응하는 절대적인 크기 rem :html 태그 폰트 사이즈에 대응하는 상대적인 크기 배수 만큼 크기 조절한다! em :부모 태그 (상위태..

Css란?(Cascading Style Sheets ) Html 문서를 아름답게 꾸며주는 css 언어이며, 계단식 멋을 내다 (종이) 한장 -> 계단식으로 스타일을 정의하는 문서 이다 Css는 Html 문서에 스타일을 더해준다. HTML 문서는 태그가 태그를 포함하는 계단식 구조를 지니고 있다. Html 문서 + css 문서 => 문서 열기 => 코드 해석 문서 자체는 독립적으로 존재할 수 잇지만, 그 목적이 구조화된 html 문서의 스타일을 정의하는데 있으므로 Html 문서가 없는 css 문서는 사실상 의미가 없다. [정의] HTML : 웹 문서의 콘텐츠를 구성하는 언어 CSS : 웹 문서의 콘텐츠에 스타일을 추가하는 언어(색상, 크기, 위치) => HTML과 함께 사용되지 않는 CSS는 단순 텍스트일..

📖 SQLD 45 ~ 49회 기출문제 단답형 모음 문제 1. 45회 단답형 1 (1과목). 업무에서 필요로 하는 인스턴스로 관리하고자 하는 의미상 더 이상 분리 되지 않는 최소의 데이터 단위는? (노랭이 1과목 14번) ✏️정답확인 문제 2. 45회 단답형 2 (1과목). 기본키가 아닌 모든 속성이 기본키에 완전 함수 종속된 상태를 무엇이라 하는가? ✏️정답확인 문제 3. 45회 단답형 3 (2과목). 아래 SQL1 과 같은 결과가 나오도록 SQL2 빈칸을 작성하시오. [SQL1] SELECT*FROM A, B; [SQL2] SELECT*FROM A ( ) B; ✏️정답확인 문제 4. 45회 단답형 4 (2과목). 아래의 계층형 쿼리 결과에서 C3의 2번째 값을 작성하시오. [SQLD44] C1 C2 C..

*1과목* 출저 https://yunamom.tistory.com/341 [SQLD] 2023년 SQLD 48회 ( 1과목/2과목 정답 ) 안녕하세요 yunamom 입니다 :D 이번시간에는 48회 SQLD 시험 1과목, 2과목 정답을 포스팅 하겠습니다. 👩🏻‍💻 *문제 순서는 다를 수 있으며 답 자체를 적어두거나 문제만 적은 경우도 있습니다. *1 yunamom.tistory.com 문제1. 데이터 모델링 설명이 옳지 않은 것은? 반드시 모두 정규화해야한다 (4번) 문제2. 아래 내용이 설명하는 스키마 구조로 가장 적절한 것은? - 모든 사용자 관점을 통합한 조직 전체의 관점의 통합적 표현 - 모든 응용시스템들이나 사용자들이 필요로 하는 데이터를 통합한 조직 전체의 DB를 기술한 것으로 DB에 저장되는 ..

1과목 번호 문제 정답 1 주식별자 특징 아닌 것 - 업무에서 사용하는 용어를 ‘주식별자’로 지정한다 - 영속 인스턴스 집합 - 이름과 같은 명칭으로 된 것은 가급적이면 주식별자로 지정하지 않는다 - 복합키 어쩌고 2번 영속 인스턴스 집합 2 개념 엔티티? 적합한 것 조직 보험상품 3 유일성 문제 유일성 4 발생시점 중심엔터티 찾기 - 프로젝트 - 프로젝트참여 가 선지에 있었음 (프로젝트참여 = 행위 / 프로젝트= 중심) 프로젝트 5 모델링 유의성 틀린 것 프로젝트 데이터를 합친다는 선지 6 erd에 표시되지 않는 것 1. 관계명 2. 관계차수 3. 관계선택영역 4. 관계분류 ​ 정답 4 관계분류 7 식별자가 정답인 문제 식별자 4번 선지? 8 정규화 n:n 처리 어쩌고 1 개괄 2 개념 3 논리 4 물..