공부하는 블로그

-풀이 전 갤러리-123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 div.image-container{ position: relative; } div.image-container img{ position: absolute; left:0; top:0; width:120px; } /* 미션 04: 심플 갤러리를 함수로 만들기 1 이번 미션은 1부 06장 for문 편에서 만든 심플 갤러리를 실행 예처럼 동작하게 simpleGallery() 함수 버 전으로 만드는 것..

인터페이스 키보드나 디스플레이 따위처럼 사람과 컴퓨터를 연결하는 장치 자바에서의 인터페이스:1.기능에 대한 선언과 구현 분리 123456public interface Ainterface { // 기능에 대한 선언 public void funcA(); }cs 12345678public interface AinterfaceImpl implements Ainterface { @Override public void funcA() { System.out.println("AAA"); } }Colored by Color Scriptercs 2.기능을 사용한 통로(기능을 호출한 통로) 123456789public class Main { public static void main(String[] args) { Ainte..

12345function 함수이름 ([매개변수1, 매개변수2, . . .]){ 실행구문; [return 리턴값;]}Colored by Color Scriptercs 호출:리턴값이란?함수 내부는 함수로 포장되어 있기 때문에 한번 실행되면 함수 외부에서 접근 할수 없다. 이때 매개변수를 활용하면 함수 내부로 데이터를 전달 할수 있다. 리턴값은 매개변수와 반대되는 값이다. 정리) 매개변수 값: 함수 외부에서 함수 내부로 들어오는 입력값리턴값: 함수 내부에서 처리한 결과값을 함수 외부로 전달하기 위한 일종의 출력값 실행결과:

함수를 활용한 경우 장점1. 코드 중복 제거 및 코드 재사용1234567891011//함수정의 (재사용할 코드를 포장하는 기술)function showName(name) { for(var i=1;i

자바스크립트의 while문은 다음과 같은 경우 주로 많이 사용하게 된다.1. 무한반복처리2. 파일 읽기3. 파일 쓰기4. 파일 전송 5. DB데이터 출력하기

1. 이벤트 등록1$대상.on("이벤트이름","이벤트리스너");cs또는1$대상.단축이벤트메소드(이벤트리스너);cs 예제: 확인 버튼을 클릭하면 "안녕하세요."메시지를 출력해 주세요.1234567891011 $(document).ready(function(){ $("#btnCheck").on("click",function(){ alert("환영합니다."); //일반 이벤트 등록 방법 }); //또는 $("#btnCheck").click(function(){ alert("환영합니다."); // 단축이벤트 등록 방법 }) })Colored by Color Scriptercs 2. 스타일 설정하기.설정내용이 하나인 경우1$대상.css("스타일이름", 값);cs 설정내용이 여러개인 경우12345$대상.css({ ..

jQuery를 활용한 노드를 찾는 기본적인 방법1var $ 변수이름 = $("css 선택자");cs $()의 정체:함수의 호출 / 함수이름이 $인 함수 호출$()함수의 역할은 선택자에 해당하는 노드를 찾아주는 역할을 한다. "css 선택자":찾고 싶은 선택자를 만들어 $()함수의 매개변수 값으로 넣어주면 된다. var $ 변수이름:$()함수에서 리턴해주는 값을 저장하기 위해 만든변수변수이름 앞에 $를 붙여준 이유는 jQuery기능이 들어있는 변수라는 것을 표현하기 위해서. 1234567// 예제: 문서에서 div태그의 글자색을 모두 빨간색으로 변경해주세요. $(document).ready(function(){ var $divs = $("div"); $divs.css("color","#f00"); })Co..

123456789101112 01) 변수 test1에 들어있는 숫자 값을 문자로 변형해주세요. // 풀이 1 String()을 이용한 방법var test1 = 15;var result = String(test1);document.write("result= "+result); // 풀이 2 toString()을 이용한 방법var test1 = 15;var result = test1.toString();document.write("result1="+result); cs 12345678 02) 배경을 빨간색으로 변경해주세요. $(document).ready(function() { var bgColor = 0xF00; $("body").css("background-color", "#"+bgColor.toStri..