안녕하세요. 이번 포스팅에서는 수학과 관련된 작업을 처리할 수 있는 Math 클래스에 대해서 알아보겠습니다. Math 클래스는 java.Lang 패키지에 포함된 클래스로 수학과 관련된 일련의 작업들을 처리할 수 있는 클래스입니다. Math 클래스의 다양한 메소드들은 전부 static으로 구현되어 있으므로 따로 객체를 생성하지 않고 사용할 수 있습니다. 1. abs() 메소드 Math 클래스의 abs() 메소드는 인자로 넘긴 데이터의 절댓값을 반환해줍니다. 전달된 값이 양수이면 전달된 값 그대로 반환합니다. 1 2 3 4 5 6 7 8 9 10 11 import java.lang.Math; public class Sample { public static void main(String[] args) { Sy..

안녕하세요. 이번 포스팅에서는 자바 자료구조 중 하나인 ArrayList의 사용법에 대해서 알아보겠습니다. 1. ArrayList 생성 ArrayList는 java.util.ArrayList에 포함되어 있으므로 아래와 같이 import 시켜줍니다. import java.util.* import java.util.ArrayList import 하였다면 아래와 같이 ArrayList 객체를 생성해줍니다. ArrayList arrayList = new ArrayList(); 자바에서 배열을 선언하는 것처럼 List의 Size를 초기화해줄 필요가 없습니다. 배열처럼 고정된 크기를 가지는 것이 아니라 메모리가 허용하는 한 자동으로 ArrayList 크기는 동적으로 변경됩니다. 그럼 이제부터 ArrayList에서 ..

안녕하세요. 이번 포스팅에서는 자바에서 특정 문자열의 공백 문자를 제거하는 방식에 대해서 알아보겠습니다. 1. public String trim() 첫 번째는 trim 메소드입니다. trim 메소드는 String 클래스에서 제공하는 메소드로 문자열의 앞뒤 공백을 제거해주는 메소드입니다. 사용방식은 아래와 같습니다. String s1 = " Hello World "; String s2 = s1.trim(); 인자 정보는 없고 공백을 제거한 문자열을 반환해줍니다. 아래 샘플 예제를 보죠. 1 2 3 4 5 6 7 8 9 10 public class Sample { public static void main(String[] args) { String s1 = " Hello World "; //공백 문자열을 제..

안녕하세요. 이번 포스팅에서는 css 속성 중 position 속성에 대해서 알아보겠습니다. position 속성은 html 요소의 위치를 지정하는 속성으로 대표적으로 자주 사용하는 속성값으로 absolute, relative, static 속성값이 있습니다. 하나씩 알아보도록 하죠. 특정 요소의 위치는 요소가 시작하는 좌상단의 좌표를 지정함으로써 원하는 위치에 두는 게 가능합니다. 결국 position이라는 속성은 요소의 좌상단 좌표를 어떤 방식으로 설정할지를 결정할 수 있는 속성입니다. 이제 position 속성에 사용되는 중요 속성값들에 대해 하나씩 알아보도록 하겠습니다. 1. absolute 속성 값 먼저 absolute 속성값입니다. absolute는 자신의 현재 상위태그에 해당하는 요소에서 특..

이번 포스팅에서는 substring 메소드를 활용한 문자열 자르기에 이어서 split 메소드 활용에 대해서 알아보겠습니다. 자바에서 특정 문자열을 구분자(delimeter)를 기준으로 잘라 배열에 담아두는 것이 가능합니다. 바로 split() 메소드입니다. split 메소드를 사용하는 방식에는 두 가지가 있습니다. 하나는 인자 정보 하나를 넘기는 것과 두 개를 넘기는 것이 있습니다. 먼저 split 메소드가 동작하는 방식은 아래 그림을 참조 바랍니다. s1 배열에는 "Hello/World/LKT" 문자열이 들어가 있고 split 메소드를 통해 문자열을 잘라 s2 문자열 배열에 들어가는 모습을 표현한 그림입니다. 1. public string[] split(String regax) 먼저 첫 번째 방식은 인..

안녕하세요. 이번 포스팅에서는 Java String 클래스에서 특정 문자열을 잘라 낼 수 있는 sbustring Method에 대해서 알아보도록 하겠습니다. 1. substring Method 먼저 사용방법에 대해서 알아보도록 하겠습니다. 첫 번째는 Start Index만 매개변수로 넘기는 방식입니다. s1 문자열에서 Start Index부터 시작하여 문자열 끝까지 자른 새로운 문자열을 반환해줍니다. 두 번째 방식은 Start Index와 End Index를 지정하는 방식입니다. s1 문자열에서 Start Index부터 시작하여 End Index에 해당하는 문자 앞까지 자른 문자열을 반환해줍니다. 주의할 점은 End Index로 지정한 위치를 포함한 문자열을 자르는 것이 아니라 End Index로 지정한..

이번 포스팅에서는 String Class의 문자열 처리와 관련된 함수에 대해 정리를 해보겠습니다. 1. char charAt(int index) s1.charAt(index)는 s1 문자열에서 index 번째에 해당하는 문자를 반환하는 함수입니다. 문자열에서 index는 0에서부터 시작합니다. 123456789101112public class Sample{ public static void main(String[] args) { String s = "Hello"; System.out.println("0번째 index에 해당하는 char : " + s.charAt(0)); System.out.println("1번째 index에 해당하는 char : " + s.charAt(1)); System.out.pri..

이번 포스팅에서는 html 요소에 테두리를 지정하는 border 속성에 대해서 알아보도록 하겠습니다. 1. border 속성 border 속성은 요소의 테두리를 지정할 때 사용하는 속성입니다. CSS로 border 속성을 지정하는 형태는 아래와 같습니다. ▼ 첫 번째 요소에는 테두리 두께가 오고 두 번째 요소에는 테두리 스타일 세 번 째 요소에는 테두리 색깔이 옵니다. 특정 요소의 4가지 방향에 대해서 각각 다르게 border 속성을 부여하는 것이 가능합니다. 각 방향에 대한 속성명은 아래 그림과 같습니다.▼ 요소에서 각 영역의 위치는 4가지로 구분이 가능합니다. top, right, bottom, left 영역으로 나누어지고 각 영역에 대해 다르게 border 속성 적용이 가능합니다. 아래 샘플 예제를..

이번 포스팅에서는 재귀 알고리즘 기초에 대해서 알아보겠습니다. 1. 재귀 알고리즘 기초. 재귀 (Recursion) 함수란 특정 함수 내에서 자기 자신을 다시 호출하여 문제를 해결해나가는 함수입니다. 문제를 해결하기 위해 원래 범위의 문제에서 더 작은 범위의 하위 문제를 먼저 해결함으로써 원래 문제를 해결해 나가는 방식입니다. 일반 반복문을 통해 구현 가능한 기능은 재귀 함수를 통해 구현이 가능하며 반대로 재귀 함수로 구현 한 기능을 반복문으로 구현이 가능합니다. 재귀 함수는 함수 내에서 자기 자신을 계속 호출하는 방식이기 때문에 함수 안에 반드시 종료 구간이 되는 Base Case를 생각하며 코드를 구현해야 합니다. 아래 샘플 예제를 한 번 보겠습니다. 1234567891011121314public c..

이번 포스팅에서는 jquery 라이브러리를 HTML에서 연동하는 방법에 대해 알아보겠습니다. jquery 라이브러리를 연동하는 방식에는 다운로드 방식과 네트워크 전송 방식 두 가지가 있습니다. 1. 다운로드 방식 다운로드 방식은 jquery 라이브러리 파일을 다운로드 받아 HTML에서 해당 파일을 불러와서 연동하는 방식입니다. https://cdnjs.com/ jquery 라이브러리 파일을 받을 수 있는 위 사이트로 이동해줍니다. 해당 사이트에서 jquery를 검색하고 우측에 Copy를 선택하면 jquery 라이브러리 파일이 있는 url이 복사가 됩니다. 해당 url로 이동하여 Ctrl + S를 눌러 HTML 파일이 있는 폴더에 복사를 해줍니다. 다음으로 HTML로 이동하여 태그 안에 6번 라인과 같이 ..

CSS 속성 강좌 3번째 포스팅입니다. 오늘 포스팅 할 내용은 box-sizing 속성인데요. 해당 속성은 특정 엘리먼트의 크기를 어떻게 결정 할 것인지를 선택 할 수 있도록 해주는 속성입니다. div 태그로 정의 된 박스형태의 레이어가 있고 CSS 속성부여로 박스 영역의 width와 height 크기를 각각 200px로 지정하였다고 가정 해보겠습니다. 이 때 box 영역 사이즈에 영향을 끼칠 수 있는 border 값과 padding 값도 지정을 하였다면 border값과 padding 값도 전체 영역 크기에 포함이 되면서 의도했든 의도하지 않았든 200px 보다 더 큰 width와 height 크기를 가지는 영역이 설정이 됩니다. box-sizing 속성은 padding이나 border 값을 전체 영역크..

안녕하세요. 오늘은 CSS 속성 중 margin과 padding에 대해서 포스팅을 하고자 합니다. margin과 padding 속성의 경우 웹 페이지의 요소 배치와 관련해서 아주 중요한 속성이라고 할 수 있습니다. 반드시 margin과 padding 속성에 대해 정확히 알고 두 속성의 차이점에 대해서도 반드시 이해를 하셔야 합니다. margin과 padding은 html 요소사이의 간격을 설정 할 수 있는 속성인데 적용이 되는 형태에 차이가 있습니다. 아래 그림을 참고해주세요. ▼마치 붉은색 사각형 영역안에 파란색 사각형이 들어간 형태로 보이지만 사실 붉은색 영역은 공백영역이라고 생각하시면 됩니다. 먼저 왼쪽 영역의 파란색 사각형을 original size라고 생각하고 보시길 바랍니다. 상하좌우 각각 5..

안녕하세요. 저번 포스팅을 마지막으로 CCS 선택자에 대해 공부를 했습니다. 사실 제가 포스팅한 내용 말고도 다른 선택자들이 더 많습니다만 사용 빈도가 높지 않다고 판단하여 따로 포스팅을 하지 않을 생각입니다. 이번 포스팅부터는 CSS 속성에 관해 포스팅을 이어 나갈 생각입니다. 오늘 다룰 내용은 CSS 속성 중 display / opacity / visibility 속성이 되겠습니다. 하나씩 알아보도록 하죠. 1. display 속성 display 속성은 태그가 화면에 어떤 식으로 보이는지를 지정하는 속성입니다. 앞서 div 태그와 span 태그의 차이를 다루는 포스팅에서 언급한 적이 있는 내용인데요. display 에 사용되는 속성값은 여러개가 있지만 중요한 속성 3개 값만 살펴 보겠습니다. 속성값 ..

안녕하세요. CSS 선택자 강의 4 번째 포스팅입니다. 오늘 포스팅 할 내용은 반응/상태/구조 선택자가 되겠습니다. 다른 선택자 공부를 하고 싶으면 아래 다른 포스팅을 참고해주세요. CSS 선택자 공부하러 가기! [HTML5/CSS3] 선택자(Selector)를 통해 CSS를 적용해보자 #1[HTML5/CSS3] 선택자를 통해 CSS를 적용해보자 #2 #혼합 선택자 #속성 선택자 [HTML5/CSS3] CSS 선택자 #3 - 하위 선택자 / 자식 선택자 / 등위 선택자 1. 반응 선택자 반응 선택자는 웹 페이지를 보는 사용자가 마우스로 특정한 행동을 취했을 때 CSS 속성을 지정 할 수 있는 선택자를 의미합니다. 반응 선택자의 유형에 대해서는 아래 표를 참조해주세요. 유형 해석 h1:hover h1 태그..

안녕하세요. CSS 선택자와 관련된 3번째 포스팅입니다. 오늘 배울 선택자는 하위 선택자와 자식 선택자 그리고 등위 선택자가 되겠습니다. 다른 CSS 선택자 공부하러 가기 ! 선택자(Selector)를 통해 CSS를 적용해보자 #1선택자를 통해 CSS를 적용해보자 #2 #혼합 선택자 #속성 선택자 1. 하위 선택자와 자식 선택자 먼저 태그 구조에서 자손과 자식에 대한 개념을 살펴보겠습니다. 태그를 활용하여 작성한 간단한 HTML 코드입니다. 해당 코드의 태그 구조를 tree 구조로 살펴보면 다음과 같습니다. 후손이라는 말은 특정 태그에 종속되어 있는 모든 하위 요소들을 의미합니다. 위 구조에서 html 태그의 후손에 해당하는 태그들인 태그들에 이에 해당합니다. 자식 태그의 경우는 특정 태그에 종속되면서 ..