본문 바로가기

전체 글

 (133)
JAVA 조건문 ▶ if ~ else 조건문 6 - 메인 메소드에서 ageCheck 메소드를 호출한다. 이 때 입력변수는 90으로 입력하였음. 호출된 ageCheck 메소드는 위에서부터 순서대로 실행된다. 11 - 콘솔창에 "입력나이:"와 메소드를 호출하며 입력했던 나이(90)이 출력된다. 13 - 14 만약 입력 매개변수 age가 18보다 작거나 같은 경우, "미성년자" 메세지를 출력함 15 - 16 그렇지 않은 경우 중, 매개변수 age가 19보다 크거나 같으며 39보다 작거나 같을 경우, "청년"메세지를 출력함. 17 - 18 그렇지 않은 경우 중, 매개변수 age가 40보다 크거나 같으며 64보다 작거나 같을 경우, "중장년"메세지를 출력함. 19 - 20 그렇지 않은 경우 중 매개변수 age가 65보다 크거나 ..
메소드 선언과 호출 이해 메소드 선언과 호출 ▶ 메서드 호출의 원리 - 메서드명(이름)이 일치해야 한다. - 입력 갯수가 일치해야 한다. - 매개변수와 일치하는 값이 각각 매개변수에 입력된다. ▶ 메소드 선언과 호출의 이해 1) 하나의 패키지 내 하나의 클래스 내 리턴없고 입력없는 메서드 선언 및 호출 할 수 있다. 클래스 내에 메소드를 선언한 후 메인 메소드에 메소드 이름을 호출한다. 메소드를 선언 하면 메소드를 호출해 실행한다. 메소드 선언과 관계 없이 호출한 순서에 따라 출력한다. 2) 하나의 패키지 내 하나의 클래스 내 리턴없고 입력이 있는 메서드 선언 및 호출 할 수 있다. 메소드 a에 매개변수를 선언하고 (int age) 콘솔 출력창에 매개변수를 포함해 출력한다. 이때 메인 메소드에서 메소드 a를 호출할때 매개변수 a..
콜백함수(Callback) Callback 함수 ▶ 콜백함수 인수값으로 던져진 함수가 실행되면서 값이 매개변수로 반환되는 상태 함수의 내부처리과정을 리턴하는 용도로 쓰인다. 1. 다른 함수의 인자로써 이용되는 함수. 2. 어떤 이벤트에 의해 호출되어지는 함수. var sum = function(n1, n2, fn){ if(typeof fn == 'function'){ fn(n1+n2); } } sum(10, 20, function(n){ console.log(n); }); addEventListener또한 콜백함수라고 볼 수 있다. ▶ 콜백함수 실습 실습1. sum이라는 함수가 있다. 함수를 실행하면서 첫번째 인수는 배열, 두번째 인수는 함수이다. sum함수를 실행시켜 배열의 총 합산값을 2번째 인수의 함수의 매개변수로 받도록 하..
쿠키 쿠키 활용 컴퓨터에서 텍스트 파일로 저장된 데이터. 쿠키는 사용자에 관한 정보를 기억하는 용도의 데이터 이다. 세션과 쿠키를 확실하게 구분 지을 수 있어야 한다. 세션-서버에 저장, 쿠키-??? · 쿠키의 사용처 ☞ 데이터 저장 ▶ setCookie, getCookie w3school.com의 setCookie와 getCookie 소스코드를 활용해보자. - setCookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" +..
문자열 객체 문자열 객체 다루기 ▶ 문자열 객체의 선언 방법 new String() 형태를 생략하여 선언이 가능하지만 생성자 함수를 통해 객체를 생성하고 사용할 수 있게 해준다. - var 변수 = ' '; - var 변수 = new String(); - var 변수 = new String(' '); ▶ 문자열 객체의 메서드 및 속성 값에 의해 생성된 문자열 객체는 아래의 메서드 및 속성을 사용 할 수 있다. 다음은 자주쓰는 문자열 객체 메서드 및 속성을 정리한 표 이다. 어떤 것이 있는지, 그 사용법을 알아두자. 종류 사용법 설명 indexOf 변수.indexOf(' ') 변수값에 담긴 문자열을 indexOf의 인수값과 일치하는 인덱스 번호를 반환한다. lastIndexOf 변수.lastIndexOf(' ') 변수..
문서 객체 모델 이벤트 연산 문서 객체모델의 이벤트 연산 문서 객체모델을 이용하여 이벤트를 걸어주고, 이벤트 실행시 연산되어 결과값을 출력하는 작업을 해보자. ▶자바스크립트 이벤트 연산 아이디 action버튼 클릭시 input의 숫자값을 곱하여 아이디 result에 결과값을 출력하고, 계산값이 50 이상일 경우 텍스트 색상 빨강 49 이하일 경우 검정으로 설정하였다. X계산하기 결과값 더보기 X 계산하기 결과값 ▶ 자바스크립트 this 활용 readonly 속성이 부여된 input 박스 result 는 값을 웹에서 수정하지 못한다. 상품가격은 5천원이다. 수량을 선택할 경우 아이디 result에 총 상품가격을 상품가격 x 수량만큼 계산하여 적용하였다. 상품가격 : 상품수량 : :: 수량 선택 :: 1 2 3 4 총 계산 금액 : 더..
문서 객체 모델 Style dom style style의 속성을 사용 할 수 있다. (css) 스타일 주기 예를 들어 텍스트박스 하나와 버튼이 하나 있다. 크롬 개발자모드의 console창에 입력해서 dom 객체를 등록해 보자. dom객체를 변수에 담으면 style속성을 사용할 수 있다. 콘솔에서 텍스트박스에 스타일을 직접 변경할 수 있다. 스타일 이벤트 ▶ 스타일 변경 기능 javascript에서 style 속성을 사용하는 방법. 아래의 스타일 주기 버튼을 클릭시 스타일의 값이 변경된다. 이를 응용해 토글 기능을 만들 수 있다. 스타일 주기 스타일이벤트코드보기 ▶ innerHTML 문구 변경 기능 변수에 문자열을 초기화 시키고 새로 문자열을 할당하여 버튼을 누를시 문구가 바뀌는 기능이다. innerHTML HTML 삽입을 원한다..
유효성 검사 유효성 검사 ▶ 유효성 검사 입력 데이터가 정해진 포맷에 맞는지 확인해야 하는 경우, 자동으로 확인해주는 작업이다. 아래의 로그인 폼에 정보를 입력하지 않았을 경우 입력해달라는 경고창이 뜰 것이다. 이게 유효성 검사이다. 아 이 디 전송 (로그인) 비밀번호 더보기 아 이 디 전송 (로그인) 비밀번호 ▶ 회원가입 유효성 검사 회원가입 폼을 만들때 필수적으로 필요한 것이다. 이름 아이디 비밀번호 비밀번호확인 성별 남 여 회원가입 더보기 이름 아이디 비밀번호 비밀번호확인 성별남 여 회원가입

티스토리툴바