[HTML]테이블 만들기 & 셀 병합 Table : 태그 안에 만듭니다. : 테이블의 제목 : 컬럼 비율을 정합니다. : 컬럼갯수와 맞게 을 만들어 조절합니다. : 컬럼이 들어가는 부분 : 하나의 컬럼입니다. : 표 부분입니다. : 테이블 칸들을 한 줄에 모아놓습니다. : 실제 테이블 칸입니다. : table foot. 바닥란 입니다. 전체코드더보기 <caption>테이블 제목 <thead>컬럼 1 컬럼 2 컬럼 3 <td>1 2 .. ✨ UI/💗 HTML 2024.12.22
[HTML]목록태그 <ul> <ol> <dl> : 앞에 ●를 달아줍니다. 지금 티스토리에서 사용하는 리스트가 바로 이것입니다.태그 안에 를 사용합니다. : 앞에 숫자를 달아줍니다. 마찬가지로 태그 안에 를 사용해 적어줍니다. 안에 이 있을 경우 들여쓰기를 해줍니다. 전체코드더보기 첫 번째 항목 두 번째 항목 세 번째 항목 네 번째 항목 다섯 번째 항목 여섯 번째 항목 첫 번째 항목 두 번째 항목 세 번째 항목 <p>를 적었을 경우 index로 이동 : 앞에 뭐가 안 붙는 목록. : 목록을 감싸기 제목 내용 전체코드더보기 .. ✨ UI/💗 HTML 2024.12.21
[HTML]Entities (  공백, " 큰 따옴표" 등) &Html Entities 코드설명&&<>> white space. 공백" " 큰 따옴표 전체코드더보기 &amp → & &lt → < &gt; → > &nbsp; → (공백) &quot; → " ✨ UI/💗 HTML 2024.12.21
[개발지식]경로 종류와 사용법 경로 종류 절대 경로 Absolute Pathhttp로 시작한다.전체 주소로, 주로 외부 웹사이트에 연결할 때 사용한다.상대 경로Relative Path경로를 적고있는 현재 파일 위치를 기준으로 적는 것이다.프로젝트 내 가까운 다른 파일로 이동할 때 사용한다.🌟 ../ 는 바로 상위폴더를 가르킨다.🌟 ./ 는 현재 폴더를 가르킨다. (./도 생략가능) 루트 상대 경로Root-Relative Path /로 시작한다.웹 서버의 루트 디렉토리를 기준으로 경로를 설정한다.🌟 / 는 가장 상위인 프로젝트를 가르킨다.💡 그럼 어떤 경로를 주로 쓰는가? → 절대 경로이유는 폴더와 파일의 위치가 달라질 때마다 상대경로로 적으면 고치기 더 어렵기 때문입니다. 📑 개발 사전/✔ 개발 지식 2024.12.21
[HTML]태그 종류. 블록 & 인라인 요소 란에 사용하는 태그들에 대해 알아보겠습니다. 블록요소와 인라인 요소Block & Inline element 블록 요소줄 바꿈⭕안에 텍스트와 인라인 요소 포함 가능.안에 블록 요소 포함 가능(일부 불가).인라인 요소줄 바꿈 ❌ 안에 텍스트와 인라인 요소 포함 가능.안에 블록요소 포함 불가❌. 🌟 블록 요소는 말 그대로 🧱으로 묶어주는 역할 을 하는 태그들입니다.인라인 요소 안에 블록요소가 올 수 없기 때문에 정리를 해두지만 굳이 모두 외울 필요는 없습니다. 블록요소addressarticleasideaudioblockquotecanvasdddivdlfieldsetfigcaptionfiguerfooterh1h2h3h4h5h6headerhgrouphrnosciprtoloutputppresection tab.. ✨ UI/💗 HTML 2024.12.21
[HTML]텍스트 표현 태그설명글자 굵게.글자 굵게. 강조되는 내용.텍스트 기울임.텍스트 기울임. 강조되는 내용.작은 텍스트 표시, 코멘트 등.아래 첨자.윗 첨자.글자 아래 밑줄.글자 중간에 줄감.기울여진 제목.한줄 긋기. 💡 보다는 태그가, 보다는 태그가 더 권장된다. 카테고리 없음 2024.12.21
[HTML]기본 구조, 폴더 위치, 주석 index.html: 프로젝트의 시작페이지 위치는 프로젝트 내 src-main폴더-webapp 또는 resource 폴더 안에 넣어둡니다. (프로젝트마다 다름)프로젝트를 시작하면 index.html에서부터 시작합니다.static은 정적인 페이지를 모아두고 (index.html 포함)templates 에는 jsp나 thymeleaf등 뷰 템플릿으로 만든 페이지들을 모아둡니다.보통 index.html로 시작하는 경우는 없고 다른 페이지로 포워딩해서 시작페이지로 사용합니다. 개발자 도구로 열면 보이는 css, html, script는 모두 webapp이나 resource폴더에 모아둡니다.데이터를 다루는 숨겨진 코드 java코드는 따로 모아 둡니다. 기본 구조 : 웹브라우저에 HTML5 문서.. ✨ UI/💗 HTML 2024.12.20
[JAVA][Stream]그룹화와 분할 partitioningBy() & groupingBy() 2024.12.18 - [☕ 자바 JAVA/☕ 클래스와 함수 Class & Method] - [JAVA][Stream]collect()와 Collectors partitioningBy() 와 groupingBy() 스트림을 분할하는 메서드는 두가지가 있습니다.Collectors.partitioningBy() : 스트림을 2분할한다.Collectors.groupingBy() : 스트림을 n분할한다. Collectors.partitioningBy(): 스트림을 2분할한다. 1. 반환타입이 List인 partitioningBy(기준) 🌟 partitioningBy(매개변수)는 반드시 boolean이 반환되어야 한다. 더보기 2. 반환타입을 지정할 경우 partitioningBy(기준, 지정한 반환타입).. ☕ JAVA/☕ Library & Pattern 2024.12.19
[JAVA][Stream]collect()와 Collectors 💡 reduce()와 collect()의 차이2024.12.17 - [☕ 자바 JAVA/☕ 클래스와 함수 Class & Method] - [JAVA][Stream]최종 연산전체에 대한 연산을 할 때에는 reduce()사용하고, collect()는 그룹별로 연산할 수 있다. collect( Collectors.메서드 ): Collector를 매개변수로하는스트림의 최종연산 메서드. 💡 Collector는 수집(collect)에 필요한 메서드를 정의해 놓은 인터페이스이다.Stream의 요소 T를 A에 누적한 다음 R로 반환한다.💡 Collectors클래스는 다양한 기능의 Collector를 구현하여 메서드로 사용할 수 있다. collect()는 매개변수로 (Collector)를 구현해 사용해야 한다는.. ☕ JAVA/☕ Library & Pattern 2024.12.18