afullmoon afullmoon

1. 함수 (1) basic //함수 정의 //함수의 이름은 동사적 기능이 내포되게 짓습니다. function calcTotal(x){ consol.elog('함수가 호출됨!'); var total = 0; for(var n=1; n { return n1 + n2; } console.log(calcTotal(10)); var result = calcTotal(50); console.log('result: ' + result); console.log(add(10,20)); console.log(add2(10,20)); console.log(ad3(10,20)); //함수를 변수에 할당할 수 있습니다. var ct = calcTotal; var result2 = ct(200); console.log('res..

지난주에 이어서, 1. 데이터 타입. etc //논리 타입 var logical = false; logical = true; //logical = True; var apple = 0; if(apple){ console.log('사과가 ' + apple + '개 있습니다.'); } else{ console.log('사과가 하나도 없습니다.'); } //null var banana = '바나나'; banana = null; console.log(typeof banana); 2. 연산자 (1) 비교연산자 var a = 5, b = '5'; // == 연산자는 암묵적으로 문자열 내부에 숫자가 있다면 자동으로 숫자로 변환한 후 비교합니다. // ===을 사용하면 타입까지 일치하는지 비교합니다. console.lo..

일단 첫 시간에 시험을 보고~ 1. 마우스를 올리면 해당 박스가 위로 올라오면서 색이 변한다. .container{ width: 600px; margin: 100px auto 0; } .container .box{ position: relative; width: 100px; height: 100px; background: tomato; border: 4px dashed red; font-size: 30px; margin-right: -30px; text-align: center; line-height: 100px; float: left; } .container .box:hover{ background: yellowgreen; border-color: yellow; z-index: 10; position:..

position 배우는 날!~ 키워드: absolute, relative, fixed, stack-order, sticky 1.absolute .container{ width: 400px; height: 300px; border: 4px dashed lightgray; margin: 100px 0; } .box{ width: 150px; height: 100px; background: red; border: 4px dashed orange; position: absolute; left: 160px; bottom: 150px; } 그림과 같이 나온다. 2. relative .box{ width: 100px; height: 100px; background: red; border: 4px dashed oran..

1. body{ height: 3000px; } .box{ width: 90%; height: 200px; margin: 200px auto 0; overflow: auto; background-image: url('./images/sky.jpg'); background-size: 300px 200px; background-repeat: no-repeat; background-attachment: local; } ~Lorem 생략~ 스크롤도 나오고~ 구름도 나온다. 2. .picture{ width: 200px; height: 150px; background: red; float: left; margin-right: 15px; } Lorem 생략 3. .box{ width: 150px; height: 1..

- Java Servlet이란 웹 페이지를 자바 언어로만 구성하는 기법이다. - (자바 클래스들) jsp 파일을 자바 언어로만 구성하는 것이다. - 톰캣을 사용해서 jsp파일을 자동으로 class로 변환 했다면 직접 클래스를 생성해서 클래스로 요청을 처리한다. (~con.jsp) -> (class) public class ServletBasic extends HttpServlet { # 서블릿 클래스를 만드는 방법 1. HttpServlet 클래스를 상속 (extends HttpServlet) 2. 생성자를 선언(선택)한다. public ServletBasic() { System.out.println("페이지에 요청 들어옴"); System.out.println("서블릿 객체 성공"); } 3. Http..

오늘은 EL(Expression Language)에 대해서 배웠다. -EL이란 JSP에서 저장객체를 출력할때 스크립팅을 전혀 쓰지 않을 수 있는 기술이다. -EL은 일종의 스크립트 언어로 자료 타입, 수치 연산자, 논리 연산자, 비교 연산자 등을 제공하며 표현식을 대체할 수 있다. 을 EL에서는 ${value} 로 나타낼 수 있다. 쌤 왈.. 뚝배기에 신경을 안 써줘서 편하다고..! JSTL(JSP standard tag library)는 기존의 jsp 경우, html 태그와 함께 사용되어 전체적인 코드의 가독성이 떨어지기 때문에 단점을 보완하고자 만들어진 것이다. jstl을 사용하면 자바의 제어문을 html 태그화 시킬 수 있다. 코어 라이브러리를 사용하기 위해 태그를 써야 하는데 를 반드시 써 줘야 ..

오늘은 어제와 마찬가지로 실습을 했다. 회원의 회원가입 (아이디 중복 확인) -> 로그인 -> 마이페이지 -> 비밀번호 변경 -> 회원정보 수정 -> 회원 탈퇴 -> 로그아웃까지! 하나 더 알려주신 것은, finally를 적으면서 일일히 conn.close(); 등등을 적어주기 귀찮으니 # try with resource - try문을 작성할 때 자원 객체를 소괄호 안에 전달하면 try블록이 끝날 때, 자동으로 자원을 해제해 준다. - 자동으로 종료되는 자원은 반드시 AutoCloseable 인터페이스의 구현체여야 한다. 이것을 사용하라는 것이었다. 확실히 편했다. @Override public boolean confirmId(String id) { boolean flag = false; String s..