Programming language
-
margin과 padding 순서는 왜 쓸때마다 까먹는 것 같지..해서 기록 border를 기준으로 margin은 바깥쪽 여백, padding은 안쪽 여백을 지정한다.margin과 padding의 사용은 간단하다. 기본이 되는 수치는 4개이다.여백은 상하좌우 모두 조정이 가능하며 픽셀(px) 또는 %로 수치를 조절할 수 있다.margin과 padding을 사용할 때 여백의 방향은 상 >> 우 >> 하 >> 좌 이다. 예를 들어 외부여백을 상 : 5, 우 : 2, 하 : 5, 좌 : 2만큼 주고 싶다면 아래와 같이 하면 된다.☞ margin : 5px 2px 5px 2px; 외부여백 상 : 5, 우 : 5만 주고 싶다면☞ margin : 5px 5px; 외부여백 상 : 15만 주고 싶을 때는 이렇게도 사용..
margin과 padding 2018. 8. 22. -
DOM(Document Object Model)DOM은 Document Object Model의 약자로 번역 그대로 문서 객체 모형으로 해석이 가능하다. W3SCHOOLS의 말을 빌려보면 DOM은 W3C (World Wide Web Consortium) 표준으로서 프로그램 및 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 액세스하고 업데이트 할 수있게 해주는 플랫폼 및 언어 중립적 인터페이스이다. 쉽게 DOM은 우리가 HTML 요소를 제어할 수 있게 방법을 제공해준다고 생각하면 된다. 그리고 자바스크립트와 같은 스크립팅 언어를 통해 접근하고 조작한다.오해하면 안되는 것은 DOM은 자바스크립트에서 정의한 것이 아닌 W3C 표준이라는 것이다. DOM은 아래와 같이 트리 형태의 자료 구조를 가진다.요소가..
DOM(Document Object Model) 2018. 8. 21. -
오늘은 자바의 예외처리 try catch finally문에 대해 정리를 해보려고 합니다. try catch finally 우리가 사용하는 프로그램은 수행 중 예상치 못한 상황에 맞닥뜨릴 수 있습니다. 이를 오류(Error)라고 하는반면 예상을 할 수 있는 상황이 있는데 이를 예외(Exception)라고 합니다. 예외가 발생하면 프로그램은 비정상 종료됩니다. 따라서 예외 처리를 해주어 프로그램이 비정상 종료되는 것을 미연에 방지해주는 것이 좋습니다. 자바에서는 예외가 발생하면 JVM(자바가상머신)이 관련 예외 클래스에서 예외 객체를 생성해 넘겨줍니다. 우리는 JVM으로부터 받은 예외 객체를 try catch finally로 잡아주면 됩니다. 결론적으로 try catch finally는 자바의 예외처리를 핸..
[Java]try catch finally 2018. 8. 17. -
Split() Split 함수는 문자열을 특정 문자를 기준으로 구분하여 배열 안에 담아줍니다. 아래는 페이지 내에서 Split 함수를 사용한 예제입니다. cast라는 문자열은 ';(세미콜론)'에 의해 구분되어 배열 weather에 입력됩니다. 그리고 배열 인덱스 0번 자리부터 순서대로 입력해주었습니다. 오늘의 날씨 버튼을 클릭하면 결과를 확인할 수 있습니다. 오늘의 날씨 + 피드백은 언제나 환영입니다 :)
[Java]Split 함수 2018. 8. 13. -
개발을 하다보면 이런 에러를 마주할 때가 있을 것입니다. java.lang.ArrayIndexOutOfBoundsException 오류를 잡는 법은 에러 아래 줄을 따라 해당 소스의 라인을 찾아가면 되는데 근본적인 원인은 배열 인덱스와 관련이 있습니다. 쉽게 말해 프로그램이 배열 인덱스보다 큰 요소에 접근하게 될 때 이런 오류가 발생합니다. 예를 들어 배열을 박스라고 생각해보겠습니다. 이 박스의 공간은 세 개라고 정의합니다. 이 각각의 공간은 배열의 요소라고 불립니다. 이처럼 공간이 정의된 배열을 생성하면 배열의 요소는 기본값을 갖습니다.(int는 0, String은 null) 배열의 인덱스는 배열의 요소를 구분하는 일련번호라고 생각하면 됩니다. ※배열의 인덱스는 0부터 시작합니다. 이제 그럼 박스 안에..
[Error]java.lang.ArrayIndexOutOfBoundsException 2018. 8. 9. -
오늘은 시간이 조금 남아서 부트스트랩의 모달이 아닌 div로 모달창을 만들어봤다. 매우 간단하게! 먼저 로 쓰인 코드마우스 오버 시에 아래 이벤트가 발생하게 되고 div의 id를 가지고 숨겨진 div를 display시켜준다.+ 추가로 display되는 div안에 이미지 및 텍스트를 넣을 수 있다. 123456789101112131415161718192021222324252627function mousehover(e){ var background = document.getElementById("background"); var popup = document.getElementById("popup"); var emp_nm = document.getElementById(e.getAttribute('id')).g..
[Javascript]div modal창 만들기 2018. 6. 26. -
간단한 태그의 id값 가져오기function mousehover(e){ alert("ID : " +document.getElementById(e.getAttribute('id')).getAttribute('id'));}라이언
[Javascript]id값 가져오기 2018. 6. 25. -
document.getElementById()를 사용하면 HTML 태그의 속성들을 변경해줄 수 있다. 간단하게 아래 코드를 통해 몇 개만 알아보면, - 배경색 변경 : document.getElementById().style.backgroundColor="#색상";- 디스플레이 유무 : document.getElementById().style.display="none(or block)";- URL입력 : document.getElementById().src="url 입력"; 보통 태그안에서 사용하는 style 속성의 font-weight라던지, background-color같이 '-'로 나누어져있는 부분은 이어 붙인 뒤 대문자 처리를 해준다. 1234567891011121314151617181920212..
[Javascript]document.getElementById() - (2) 2018. 6. 22.