천천히 차근차근

BANANA APPLE ORANGE .fruit { display:flex; } .fruit > div { margin-left:30px; } .fruit > div > .btn { height:50px; width:100px; background-color:gold; border:none; cursor:pointer; } console.clear(); // 문제 : 엘리먼트를 3개 만들고 각각을 클릭하면 서로 다른 경고창 내용이 나오도록 해주세요. // 조건 : 사단장 변수 없이 진행해주세요. // 방법 1. $('.fruit > .banana > .btn').click(function(){ alert("I'm BANANA ,,,,,"); }); $('.fruit > .apple > .btn').cli..

console.clear(); var person = {}; // person.name = '홍길동'; person['name'] = '홍길동'; //person.age = 30; person['age'] = 30; person['character'] = '정의로움'; console.log(person.name); console.log(person['age']); console.log(person); 객체의 변수를 선언하는 방법은 일단은 2가지... 가 있다. 2가지 모두 선언하는 방법은 다르나 결과값은 같다. 같은 의미이다. console.clear(); var person = { 'name' : '홍길동', 'age' : 33 }; person.character = '정의로움'; console.log..

1. 구글 애널리틱스에 내 사이트 등록 2. 구글 애널리틱스 앱 다운로드(휴대폰) 3. 구글 사이트 등록 4. 네이버 사이트 등록 5. 구글 애드센스 3번. 구글 사이트 등록 - 구글 웹마스터 검색, 접속 URL 접두어 방식으로 입력하고 계속 클릭 사용할 수 있는 방법이 상당히 많다. - 그 중에서 HTML 태그 방법을 선택하고, meta를 복사한다. head.jspf에 안에 인증코드를 입력한다. - 입력하고 배포를 해주어야 한다. 다른 확인 방법 밑에 있는 '확인' 버튼을 클릭한다. 그러면 이렇게 소유권이 확인된다. '완료' 버튼을 클릭한다. 작업을 맡친 후 '계속' 버튼 클릭 속성으로 이동 버튼을 클릭 ==> 이렇게하면 구글 로봇이 우리사이트의 게시판 등 모든 자료를 검색해서 데이터를 만들어낸다. -..

var msg = '안녕하세요'; function hello(mode, num) { if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } for ( var i = 1; i

console.clear(); function hello(mode) { var msg = '안녕하세요.'; if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } console.log(msg); } hello('한국어'); hello('일본어'); hello('영어'); var hello22 = function(mode) { var msg = '안녕하세요.'; if ( mode == '일본어' ) { msg = '곤니찌와'; } else if ( mode == '영어' ) { msg = '헬로'; } console.log(msg); } hello22('한국어'); hello22('일본어'); hello22('영어');

console.clear(); //전역변수 var mode = 0; var hello = function() { // 지역변수 var temp = 0; mode++; if ( mode == 1 ) { console.log('안녕하세요.'); } else if ( mode == 2 ) { console.log('반갑습니다.'); } else { console.log('헬로'); } } hello(); hello(); hello(); hello();

html css body, a { margin: 0; padding: 0; text-decoration: none; } .dan { font-size:3rem; font-weight:bold; color:red; } .limit { font-size:1.8rem; font-weight:bold; } javascript console.clear(); // 예제 3-1개 //var $test = $('.test'); //$test.append('안녕하세요'); var dan = function(dan) { var $dan = $('.dan'); $dan.append('구구단 ' + dan + '단'); } var limit = function(limit) { var num = 8; dan(num); var ..

// 문제 : 함수 3개를 정의하고 실행해주세요. console.clear(); // 함수 3-1개 var num = function(a) { console.log('구구단 ' + a + '단'); for ( var i = 1; i

console.clear(); var a = 1 > 1; var typeOfA = typeof(a); console.log(typeOfA); var b = 1 == 1; var typeOfB = typeof(b); console.log(typeOfB); var c = 1 + 1; var typeOfC = typeof(c); console.log(typeOfC); var d = "1 + 1"; var typeOfD = typeof(d); console.log(typeOfD); ※ typeof 함수 사용 기본법

var say = function() { console.log('== 함수 시작 =='); console.log('안녕하세요.'); console.log('반갑습니다.'); console.log('== 함수 끝 =='); } say(); say(); ※ 기초 함수 사용법

※ input radio 독립하여 사용할 수 있다. - checkbox와는 다르다. - 중복 체크를 허용할 수도 있고, 독립적으로 사용할 수도 있다. - 같은 form 안에서 같은 name으로 만들어진다면 중복 허용을 허용하지 않는다. - 다른 form에서 사용하면 별개로 구분하여 사용할 수도 있다. ※ select multiple - select 사용 시, multiple 입력을 하면 여러개를 선택할 수 있도록 한다.

