전체 글376 [CSS] 자식/후손/형제 선택자 자식 선택자 - 자손 선택자의 선택자 형태는 "선택자A > 선택자 B" - 선택자 A의 자손에 위치하는 선택자 B를 선택 부모 요소 > 자식 요소 { 속성명: 속성값; } div > p { color: red; } /* div 자식 요소 중 p인 태그 */ span > p { color: blue;} /* span 자식 요소 중 p인 태그 */ 후손 선택자 - 후손 선택자의 선택자 형태는 "선택자A 선택자 B" - 선택자 A의 후손에 위치하는 선택자 B를 선택 div p { color: red;} 형제(아우) 선택자 - A와 B가 같은 계층에 있을 때 A 바로 뒤에 B를 선택자로 지정 A + B h1 + h2 { color: red; } - 태그 바로 뒤에 위치한 태그 1개만 색을 빨강으로 변경 A ~ .. 2022. 9. 7. [HTML] input tag 총정리 input tag의 기본 형식 hidden 사용자 안보임 text 텍스트 박스 search 검색 박스 tel 전화번호 박스 url url 주소 박스 email 이메일 박스 password 비밀번호(***) datetime 국제 표준시 date 연/월/일 박스 month 연/월 박스 week 연/주 박스 time 시/분/초 박스 number 숫자 조절 박스 range 슬라이드 막대 color 색상표 checkbox 체크박스 radio 라디오 버튼 file 파일 첨부 submit 전송 버튼 reset 리셋 버튼 button 버튼 See the Pen tag by hbkuk (@hbkuk) on CodePen. input tag의 사용할 수 있는 속성(아래 사이트 참고) 코딩교육 티씨피스쿨 4차산업혁명, 코딩.. 2022. 9. 6. [환경설정] Apache Tomcat 설치 / Apache Tomcat 가동 / 서버 설치 / 서버 가동 아래 링크를 통해 "Apache Tomcat" 접속 Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 빨간 좌측 박스의 "Tomcat 9" 클릭 32-bit 또는 64-bit 다운로드 본인의 디렉토리에 "Apache Tomcat.. 2022. 9. 6. [환경설정] jdk - 시스템 환경 설정 ① 오라클 접속 → ② 자바 다운로드 → ③ 시스템 환경 설정 1. jdk설치 1) 아래 오라클 접속 → 상단 탭 "제품" → 하드웨어와 소프트웨어 "자바" → Download JAVA Oracle | Cloud Applications and Cloud Platform Oracle announces Mexico's first dedicated cloud region Oracle becomes the first major cloud provider to establish a dedicated cloud region in Mexico, giving organizations access to emerging technologies that will positively impact the country’s ec.. 2022. 9. 6. [JAVA] JOptionPane(Method)_1 JOptionPane은 사용자에게 값을 묻거나 정보를 알려주는 표준 대화 상자이며, 클래스의 메소드는 크게 4가지로 나눔 showMessageDialog showConfirmDialog showInputDialog showOptionDialog 1) showMessageDialog JOptionPane.showMessageDialog(parentComponent, message, title, messageType); * parentComponent: 통상적으로는 null로 지정하며, 부모 컴포넌트를 지정해서 팝업 활성화 제어 ** message: 팝업 상자에 표시할 내용 지정 *** title: 팝업 상자에 타이틀 내용 지정 **** messageType: 팝업 상자에 아이콘 지정 1) ERROR_MES.. 2022. 9. 5. [JAVA] ID와 Password 입력을 통한 로그인 구현 메인화면 로그인 성공시 * 아이디 && 비밀번호가 틀릴 경우 로그인 실패시 * 아이디 && 비밀번호가 틀릴 경우 import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JOptionPane; import javax.swing.JPanel; import javax.swing.JPasswordField; import javax.swing.JTextField; public class LoginProgram { public LoginProgram() { JFr.. 2022. 9. 4. [JAVA] 간단하게 버튼만 구현한 TODOList_1 package scheduler.checkbox.study; import java.awt.BorderLayout; import java.awt.Dimension; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; import javax.swing.JTextArea; public class frame { public static void main(String[] args) { JFrame frame = new JFrame("ToDoList"); JPanel panel = new JPanel(); JLabel label = new JLabel("To-Do-List".. 2022. 9. 3. 소개 26살, 새로운 시작 전공은 기계설계과 나의 목표는 초심을 잃지 않으며, 끊임없이 배우고 성장하는 사람 블로그를 시작한 이유는 저는 정리하는 습관이 필요합니다. 저는 지금까지 살아오면서 제대로된 정리를 해본적이 없습니다. 새로운 출발함과 동시에 공부한 내용을 이 블로그에 정리해보고자 합니다. 정리를 하다보면 다른 블로그의 내용을 참고하는 경우가 종종 있을텐데, 모든 줄처를 남기지 못한 점은 이 글을 빌려 죄송하다고 말씀을 드리고싶습니다. 감사합니다. 2022. 9. 2. [CSS] vh / % height 값을 100%를 주면 가득채워지지 않을까? 먼저 heigh와 width값의 기본값을 알아야 한다. height와 width속성의 기본 또는 default 값은? 따로 지정하지 않는다면 height와 width 속성의 기본값은 auto이며, 웹 브라우저가 자동으로 계산 .iamge{ width: auto; height: auto; } 가득찬 이미지 화면 아래와 같은 이미지를 화면에 가득채우게 만들려고 한다. 텍스트의 높이값만큼 보인다. div에 height 100% 스타일 추가 결과는 동일, height값을 100%로 준다는 것은 부모요소를 기준으로 100%만큼의 높이를 가지겠다는 건데, 현재 image요소의 부모요소는 body요소이므로 body요소의 높이가 화면을 채우지 않았다는게 된다. b.. 2022. 8. 25. 이전 1 ··· 37 38 39 40 41 42 다음
