본문 바로가기

분류 전체보기474

메서드(함수) 객체의 기능을 구현하기 위해 클래스 내부에 구현되는 함수 멤버 함수이라고도 함 메서드를 구현함으로써 객체의 기능이 구현 됨 메서드의 이름은 그 객체를 사용하는 객체에 맞게 짓는것이 좋음 내부 클래스 함수 이용 예제 public class FuntionTest { public static void main(String[] args) { int n1 = 10; int n2 = 20; int total = addNum(n1, n2); System.out.println(total); sayHello("안녕하세요"); total = calcSum(); System.out.println(total); } public static int addNum(int num1, int num2) { int result; res.. 2021. 4. 12.
객체 지향 프로그램 객체 의사나 행위가 미치는 대상 구체적, 추상적 데이터 단위 객체지향 현실에 존재하는 사물을 그대로 모델링하여, 이들의 행위와 속성을 정의하고, 절차적이 아닌 객체가 중심이 되어 실제 사물이 동작하는 방식으로 설계하기 시작 사물에 대해서는 객체(Object)라고 부르며, 해당 사물이 하는 행위를 Method로 정의하고 해당 사물이 가지는 속성을 변수 (Variable)라고 정의 한다. 객체의 3가지 요소 - 상태 유지 (객체의 상태) 객체는 상태정보를 저장하고, 유지되어져야 하며 이러한 속성(Variable)은 변수로 정의 되어져야 한다. 이러한 속성값이 바뀜으로 인하여, 객체의 상태가 변경 될 수 있어야 한다. - 기능 제공 (객체의 책임) 객체는 기능을 제공해야 한다. 이 부분은 Method의 제공으.. 2021. 4. 12.
CSS 선언 방식(link, import) link 방식: 병렬 방식(한번에 가져와서 처리) 태그를 이용하여 외부 CSS문서를 가져와서 연결하는 방식 import 방시: 직렬 방식(순서대로 처리) CSS의 @import 규칙으로 CSS 문서 안에서 또 다른 CSS 문서를 가져와 연결하는 방식 @import url("./box.css"); 고의로 해당 CSS파일이 늦게 적용되기를 바랄 때 유용하게 사용 2021. 4. 11.
특정 태그에 데이터를 지정하는 방법 data 속성, defer 속성 data속성으로 해당 데이터 가져오는 방법 문법 사과 바나나 const els = document.querySelectorAll('div') els.forEach(el => { console.log(el.dataset.fruitName); }); 결과 defer속성 필요성: 자바스크립트가 상단에 명시되어 있는경우 body태그 부분에 태그값을 못가져와 작동을 안될때 사용 SCRIPT요소에 defer속성은, HTML 구조가 준비된 후(문서 분석 이후)에 JavaScript를 해석하겠다는 의미가 있다. 외부에 있는 JS파일을 사용할 때만 해당 속성을 이용할 수 있다고 한다. 2021. 4. 11.
iframe 높이 자동 조절 참고 NAVER About Login about login Test1 Test2 2021. 4. 11.
CSS 초기화 (크로스브라우저 이용시) 권장 구글창에 reset.css cdn 검색 주소 www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use. www.jsdelivr.com reset.min.css: 경량화한 버전(추천) 클릭 후 URL복사 태그안에 태그를 추가 2021. 4. 11.

티스토리툴바