※ [ html, javascript ] 모바일에서 사이트가 PC에서의 픽셀크기 기준으로 작동하게 하기(반응형 하려면 필요) - head.jspf에 meta 코드만 저렇게 입력을 해주어도 모바일 모드에서 자동으로 zoom이 되지 않는다. - 원하는 경우 zoom은 가능(당겨볼 수 있음) ※ 기존 작업 내용 // 아이폰 용 끄기 // 1) Pinch Zoom 끄기 document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, false); // 아이폰 용 끄기 // Double tab Zoom 끄기 var lastTouchEnd..

※ [ javascript ] javascript 사파리 브라우저의 경우 history.back()을 했을 때 브라우저가 리프레시 되지 않는다. 아이폰의 경우 아래와 같은 코드를 입력해주어야 한다.

[ 서버 ] 무중단배포, 사후처리 자동화 1. .순서대로 입력을 해준다. - 무언가를 확인하시는걸까ㅠㅠ... - root 상태에서 (1). sudo vim /opt/tomcat/latest/ (2). sudo vim /opt/tomcat/latest/conf/ (3). sudo vim /opt/tomcat/latest/conf/server.xml 2. 무중단배포 사후처리를 자동화할 서비스를 찾아 뒤에 해당 코드를 입력해준다. - undeployOldVersions="true" 3. root 계정의 서비스 폴더 안에서 해당 명령어 입력 - sudo systemctl restart tomcat - tomcat을 재실행 해준다. 4. /ROOT##4 버전을 4로하고 다시 배포를 해본다. 5. 배포를 한 후 T..

※ [ 서버 ] 무중단 배포 1. sudo systemctl restart tomcat 명령어 입력 - putty에서 sudo systemctl restart tomcat명령어를 입력하면 tomcat이 재 실행된다. - tomcat이 재실행될 때에는 :8080/manager/html도 로딩을하며 서비스도 tomcat이 재실행되는 동안 다운되는 모습을 볼 수 있다. - 재실행되는 시간이 너무 길어서 웬만하면 껐다키지 않는 것이 좋겠다. 2. 기존 manager/html 의 모습 - pom.xml에서 / 를 - /ROOT##2로 입력을 하면 Tomcat 웹 애플리케이션 매니저에 다른 경로로 서비스가 업로드 된다. - ##2가 아니라 /ROOT##2라고 써주어야 한다. - / 자체가 ROOT를 생략한 것이다...

※ [ maven ] pom.xml에서 web.xml 파이링 없다고 징징댈 때, pom.xml에 코드를 아래와 같이 한줄 추가 해준다. false

[ 서버 ] 자바, 블로그 구현, 톰캣원격배포 적용 ※ 이제는 war 파일을 export해서 filezilla로 배포하지 않아도 된다. ※ 스프링 프로젝트처럼 한방 배포가 가능하다. 1. 스프링 프로젝트 pom.xml의 해당 plugin을 복사한다. 2. 비스프링 프로젝트 pom.xml에 복사한 내용을 붙여넣는다. 3. 만약 local이랑 똑같이 하려면 /에 /java-blog라고 입력을 해주어야 한다. - java-blog외 프로젝트 명 - 이렇게하면 서버에도 java-blog가 붙어다닌다. - 아무것도 붙이지 않고 /만 입력한다면 ROOT.war 파일을 배포하는 것과 같다. - url을 해당 프로젝트에 맞게 입력을 해준다. 4. 한방 배포를 할 때는 Name은 내가 기억하기 위한 용도, Goals는 ..

[ Java ] 상속 protected 설명 - 외부에 오픈은 되지 않지만 자식에게 상속은 가능한. - 자식이 자유롭게 변수를 사용할 수 있다. ※ private를 사용해서 getter, setter를 주로 사용했지만 일손을 줄이기 위해서 상속을 해주고 protected로 변수 선언을해서 자식 클래스가 자유롭게 사용할 수 있도록 한다. - private로 한다면 public 메서드로 getter, setter 메서드를 만들어서 사용해야 한다. - protected로 변수를 선언한다면 상속을 받은 자식 클래스는 원하는대로 변수를 사용할 수 있다. - 굳이 getter, setter를 해줄 필요가 없다.

protected : 외부에 오픈은 되지 않지만 자식에게 상속은 가능한. 자식이 자유롭게 변수를 사용할 수 있다.

nginx https://gdtbgl93.tistory.com/96 IP로 접근하는 http 요청은 기본 80 (Apatche, Nginx) 톰켓(was)은 8080 프록시 설정을 통해 80포트로 요청이 왔을 때 톰켓 8080으로 리다이렉트 시킴 https://dailyworker.github.io/Nginx-Connect-Tomcat/ 가상 호스트 설정(하나의 서버에 여러개의 웹서버 구동)과 리버스 프록시 구축에 사용 Nginx의 reverse proxy설정을 통해 Nginx와 was 연동 Reverse Proxy는 엑세스 포인트를 주어서 각기 다른 도메인을 사용해도, 한 엑세스 포인트에서 로그관리와 클라이언트 요청에 맞게 url 매핑을 하는 기능을 수행