강의를 참고해 절대 위치와 상대 위치에 대해 알아봅니다. 절대 위치와 상대 위치는 position 위치에 대한 요소를 의미합니다. 절대 위치는 다른 객체에 영향받지 않고 지정한 위치나 속성에 따라 고정값을 가지는 위치를 의미합니다. 절대값이며, 부모 요소를 기준으로 위치를 정하게 됩니다.상대 위치는 자신의 위치에서 상대적인 위치로 이동이 되는 속성입니다. 다른 객체를 이용할 수 있고, 간단히 이동하고자 할때 사용하기도 합니다. Introduction 보통 도형이나 박스 혹은 객체들을 만들어줄때 크기나 위치를 지정해주기도 합니다. 크기 속성으로는 width (너비 - 가로) 와 height (높이 - 세로) 속성이 있고,위치 속성으로는 position : absolute | relative 외로 left ..
강의를 참고해 박스에 스타일을 적용합니다. 태그 내에 box-shadow 속성을 적용하여 박스에 그림자를 적용하고, 태그 내에 border, border-color, border-width 등의 속성을 이용해 테두리를 적용합니다. Introduction 박스 그림자 속성은 box-shadow 를 통해 지정해 줄 수 있습니다. box-shadow: none | x-position y-position blur spread color | inset | initial | inherit 이러한 문법을 가지는데, 왼쪽부터 none : 그림자를 적용하지 않음 x-position : 가로에 대한 그림자 위치를 나타내며, + 시 오른쪽에 그림자가 생기고, - 시에는 왼쪽에 그림자가 만들어집니다. (필수) y-positi..
강의를 참고해 선택자에 대한 예제를 실습해봅니다. 간단한 실습이며, h1 = 적용하고자 하는 태그 test1 = 임의 클래스명 { color : blue } = 지정하고자하는 속성 전체 코드 (class_selector.html) 가벼운 마음으로 배우는-녹색 가벼운 마음으로 배우는-파란색 가벼운 마음으로 배우는-빨간색 Result 다음은 구조 선택자입니다. 구조 선택자는 '일반구조 선택자'와 '형태구조 선택자'로 나뉩니다. 일반구조 선택자에서는 홀수나 짝수번째에 다른 스타일을 적용하고자할때 사용합니다.'요소의 class 특성에 기반해 요소를 선택하는 선택자' 입니다. 형태구조 선택자에서는 일반구조 선택자와는 다르게 태그의 형태를 구분합니다. 특정 태그를 선택하여 스타일을 적용하게됩니다. 선택자 형태 : ..
강의를 참고해 간단한 웹페이지를 만듭니다. 간단한 웹페이지를 구현하기 위해 대표적으로 "회원가입 양식"을 만들어봅니다. Introduction 겉으로 보여지는 양식은 주로 태그 안에서 만들어집니다. 필요한 요소 : 아이디 / 비밀번호 / 비밀번호 확인 / 이름 / 성별 / 전화번호 / 이메일 / 자기소개 요소 별 특정사항 : 아이디 ~ 이름까지는 label 태그와 input태그로 text 형식으로 구현할 수 있습니다. 다만, 성별 / 전화번호 / 이메일 / 자기소개를 구현하기 위해서는 특정한 태그를 사용해야합니다. └ 성별 : label 태그와 radio input 타입으로 선택할 수 있게 만들어줍니다. └ 전화번호 : select 태그로 하위 option에 지역번호를 넣어주어 가장 처음 지역번호를 선택..
Explain 람다식 - Lambda Expression : 자바에서 함수형 프로그래밍을 구현하는 방식 (자바 8부터 지원) : 클래스를 생성하지 않고 함수의 호출만으로 기능을 수행 '함수형 프로그래밍' 이란? : 순수함수를 구현하고 호출함으로써 외부 자료에 부수적인 영향없이 매개변수만을 사용하도록 만든 함수 : 외부에 영향을 미치지 않아 병렬처리 등에 사용이 가능 (+확장성 / +안정적) 일반 함수에서는 int add(int x, int y) { return x + y; ] 처럼 구현이 되지만, 람다식에서는 (int x, int y) -> {return x + y;} 처럼 간단히 구현할 수 있다. 매개변수가 1개이냐, 2개이냐에 따라 혹은 반환하는 값에 따라 중괄호의 여부가 달라지지만 기본적인 구조는 ..
Explain Compareble 인터페이스 : 컬렉션 프레임워크의 TreeSet, TreeMap 등 Tree--- 에서 쓰이는 인터페이스로, 정렬을 할 때 사용이 된다. : 여기서 TreeSet, TreeMap은 객체의 정렬에 사용되는 클래스를 의미 : Compareble 인터페이스는 compareTo()메서드를 구현하고, 매개변수와 객체 자신(this)를 비교한다는 점이다. Comparator 인터페이스 : 컬렉션 프레임워크의 TreeSet, TreeMap 등 Tree--- 에서 쓰이는 인터페이스로, 정렬을 할 때 사용이 된다. : Comparator 인터페이스는 compare()메서드를 구현하고, 두 개의 매개변수를 비교한다. - 중복을 허용하지 않으면서 오름차순이나 내림차순으로 객체를 정렬 - 내..
Explain 스택 (Stack) : 하노이탑에 개체를 쌓듯 데이터가 LIFO(Last-In First-Out) 구조로 쌓이는 자료구조 큐 (Queue) : 가로형태의 원통형 구조라고 가정할 수 있고, 맨 좌측 front, 맨 우측 rear(꼬리) 의 자료구조 : 데이터가 FIFO(First-In First-Out) = 가장 먼저 들어간 것이 가장 먼저 나오는 구조 해시세트 (HashSet) : Set 인터페이스의 구현 클래스로 객체를 중복해서 저장할 수 없고 : 하나의 null 값만 저장할 수 있는 Set의 성질을 그대로 상속받음 >> 저장순서가 중요하지 않음 >> 같은 Set 인터페이스의 하위 클래스 중 TreeSet은 데이터를 자동정렬해주는 특징이 있지만 HashSet은 그렇지 않음 실습코드 pac..
Explain 컬렉션 인터페이스 (Collection Interface) : 하나의 객체를 관리하기 위한 메서드가 정의된 인터페이스 : 하위에 List와 Set 인터페이스를 가짐 1. 리스트 인터페이스 (List Interface) - 순서가 있는 자료관리, 중복을 허용 - 객체를 순서에 따라 저장하고 관리하는데 필요한 메서드가 선언된 인터페이스 - 배열의 기능을 구현하기 위한 인터페이스 - 이 인터페이스를 구현한 클래스는 ArrayList / Vector / LinkedList / Stack / Queue 등이 있음 2. 세트 인터페이스 (Set Interface) - 자료관리에 순서가 없음, 중복을 허용하지 않음 - 이 인터페이스를 구현한 클래스는 HashSet / TreeSet 이 있음 - 아이디,..
