GetComponent<('0')>

요약 BFS 적용 풀이 과정 BFS를 적용해서 상, 하, 좌, 우로 갈 때 해당 좌표가 특정 rectangle의 내부에 있지 않고 bool inRect(vector rectangle, int x, int y) { //하나라도 rect 안이면 true for(vector r : rectangle) { if((r[0] < x && x < r[2]) &&(r[1] < y && y < r[3])) return true; } return false; } 1-50사이 범위이며 rectangle의 선 위에 있는 좌표 bool onRectLine(vector rectangle, int x, int y) { for(vector r : rectangle) { if((x==r[0] && (r[1]

요약 BFS 적용 문자열의 문자 비교풀이과정 이 문제는 최소 단계의 과정을 거쳐 변환하는 것을 물어보고 있다. 따라서 BFS가 적합하다. 이를 위해 Queue로 구현할 것이다.1. 문자열 비교 함수 만들기 bool bCanChng(string a, string b) { //문자열 a가 b로 변환이 가능한지 True, False를 반환하는 함수 int diffCnt = 0; int len = a.length(); for(int i = 0; i 1) return false; } } return diffCnt == 0 ? false : true; //아예 같은 경우 배제(begin == begin) } 문자열..

Content 텍스트, 이미지가 나타나는 container의 내용 Padding 콘텐츠 주변 영역. 음수 적용되지 않음 Border content와 padding과 외부 Margin을 경계짓는 영역. Margin 요소 외부의 여백이라고 보면 됨. 음수가 가능함(오히려 안쪽 요소로 들어가게 할 수 있음)

Button A .a-button { background-color: rgb(20, 40, 192); color: white; border: none; border-radius: 30px; cursor: pointer; margin-right: 10px; margin-left: 30px; padding-top: 20px; padding-left: 16px; padding-right: 16px; padding-bottom: 16px; transition: all 3s ease-in; /*모든 transition은 3초동안 일어나며 ease-in 방식이다.*/ } .a-button:hover { /*mouseover*/ opacity: 0.7; background-color: black; } .a-butto..

Float CSS 컨테이너의 왼쪽/오른쪽에 element를 배치해 text 및 inline element가 주위를 둘러쌀 수 있게 함. 예전에는 float을 통해 Side bar와 Main Content 간의 레이아웃을 구성했으나, 현재는 Flexbox 및 Grid를 사용하는 추세. Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore suscipit ipsa blanditiis deleniti cumque voluptates numquam beatae nesciunt, sit natus ipsam, velit animi mollitia hic at quaerat tempora obcaecati ipsum? Clear CSS float의 ..

pseudo-class 별도의 class를 지정하지 않고도 class를 지정한 것 처럼 요소를 선택할 수 있다. :hover 마우스를 위에 올렸을 때 CSS값 :first-child(last-child) 해당 부모 컨테이너의 차일드 중 첫번째(마지막) 요소 :first-of-type(last-of-type) 해당 부모 컨테이너의 차일드 중 조건 요소를 만족하는 첫번째(마지막) 요소 Mouse Hover 이렇게 html의 body를 구성하고, header에 style을 내부 서식으로 아래와 같이 작성한다. HTML 삽입 미리보기할 수 없는 소스 Pseudo Element 가상 클래스처럼 선택자에 추가되는데, 존재하지 않는 요소를 존재하는 것처럼 부여해 문서의 특정부분을 선택함 :: 로 표현 before와 ..

CSS 적용 방법 1. 인라인 스타일 : 태그 안에 Style 속성을 통해 사용하는 방법 2. 내부 스타일 시트 : HTML 파일 안에 css style sheet를 선언하는 방법 3. 외부 스타일 시트 : 외부에 css 파일을 만들고, html에서 해당 css 파일을 링크 걸어 로드하는 방법 겹치는 경우 스타일 적용 우선 순위 인라인 > 내외부 스타일 시트 > 웹 브라우저 기본 스타일 기본 구조 Selector : CSS를 적용시킬 위치의 HTML element ex) h1, h2, h3 Property : Selector가 지정한 위치에서 '무엇'을 바꿀지. ex) font-size: Value : Property가 얼마나 어떻게 바뀌게 할지 지정하는 값 ex) 100px 색 표현 방법 RGB rgb..

Heading h1 ~ h6 으로 구성되며 주로 웹 페이지에 표시하려는 제목으로 사용. Paragraphs . 문단을 정의할 때 사용. Preformatted Text 이미 text로 정의된 텍스트를 그대로 출력하고자 할 때. 원래는 공백 여러개는 공백하나, 줄바꿈 여러개는 줄바꿈 하나로 인식하는데, 이 모든것을 그대로 출력하게 된다. List Ordered List(ol) attribute start="숫자" : 해당 숫자부터 센다. type="a" : a.b.c로 센다. reversed : 숫자를 반대로 센다. Unordred List(ul) attribute type="square" : 네모 표시가 된다. Description List(dl) dt : 용어 정의 dd : 해당 설명 정의 Break(..

Tag 웹 문서를 구성하는 명령어 꺽쇠 안에 들어있는 정보를 정의하는 형식 시작 태그와 종료 태그로 구성됨(종료 태그가 없는 종류도 있음) Element 시작태그 + 내용 + 종료태그 - 빈 요소 : 내용이 없이 구조적인 기능만 하는 요소. - 블록 요소 : 블록 요소 다음에 블록 요소를 사용하면 아랫줄로 넘어간다. 인라인 요소를 포함할 수 있다. h1~h6, div, list, p... - 인라인 요소 : 블록 요소를 포함할 수 없다. a, span, strong ... ex) (O) (X) Attribute 태그를 보조하는 명령어. width, height, alt, style, href Attribute value : Attribute에 들어가는 값 index.html 방문자가 사이트를 요청할 때,..

요약 dequeue를 사용하기 문자열 자르기, 비교, 정수화 sort 풀이과정 최대 최소값이 필요하며 최대 최소값을 pop한다. -> 오름차순 정렬하는 dequeue C++의 덱은 deque로 선언한다. 1. 자료형 결정 deque deq; 2. 반복문 및 조건 설정 1. 명령어 자르기, 비교 및 정수화 맨 첫번째 문자로 D과 I를 판별하고, op.substr(2)를 통해 2~끝까지 숫자 영역을 자를 수 있다. 이를 stoi로 int형으로 변환한다. 2. 정렬 타이밍 삽입할 때마다 매번 sort하기보다는, 삭제를 할 때 정렬하는 방법을 생각했다. 단, 삭제가 연속으로 일어난 경우도 정렬할 필요가 없다. 이를 위해 outdated 라는 bool 변수를 기본값 true로 선언한다.(첫 정렬은 무조건 일어나게..