본문 바로가기

전체 글112

[CSS] CSS 기초 및 선택자 정리 CSS(Cascading Style Sheets)는 웹 페이지를 꾸미기 위해 작성하는 Style Sheet 언어입니다. HTML 문서 내에서 표현적인 요소와 속성들을 모두 작성하면 문서가 복잡해지기 때문에, 웹 페이지의 구조와 표현을 분리시켜 표현을 담당하는 언어로 CSS를 사용하게 되었습니다. 목차 CSS 적용 방법 inline 스타일 적용하려는 태그 내에서 style 속성으로 직접 적용 inline style internal 스타일 적용하려는 태그가 포함된 HTML 문서 내부에서 적용 internal style external 스타일 외부 파일에서 적용 /* external.css */ #external { color: green; } external style CSS 문법 전체 구조는 rule se.. 2022. 6. 23.
[HTML] form 태그 HTML 태그 중 태그는 사용자로부터 데이터를 입력받을 수 있는 입력 양식인 입력 폼(form)을 정의하며, HTML에서 입력한 데이터를 서버에 전송하기 위해 사용됩니다. 목차 태그의 기본적인 속성 name 의 이름을 명시함 서버에서 데이터를 받을 때 key값으로 사용함 (cf. id 속성은 HTML 문서 내 특정 태그를 구분짓는 식별자) action 폼 데이터가 서버로 제출될 때 해당 데이터가 도착할 URL을 명시함 데이터를 전송할 주소 method 폼 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 명시함 데이터를 전송하는 방식 get URL에 폼 데이터를 추가하여 서버로 전달하는 방식 post 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식 태그가 포함할 수 있는 태그 사용자로부터 입력을 받.. 2022. 6. 22.
[HTML] HTML 기초 및 주요 태그 정리 목차 HTML 이란? HTML은 Hyper Text Markup Language의 약자로 웹페이지를 작성하기 위한 언어입니다. Hyper Text는 텍스트에 하이퍼링크 설정이 가능하고 텍스트들이 서로 연결되어 있다는 의미이고, Markup은 종이 인쇄 산업시대 때 복사 편집인이 인쇄할 종이의 여백 부분에 특별한 글꼴이나 색 정보를 위해 표시(마크업)했던 것에서 사용되기 시작한 말입니다. HTML 특징 Markup언어는 태그(tag)로 구성되고 태그 안에 문서의 내용을 표시합니다. HTML 태그(tag)와 HTML 엘리먼트(element)는 같은 의미로 사용됩니다. 태그는 로 표시하며, 시작태그와 끝태그로 구성됩니다. empty content를 가지는 빈태그가 있으며, 로 표현 가능합니다. 태그는 일반적으.. 2022. 6. 21.
이클립스(Eclipse) 웹 개발 환경 구축 웹 개발을 하기 위해 필요한 프로그램을 설치하고 초기 환경설정을 진행해 보겠습니다. 1. 이클립스(Eclipse) 웹 개발용 설치 이클립스 홈페이지(https://www.eclipse.org/)의 우측 상단 Download 탭에 들어간 후, Download Packages를 클릭하여 패키지 파일을 받도록 하겠습니다. 웹 개발용 이클립스(Eclipse IDE for Enterprise Java and Web Developers)를 설치합니다. 2. JDK 설치 및 환경 변수 설정 아래 게시글에서 자세한 내용을 확인할 수 있습니다. 1. JDK (Java Development Kit) 설치, 3. 환경 변수 설정 을 참고해 주시면 감사하겠습니다. https://amy-it.tistory.com/24?cate.. 2022. 6. 21.
[JAVA] MyBatis - RowBounds MyBatis에서 RowBounds를 사용하면 전체 레코드에서 원하는 범위의 레코드만을 가져올 수 있게 됩니다. MyBatis를 사용하기 위한 환경설정과 기본 사용법은 아래 게시글에서 확인할 수 있습니다. https://amy-it.tistory.com/64 [JAVA] MyBatis 시작하기 ▶ MyBatis 란? MyBatis(마이바티스)는 SQL 매핑(mapping) 프레임워크입니다. MyBatis는 자바와 데이터베이스를 연동하기 위해 JDBC로 처리하는 상당 부분의 코드와 파라미터 설정 및 결과 매핑을 대신해 줌 amy-it.tistory.com 기본 구조는 동일하게 사용하고, Main, Service 클래스, DAO 클래스, Mapper.xml 파일을 중심으로 살펴보겠습니다. Main Main에.. 2022. 6. 19.
[JAVA] MyBatis - 동적 SQL MyBatis의 가장 강력한 장점 중 하나는 동적 SQL을 처리하는 방법입니다. 이번 게시글에서는 MyBatis에서 동적 SQL을 처리하는 방법에 대해 알아보도록 하겠습니다. MyBatis를 사용하기 위한 환경설정과 기본 사용법은 아래 게시글에서 확인할 수 있습니다. https://amy-it.tistory.com/64 [JAVA] MyBatis 시작하기 ▶ MyBatis 란? MyBatis(마이바티스)는 SQL 매핑(mapping) 프레임워크입니다. MyBatis는 자바와 데이터베이스를 연동하기 위해 JDBC로 처리하는 상당 부분의 코드와 파라미터 설정 및 결과 매핑을 대신해 줌 amy-it.tistory.com 기본 구조는 동일하게 사용하고, Main, Service 클래스, DAO 클래스, Mapp.. 2022. 6. 19.

티스토리툴바