본문 바로가기

전체 글55

Block 레벨 요소와 Inline 레벨 요소 Block 레벨 요소와 Inline 레벨 요소 div태그와 span태그 웹 페이지 영역을 구분할 때 사용하는 태그 div태그: division의 뜻으로, 주로 분할을 하거나 다른 태그를 담는 container역할을 함 span태그: container역할이 아닌, 특정 텍스트나 문장영역을 지정하여 스타일링 할 때 사용됨 ❗ div태그와 span태그의 차이점 div태그는 컨테이너의 역할로, 안의 content를 박스로 감싼다. → block level요소(display: block) span태그는 특정 아이템을 꾸미는 역할로, 안의 content의 사이즈만큼만 표시됨 → inline level요소(display: inline) Hello World! Hello World! Block Element 블록 레벨.. 2022. 11. 18.
Semantic태그 Semantic 태그 (의미론적 태그) Semantic 태그의 이점 검색엔진 최적화 웹 접근성 향상 가독성 향상 레이아웃 구성 시 유용하게 사용됨 HTML Semantic Elements : 페이지에 대한 정보를 담는 태그로, 페이지 상단에 위치 : 다른 페이지나 같은 페이지 안에 다른 부분으로 이어주는 네비게이션 링크로 구성된 섹션을 표현 : 페이지 전체 내용과는 어느 정도 관련성이 있지만, 주요 내용과는 직접적인 연관성은 없는 분리된 내용을 담고 있음 : 문서의 body요소의 주 콘텐츠를 정의할 때 사용 : 문서나 응용프로그램의 일반적인 섹션을 표현 : 여러가지 아이템들을 묶어 재사용 가능하게 그룹화 : 주로 저작권 정보나 서비스 제공자 정보들을 나타내면 사이트 하단에 위치 : 추가적인 정보를 나타내.. 2022. 11. 18.
Table태그 Table(표) 태그 - 표 - 행 - 열 Table 기본 태그 표를 만드는 태그로써, 표 전체를 감싸는데 사용 표의 제목이나 설명을 작성하는 태그 표의 행을 의미하는 태그 자식으로 나 가 반드시 있어야 한다. 표의 제목 열을 의미하는 태그 부모 태그인 안에 있어야 한다. 표의 일반 열을 의미하는 태그 부모 태그인 안에 있어야 한다. Table 기본 프로필 테이블 이름 취미 특기 홍길동 도술 축지법 짐코딩 헬스 코딩 Table 그룹 관련 태그 열을 그룹으로 묶을 수 있도록 해주는 태그 의 자식으로 열 단위를 나눌 수 있다. 속성을 사용하여 열을 그룹으로 묶을지 설정한다. ex) : 세 개의 열을 그룹으로 묶음 표의 제목 열들을 묶는 그룹 태그 표의 일반적인 데이터들을 묶는 그룹 태그 기본적으로 행 그룹태.. 2022. 11. 18.
백준 알고리즘(BOJ)_1253번['좋은 수' 구하기] '좋은 수' 구하기[1253번] Q. N개의 수 중에서 어떤 수가 다른 수 두 개의 합으로 나타낼 수 있다면 그 수를 “좋다(GOOD)”고 한다. N개의 수가 주어지면 그 중에서 좋은 수의 개수는 몇 개인지 출력하라. 수의 위치가 다르면 값이 같아도 다른 수이다. 입력 첫째 줄에는 수의 개수 N(1 ≤ N ≤ 2,000), 두 번째 줄에는 i번째 수를 나타내는 Ai가 N개 주어진다. (|Ai| ≤ 1,000,000,000, Ai는 정수) 출력 좋은 수의 개수를 첫 번째 줄에 출력한다. 문제 분석 N의 개수가 최대 2,000이라 가정해도 좋은 수 하나를 찾는 알고리즘의 시간 복잡도는 N2보다 작아야 함 좋은 수 하나를 찾는 알고리즘의 시간 복잡도는 최소 O(nlogn)이어야 함 정렬된 리스트를 투 포인터 .. 2022. 11. 18.