티스토리

디케이

검색하기

블로그 홈

디케이

d8040.tistory.com/m

디케이형 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

[JavaScript] Ajax 기본 설명 동작 AJAX (Asynchronous Javascript And XML) AJAX란, JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자이다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술이다. 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 요청하는 것이다. 비동기 방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그.. 공감수 0 댓글수 0 2021. 3. 10.
이클립스 JSP, html 이용시 초기 셋팅 이클립스 JSP, html 이용시 초기 셋팅 window >> preference 실행 html 검색 HTML Files >> Editor 선택 Inline Elements 에서 아래 항목 삭제 a, b, br, i, img, input, label, li, s, select, span, strong, td, th, title 공감수 0 댓글수 0 2021. 2. 28.
[html] onclick시 location.href와 location.replace 차이 K.html, a.html, b.html 3개에 페이지가 있다고 가정할때 페이지 이동 방법은 크게 3가지가 있습니다. //1번째 방법 공감수 0 댓글수 0 2021. 2. 28.
[html] form 작성 시 get과 post 차이점 GET 위와 같은 폼에서 전송으로 get처리 하면 아래와 같은 url생성 http://localhost:8021/usr/home/main?age=11 기본적인 HTTP Request(요청서) --- Header --- 주소: http://localhost:8021/usr/home/main 쿼리 파라미터: age=11 --- Body --- POST 위와 같은 폼에서 전송으로 post처리 하면 아래와 같은 url생성 http://localhost:8021/usr/home/main?age=11 기본적인 HTTP Request(요청서) --- Header --- 주소: http://localhost:8021/usr/home/main 쿼리 파라미터: --- Body --- age=11 정리 get은 부가정보 쿼.. 공감수 0 댓글수 0 2021. 2. 28.
[java] 인터셉터 구조 현재 스프링부트를 사용해 서비스를 구현 중 개발 기록을 정리 하기위해 인터셉터에 대해 정리 해보려고 합니다. 1. beforeActionInterceptor - 정보강화 - 없는 정보를 만들지는 않지만 세션 정보를 꺼내서 기존에 있는 정보를 정리 해둔다 - 가장 먼저 동작 @Component("beforeActionInterceptor") // 컴포넌트 이름 설정 public class BeforeActionInterceptor implements HandlerInterceptor { @Autowired private MemberService memberService; @Override public boolean preHandle(HttpServletRequest request, HttpServletRe.. 공감수 0 댓글수 0 2021. 2. 27.
[Java] 추상클래스와 인터페이스 차이 추상클래스 인터페이스 왜... 사용할까? 우리는 추상클래스와 인터페이스에 대해서 알고 있냐고 누가 물어본다면 알고 있다고 대답을 하고있습니다. 그런데 이론적인 내용 말고 정작 "왜 사용하나요?", "차이점이 뭔가요?", "추상클래스를 사용할지 인터페이스를 사용할지 어떻게 정하나요?" 이런 실무적인 질문이 들어오면 시원하게 대답하기가 생각보다 힘들겁니다. 힘드셨기 때문에 지금 이 글을 읽고 계실거라고 생각합니다. 저도 마찬가지였고 단순히 추상클래스와 인터페이스가 무엇인지 보다 왜 사용하는지가 궁금하셨다면 아래 제 생각들을 천천히 읽어주시면 도움이 될 수 있을것이라 생각합니다. 일단 기본적으로 추상클래스와 인터페이스가 무엇인지 알아봅시다. 추상클래스란? 추상클래스는 일반 클래스와 별 다를 것이 없습니다. 단.. 공감수 0 댓글수 0 2021. 2. 27.
[jQuery] 자바스크립트 form 태그 submit 입력 양식은 전체 영역을 정의하기 위한 태그 안에 입력 항목의 그룹을 위한 태그가 포함된 형태로 정의됩니다. 또한 태그 안에는 그룹의 제목 지정을 위해 태그가 사용될 수 있습니다. 기본적으로 태그와 태그는 생략이 가능합니다. 제목입니다. 데이터 전송(submit) 하기 (1) 버튼 표시하기 input 태그의 type 속성은 submit, button, reset, image 중 하나를 선택하면 됩니다. submit과 image 속성은 둘 다 입력한 내용들을 웹프로그램에게 전송하는 기능을 합니다. image 속성의 경우 버튼에 이미지를 표시합니다. (value 속성 대신 src 속성이 사용됩니다.) * HTML5에서부터는 fromaction(action 주소)을 설정하는게 가능합니다. button은 아무런.. 공감수 0 댓글수 0 2021. 2. 23.
[Javascript] 자바스크립트 (error) 오류 정리 JavaScript에서 발생하는 오류(Error)의 종류 일반적으로 프로그래밍 중 발생할 수 있는 오류는 3가지가 있습니다. 1. 구문 오류(Syntax Error) JavaScript가 요구하는 규칙대로 프로그램을 작성하지 않을 경우 발생합니다. 예를 들면 다음과 같은 코드입니다. ▼ 구문 오류 발생 예제 console.log("안녕하세요" consoe.log 호출 시 )를 누락하였습니다. 따라서 코드를 실행해보면 SyntaxError: missing ) after argument list라는 오류 문구를 출력합니다. 2. 실행시간 오류(Runtime Error, Exception) 이런 종류의 오류는 프로그램을 실행할 때 발생합니다. 다시 말해 실행(평가)해보기 전까지는 그곳에 오류가 있는지 알 수 .. 공감수 2 댓글수 0 2021. 2. 23.
[jQuery] html 요소 삽입 추가하기 - before, after, prepend, append html 요소 삽입하기 jQuery를 이용해 요소를 삽입하는 메소드는 before, after, prepend, append 등이 있다. 각각의 메소드마다 요소가 삽입되는 위치가 조금씩 다르니 자신이 원하는 위치에 따라 알맞게 사용해야 한다. $(selector).before(content) // 이때 content에 들어갈 수 있는 값은 HTML elements, jQuery objects, DOM elements이다. .before()는 selector 이전에 content를 삽입하는 메소드이다. $("h1").before("Hello"); // 이전에 Hello 삽입 $(selector).after(content) .after()는 selector 이후에 content를 삽입하는 메소드이다. $(".. 공감수 2 댓글수 0 2021. 2. 23.
[jQuery] 메소드 -.is(), .prop(), .html(), .text(), .attr() .is(:속성) / .prop(속성) $("선택자").is(:속성) / $("선택자").property(속성) 선택자가 속성을 가지는지 아닌지 확인하여 true, false 값을 내놓음 is() prop() .html() $("선택자").html() 선택자의 코드 및 내용을 표기, 혹은 선택자 안의 내용을 html 괄호 안의 내용으로 교체 .text() $("선택자").text() 선택자가 가진 내용만 표기, 혹은 선택자 안의 내용을 text괄호 안의 내용으로 교체 .attr(속성) / .attr({속성변동}) $("요소").attr(속성) 속성을 가진 요소 선택 $("선택자").attr({속성변동 함수}) 선택자의 속성을 함수값 등에 맞게 변동 출처: https://kingji8life.tistory... 공감수 0 댓글수 0 2021. 2. 23.
[JSP]JSTP - varStatus 사용법(처음, 마지막, 카운트 등) * 속성값 - begin : 반복에 사용될 것 중 첫번째 항목의 Index. 0부터 시작한디 정의되지 않으면 0 - end : 반복에 사용될 것 중 마지막 항목의 Index. 정의되지 않으면 목록의 갯수에서 1개 뺀 값이겟죠.(Index 는 0부터) - step : 반복할 때 마다 건너 뛸 Index 갯수. for 문의 i값에 더해지는 것과 같은 개념. 기본은 1 * 속성 중 varStatus 값 - Index : 숫자값을로 items 에 정의된 목록(Collection)의 항목을 가리키는 Index (0부터 시작) - Count : 숫자값. 루프 돌떄 현재 몇 번째 반복인지를 나타낸다. (1부터 시작) - First : boolean 값. 현재 반복이 첫번째인지 판단 - Last: boolean 값. .. 공감수 1 댓글수 0 2021. 2. 19.
[Jsp] jstl if문에서 and와 or문 사용하는 방법 jstl if문에서 and와 or문 사용하는 방법 and ... or ... 공감수 1 댓글수 0 2021. 2. 19.
github 원격저장소에 잘 못 올린 파일, 폴더 삭제 Git 폴더, 파일 삭제하기!! 개발자는 깃(GitHub)을 사용해야해!! 라고 다들 얘기합니다. 그래서 여러 블로그를 돌아다니며 깃이란 무엇인지부터 시작해서 어떻게 사용하는지 등등.. 이것저것 학습을 했는데... 초보자 입장에서 깃 쓰는거 생각보다 짜증났습니다 -_- 윈도우에 길들여진 저로서는 리눅스 명령어 같은 것이 익숙치 않았고..(이건 금방 익숙해지더군요) 다만! 제일 짜증나는건! 폴더나 파일 삭제를 왜 원격저장소에서 못하냐! 이겁니다 ㅠㅠ 결국 git bash 로 삭제하는 방법을 알았으나... 계속 뭐만 하면 fatal: pathspec 'folder/Iconr' did not match any files 이 메시지만 뜨더군요 아무리 구글링해도 제가 원하는 삭제하는 방법의 가이드(?)가 없어서 .. 공감수 0 댓글수 0 2021. 2. 19.
[html] <c:forEach>, <c:forTokens> 태그 사용법 는 List, 배열 요소를 순서대로 반복해서 처리할 수 있는 태그 입니다. 1. 이름 목록을 가진 ArrayList를 출력하는 예제 입니다. // 리스트를 만들어서 모델에 넣습니다. List nameList = new ArrayList(Arrays.asList("홍길동", "김철수", "박영희")); model.addAttribute("nameList", nameList); ${status.count} : 실행결과: 1 : 홍길동 2 : 김철수 3 : 박영희 2. 객체가 들어 있는 리스트를 출력하는 방법 입니다. 위 코드는 boardVO 객체의 getTitle() 메소드를 호출한 결과를 출력합니다. 3. Map 이 들어있는 리스트를 출력하는 방법 입니다. 위 코드는 boardMap 의 get("title.. 공감수 0 댓글수 0 2021. 2. 19.
[JSP] <form>을 ajax로 변환 하는 예제 form 문법예제) ajax로 변환 예제) $.POST( '/article/increaseRec', {articleId:1}, function() { } ); 공감수 0 댓글수 0 2021. 2. 17.
[html,jQuery] 클릭 시 해당 엘리먼트로 스크롤 이동 java script(jQuery) $(document).ready(function($) { $(".scroll_move").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); }); }); // 클래스가 scroll_move인 a 태그를 눌렀을때 발생되게 하는 이벤트 // $(this.hash) a태그에 있는 해쉬 값으로 스크롤링 되며 이동 // 500 은 스크롤 속도 html 소스 div1로 이동 div2로 이동 div3로 이동 div4로 이동 div1 div2 div3 div4 공감수 3 댓글수 2 2021. 2. 14.
[html] <input>태그 속성 정리 1. input type = "text" , input type = "password" 이름 : 비밀번호 : 2. input type = "radio" 치킨 피자 짜장면 짬뽕 3. input type = "checkbox" CPU Memory 하드디스크 CDROM GRAPIC_CARD 4. select option 가장 재미있는 것을 선택해 주세요. HTML 자바스크립트 CSS HTML 자바스크립트 CSS 5. input type ="button" ,input type = "submit", input type = "reset" 6. input type ="image" 이미지: 7. input type ="file" 파일명: 공감수 0 댓글수 0 2021. 2. 9.
[JSP] <form> 태그 method 속성 정의 및 특징 태그의 method 속성은 폼 데이터(form data)가 서버로 제출될 때 사용되는 HTTP 메소드를 명시합니다. method 속성은 속성값으로는 GET과 POST 두 가지 중 하나를 선택할 수 있습니다. GET 방식은 URL에 폼 데이터를 추가하여 서버로 전달하는 방식입니다. GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어(cached) 저장됩니다. 또한, GET 방식은 보통 쿼리 문자열(query string)에 포함되어 전송되므로, 길이의 제한이 있습니다. 따라서 보안상 취약점이 존재하므로, 중요한 데이터는 POST 방식을 사용하여 요청하는 것이 좋습니다. POST 방식은 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식입니다. POST 방식의 HTTP 요청은 브라우저에 의해.. 공감수 0 댓글수 0 2021. 2. 9.
HTTPServletRequest 메소드 정리 HTTP 요청을 하면서 전송한 값, 쿠키, 헤더 및 클라이언트 정보를 가져오는데 사용되는 것이 request이다. 이 Request 객체의 메소드에 대해서 정리를 해보았다. 시작하기 전 반환값 예는 아래와 같은 URL를 받았다고 가정하였다. http://www.devkuma.com:8080/app/request.jsp?name=devkuma 주요 정보 메소드 반환값 예 설명 request.getRequestURL() http://www.devkuma.com:8080/app/request.jsp request.getRequestURI() /app/request.jsp URL에서 스키마, 서버이름, 포트번호를 제외한 나머지 주소와 파라미터 request.getScheme() http http, https, .. 공감수 2 댓글수 0 2021. 2. 7.
[리눅스]Linux 초기 셋팅 및 톰켓 연결, 도메인 연결 2021, CentOS, 자바웹서비스 배포 페이지, to2.kr/b1h 관련링크 네이버 클라우드 플랫폼 1강, 네이버클라우드플랫폼 개요 동영상 - 2021 01 28, CENTOS7_자바웹사이트배포, 1강, 네이버클라우드플랫폼 개요 2강, 콘솔에서 서버생성, ACG생성, 키파일생성 동영상 - 2021 01 28, CENTOS7_자바웹사이트배포, 2강, 콘솔에서 서버생성, ACG생성, 키파일생성 3강, 공인IP 할당 및 관리자비번 확인, 루트비번 변경 동영상 - 2021 01 28, CENTOS7 자바웹사이트배포, 3강, 공인IP 할당 및 관리자비번 확인, 루트비번 변경 4강, SSH 접속용 IP와 포트생성 동영상 - 2021 01 28, CENTOS7 자바웹사이트배포, 4강, SSH 접속용 IP와 포트생.. 공감수 0 댓글수 0 2021. 2. 3.
[리눅스]Linux CentOS7에서 OpenJDK 설치 및 환경변수 설정 1. OpenJDK 설치 # 1. 설치 가능한 JDK 버전 확인 yum list java*jdk-dvel 위와 같이 입력하면 아래 그림에서와 같이 설치 가능한 JDK버전을 확인할 수 있다. 나는 java-1.8.0-openjdk-dvel.x86_64 를 설치할 것이다. 다음 명령어를 입력하여 openJDK를 설치한다. #2. OpenJDK 설치 sudo yum install -y java-1.8.0-openjdk-devel.x86_64 #3. JAVA 버전 확인 java -version 설치를 마친 후 JAVA버전까지 확인하면 설치는 완료된다. 2. JAVA_HOME 환경변수 설정 다음 명령어를 차례대로 입력하여 JAVA_HOME 환경변수를 설정한다. #4. javac 라는 명령어의 위치 확인 which.. 공감수 0 댓글수 0 2021. 2. 3.
리눅스 명령어 -1 루트계정 비번변경 passwd root or passwd 메인계정 생성 및 비번설정 useradd sbsst passwd sbsst sbsst 계정으로 putty 재접속 root@~~ => sbsst@~~ su 로 root 로그인 su root 로그아웃 하려면 exit sudoers 명단에 sbsst 계정 추가 vim /etc/sudoers ESC키 /root 입력 후 엔터키 n키 두번 A 입력모드로 전환 sbsst 계정을 명단에 추가 root 계정 밑에 추가 탭으로 구분 ESC키 :wq! 입력 후 엔터키 sbsst 계정으로 돌아가기(root에서 로그아웃) exit yum의 검색범위 넓히기 sudo yum install epel-release yum으로 설치된 모든 프로그램 최신 업데이트(최신 보안 패치.. 공감수 0 댓글수 0 2021. 2. 3.
[MySQL] INSERT UNIQUE중복 체크 ON DUPLICATE KEY UPDATE UNIQUE 지정 테이블 생성 후 , 중복 저장을 막기 위해 중복 체크 할 column에 unique 키를 등록 데이터 베이스에서 대량의 데이터를 등록할 경우, 키 값이 있음에도 INSERT문을 실행 하게 되면 에러가 발생한다. 해결방법으로는 테이블에 있는 데이터를 모두 삭제 한 후 다시 집어넣는 방법 이지만 번거롭고 위험요소 역시 발생한다. 따라서, 키 값이 있는 경우 INSERT 대신 UPDATE를 사용하면 번거로운 일과 에러를 줄일 수 있다. TABLE 셋팅 예제 CREATE TABLE attr( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, .. 공감수 0 댓글수 0 2021. 1. 30.
[MySQL] INSERT 데이터 삽입 테이블에 데이터를 입력하는 방법은 두 가지 유형이 있으며 한 번에 한 건만 입력된다. INSERT INTO 테이블명 (COLUMN_LIST) VALUES (COLUMN_LIST에 넣을 VALUE_LIST); INSERT INTO PLAYER (PLAYER_ID, PLAYER_NAME, TEAM_ID, POSITION, HEIGHT, WEIGHT, BACK_NO) VALUES ('2002007', ' 박지성', 'K07', 'MF' ,178, 73, 7); INSERT INTO 테이블명 VALUES (전체 COLUMN에 넣을 VALUE_LIST); INSERT INTO PLAYER VALUES ('2002007', ' 박지성', 'K07', 'MF' ,178, 73, 7); - PLAYER 테이블에 위와 .. 공감수 0 댓글수 0 2021. 1. 30.
[MySQL] DROP: 테이블 삭제, RENAME: 테이블명 변경 1. DROP TABLE (테이블 삭제) 테이블을 잘못 만들었거나 테이블이 더 이상 필요 없을 경우 해당 테이블을 삭제해야 한다. DROP TABLE 테이블명 [CASCADE CONSTRAINT]; DROP TABLE PLAYER; DROP TABLE 명령어를 사용하면 테이블의 모든 데이터 및 구조를 삭제한다. CASCADE CONSTRAINT 옵션은 해당 테이블과 관계가 있었던 참조되는 제약조건에 대해서도 삭제한다는 것을 의미한다. (SQL Server에서는 CASCADE 옵션이 존재하지 않는다. 테이블 삭제 전에 참조하는 FOREIGN KEY 제약 등을 먼저 삭제해야 한다.) 2. RENAME (테이블명 변경) RENAME 명령어를 사용하여 테이블의 이름을 변경할 수 있다. RENAME 변경전 테이블.. 공감수 0 댓글수 0 2021. 1. 30.
[JSP] jspl if 문 사용 <c:if>, <c:choose> jsp파일의 html코드에서 jstl을 이용해 자바와 같이 조건문을 사용할 수 있다. 자바에 if문과 else if문이 있는것과 같이 jstl에서도 문과 문이있다. if == else if == 이것만 알면 자바와 비슷하므로 이해하고 사용하기 편하다. 또한 ==, !=, null과 같은 비교연산자는 eq, ne, empty로 사용한다. 먼저 조건을 비교할 데이터를 선언해주기위해서 이 필요하다 var에는 비교할때 사용할 변수명을 입력하고, value에는 값을 넣어준다 1. 저의 이름은 새박입니다. 저의 이름은 샘샘입니다. 다음과같이 name이란 변수에 새박이라는 값을 셋팅해준 뒤 test의 안의 조건을 확인한다. name의 값이 새박이므로 경우 저의 이름은 새박입니다. html코드가 출력되겠지만 조건에 맞.. 공감수 6 댓글수 3 2021. 1. 30.
[java] 날짜 더하기 Canlendar 클래스 getInstance() 메소드 사용 //6개월 뒤 날짜 계산 SimpleDateFormat simpleDate = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); //날짜 포멧 Date time = new Date(); //현재 날짜 Calendar cal = Calendar.getInstance(); //날짜 계산을 위해 Calendar 추상클래스 선언 getInstance()메소드 사용 cal.setTime(time); cal.add(Calendar.MONTH, 6);//6개월 더하기 String date = simpleDate.format(cal.getTime()); // 1시간 전 계산 cal.add(Calender.HOUR, -1) // 1일 전 계산 cal.add(Calender.DATE, -1) 공감수 1 댓글수 0 2021. 1. 30.
[java] 시간, 날짜 포맷 자연스럽게 출력하는 방법 1. Date객체를 활용하는 방법 SimpleDateFormat format1 = new SimpleDateFormat ( "yyyy-MM-dd HH:mm:ss"); SimpleDateFormat format2 = new SimpleDateFormat ( "yyyy년 MM월dd일 HH시mm분ss초"); Date time = new Date(); String time1 = format1.format(time); String time2 = format2.format(time); System.out.println(time1); System.out.println(time2); 2. Calendar클래스의 getInstance()메서드를 활용하는 방법 SimpleDateFormat format1 = new Sim.. 공감수 0 댓글수 0 2021. 1. 30.
[html, css] ::selection 마우스 드래그 배경색 변경 텍스트를 드래그하여 블럭을 씌울 때 스타일을 변경하기 위한, CSS의 pseudo-element 중 ::selection 선택자에 대해 알아보자. 사용 심플하다. 직접 드래그해보자. See the Pen ::selection 연습 by d8040 (@d8040) on CodePen. 모질라 계열을 위해 ::-moz-selection 또한 사용하자. 속성 모든 속성을 사용해 스타일이 가능하진 않고, 아래의 속성들만 사용할 수 있다. color background-color cursor caret-color outline text-decoration 및 관련 속성 text-emphasis-color text-shadow 주의 단순한 미적 이유로 selected 텍스트를 스타일할 때 웹 접근성을 고려해야 한다.. 공감수 0 댓글수 0 2021. 1. 20.
JAVA(자바)CodeUp(코드업): 1283 : 주식 투자, BigDecimal 사용 gbs라는 개미 투자자가 주식에 투자하려고 합니다. 이 사람이 투자한 돈의 액수와, 그 주식의 하루간의 변동을 퍼센트로 알 때, 이 사람의 순수익과 이득/손해 판단을 출력하세요. 입력 첫째줄에 투자한 액수 a가 입력됩니다. (100 공감수 0 댓글수 0 2021. 1. 9.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.