티스토리

영보의 SystemOut.log

검색하기

블로그 홈

영보의 SystemOut.log

qh5944.tistory.com/m

느릿느릿 개발자의 블로그 입니다

구독자: 18

방명록 방문하기

주요 글 목록

[React] Mac에서 React Setting 시작하기 node.js 설치 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org - 현재버전 말고 가장 많이 사용하는 버전으로 설치하였다 . Terminal 실행 * [control] + [space] 검색 후 "터미널" 검색하여 아래의 코드를 쳐셔 node 설치 버전이 나오면, 정상적으로 설치된 것이다. node -v * 터미널에서 아래의 코드를 작성하여 실행해준다. npm install -g create-react-app 위의 코드를 실행했는데, 아래의 에러 발생시 밑에 sudo 코드로 실행해주면 정상적으로 실행되는 것을 볼 수 .. 공감수 0 댓글수 0 2022. 10. 18.
[Javascript] js 버튼으로 팝업창 열고 닫기 제어 js 버튼으로 팝업창 열고 닫기 제어 # html ${popupinfo.TITLE} ${popupinfo.XSS_HCONTENT} 닫기 # javascript // 버튼 누르면 팝업창 켜짐 function popon(popid){ $('#' + popid).addClass('on'); } // 팝업창 닫기 function closeWin(popId) { $('#'+popId).removeClass('on'); } 페이지 오른쪽에 팝업창이 파라미터로 불러온 타이틀로 버튼이 있고 버튼을 누르면 팝업창이 뜨는 로직입니다. [닫기]를 눌렀을 때 팝업창 전체가 닫히는게 아니라 하나씩 닫히도록 를 넣어주었습니다. 화면 (스타일은 다른 곳에서 가져온 css파일 입니다) 공감수 0 댓글수 0 2021. 9. 9.
[Javascript] Cookie 사용 팝업창 오늘하루 보지않기 Javascript Cookie 사용하여 팝업창 오늘하루 보지않기 # HTML ${popupinfo.XSS_HCONTENT} 오늘하루 보지 않기 닫기 먼저 popupInfo에서 값이 있을 때만 밑의 코드를 실행한다. popup창 한 개, 한 개 [오늘하루보지않기]/[닫기] 가 있으므로, status를 사용해서 하나씩 증가하는 로직으로 만들어 주었다. # Javascript ready function에서 가장 직관적으로 짜려고 if문을 구현했는데 더 간단하게 줄여서 쓰셔도 될 듯 햐다. 저는 html코드에 팝업 id 값이 박혀있는게 아니라 'popup_${status.count}', 'todayCookie_${status.count}' 을 사용했기 때문에 spilt으로 '-' 기준으로 뒤에 번호만 잘라주어.. 공감수 2 댓글수 1 2021. 9. 7.
[Javascript] SelectBox 단과 대학(학과) 검색 입력하게하기 SelectBox 단과 대학(학과) 검색 입력하게하기 # JS 코드 $('document').ready(function() { var area0 = ["단과대학 선택","경영대학","문과대학","생명과학대학","정경대학","의과대학","간호대학"]; var area1 = ["경역학과"]; var area2 = ["국어국문학과","철학과","한국사학과","사학과","사회학과","한문학과","영어영문학과","중어중문학과","불어불문학과","독어독문학과"]; var area3 = ["생명과학부","생명공학부","식품공학과","환경생태공학부","식품지원경제학과"]; var area4 = ["정치외교학과","경제학과","통계학과","행정학과"]; var area5 = ["의예학과"]; var area6 = ["간.. 공감수 0 댓글수 0 2021. 8. 27.
[Javascript] 자바스크립트 input check될 때 텍스트 숨기기/보이기 제어 JS input check될 때 텍스트 숨기기/보이기 제어 # 스크립트 jQuery(function(){ jQuery("cheked[name=etc_consultation01]").change(function(){ var app_condition = jQuery(this).val(); if(etc_consultation01 == "5") // 승인 거절일 때만 거절사유 나오게 { $("#etc_consultation_detail").show(); } else { $("#etc_consultation_detail").hide(); // 아니면 거절 사유 숨김 } jQuery("#etc_consultation_detail").val(etc_consultation_detail); }); }); # jsp / .. 공감수 1 댓글수 0 2021. 8. 25.
[Javascript] 자바스크립트 조건으로 input 숨기기 /보이기 제어 Javascript 조건으로 input 숨기기 /보이기 # 스크립트 부분 $(document).ready(function () { $("#sub_app_condition").show(); $("#sub_app_condition").hide(); // 아니면 거절 사유 숨김 $(document).ready니까 처음에 페이지 시작할 때 app_condition 조건 이 1과 같으면 sub_app_condition을 보여주고, app_condition 조건 이 1과 같지 않으면 sub_app_condition을 숨긴다 // 승인상태 jQuery(function(){ jQuery("select[name=app_condition]").change(function(){ var app_condition = jQuer.. 공감수 0 댓글수 0 2021. 8. 25.
[HTML] href 태그 새창에서 열기 href 태그 새창에서 열기 아주 기본적인 html 코드지만 자꾸 까먹어서 써 놓는다. 사이트 새창에서 열기 는 하이퍼링크로 연결되지만, 새 창으로 열려면 뒤에 꼭 target 속성을 추가하고, '_blank'로 지정해야 한다. 공감수 0 댓글수 0 2021. 8. 10.
[Javascript] 자바스크립트로 페이스북, 블로그 공유하기 만들기 Javascript로 페이스북, 블로그 공유하기 만들기 # JavaScript 코드 function shareSns(sns){ var snsTitle = ''; var snsItems = new Array(); var winOpt = new Array(); var snsUrl = location.href; snsItems['facebook'] = "http://www.facebook.com/share.php?t="+encodeURIComponent(snsTitle) + "&u=" + encodeURIComponent(snsUrl); snsItems['blog'] = "http://blog.naver.com/openapi/share?url=" + encodeURIComponent(snsUrl) + "&ti.. 공감수 0 댓글수 0 2021. 7. 25.
[Javascript] 페이지 URL 복사 공유하기 Javascript 페이지 URL 복사 공유하기 공유하기 - 태그 버튼을 통해 onclick으로 함수를 호출한다. function clip(){ var url = ''; // 태그에서 호출한 함수인 clip 생성 var textarea = document.createElement("textarea"); //url 변수 생성 후, textarea라는 변수에 textarea의 요소를 생성 document.body.appendChild(textarea); // 바로 위에 textarea를 추가(임시 공간이라 위치는 상관 없음) url = window.document.location.href; //url에는 현재 주소값을 넣어줌 textarea.value = url; // textarea 값에 url를 넣어줌 .. 공감수 0 댓글수 0 2021. 7. 23.
[Javascript] 라디오 버튼 클릭 시 value 값 변경하기 라디오 버튼 클릭 시 value 값 변경하기 : datapicker로 날짜 고정값 만들기 조건 1. 게시 누를 때는 datapicker 코드 비활성화 조건 2. 게시기간 설정 누르면 자동으로 2031년 12월 31일로 설정 코드 게시 게시 중단 게시기간설정 value Y N S * 스크립트 설명 - OpenSet(게시기간설정을)을 클릭(라디오버튼 체크) 하면 "END_DT" 자동으로 2031-12-31로 설정 게시여부 게시 게시중단 게시기간설정 0시 1시 2시 3시 4시 5시 6시 7시 8시 9시 10시 11시 12시 13시 14시 15시 16시 17시 18시 19시 20시 21시 22시 23시 0분 1분 2분 3분 4분 5분 6분 7분 8분 9분 10분 11분 12분 13분 14분 15분 16분 17분.. 공감수 1 댓글수 0 2021. 7. 19.
[JS] alert 경고창 띄우고 이전화면으로 되돌아가기 alert 경고창 띄우고 이전화면으로 되돌아가기 1. 이용 중인 이전 페이지로 돌아가기 // 페이지 열리면 alert창 즉시 실행 2. 특정 링크 주소로 되돌아가기 // 페이지 열리면 alert창 a즉시 실행 공감수 0 댓글수 0 2021. 7. 6.
[Javascript] DatePicker 지정된 요일 비활성화 하기 DatePicker 특정요일 색 및 선택금지 시키기 * 조건 ( 일요일 = 0 , 토요일 = 6 ) - 월요일과 수요일을 제외한 요일은 선택 안되게 할 것 if { jInput.datetimepicker({ changeMonth: true, changeYear: true, controlType: 'select', timeFormat: 'HH:mm', dateFormat: 'yy-mm-dd', yearRange: '1930:2024', dayNames: ['일요일', '월요일', '화요일', '수요일', '목요일', '금요일', '토요일'], dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'], monthNamesShort: ['1', '2', '3', '4', '5',.. 공감수 1 댓글수 0 2021. 4. 8.
[Error:MyBatis] Update문 : SQL 명령어가 올바르게 종료되지 않았습니다 오류 내용 # SQL: UPDATE BOARD_CATEGORY SET CATEGORYNM = ? ,ORD = ? ,DEL_YN = 'N' WHERE BOARDID = ? AND CATEGORYID = ? UPDATE CMS_BOARD_CATEGORY SET CATEGORYNM = ? ,ORD = ? ,DEL_YN = 'N' WHERE BOARDID = ? AND CATEGORYID = ? ### Cause: java.sql.SQLSyntaxErrorException: ORA-00933: SQL 명령어가 올바르게 종료되지 않았습니다 보통 이럴 경우에 쿼리오류(문법이나 세미콜론)인데, 내 경우는 다중 update foreach문이여서 난 오류였다. MyBatis안에서 Oracle을 사용할 때 정말 까다로운 .. 공감수 2 댓글수 0 2021. 3. 24.
[Error:JSP] CannotRenderException 해결 오류 내용 타입 예외 보고 메시지 Request processing failed; nested exception is org.apache.tiles.impl.CannotRenderException: 행 [29]에서 [/WEB-INF/tiles/admin/template.jsp]을(를) 처리하는 중 예외 발생 설명 서버가, 해당 요청을 충족시키지 못하게 하는 예기치 않은 조건을 맞닥뜨렸습니다. 예외 org.springframework.web.util.NestedServletException: Request processing failed; nested exception is org.apache.tiles.impl.CannotRenderException: 행 [29]에서 [/WEB-INF/tiles/admi.. 공감수 1 댓글수 0 2021. 3. 12.
[JSP] JSP에서 JSTL사용하여 타임 셋팅해서 팝업띄우기 JSTL 타임 셋팅 1. 라이브러리 다운 받기 mvnrepository.com/artifact/javax.servlet/jstl/1.2 Maven Repository: javax.servlet » jstl » 1.2 Professional Java Data: RDBMS, JDBC, SQLJ, OODBMS, JNDI, LDAP, Servlets, JSP, WAP, XML, EJBs, CMP2.0, JDO, Transactions, Performance, Scalability, Object and Data Modeling (2001)by Carl Calvert Bettis, Michael Bogovich, Sean Rhody, Mark Wilcox, Kelly Lin P mvnrepository.com 먼저.. 공감수 0 댓글수 0 2021. 2. 10.
[JSP] java로 특정 날짜(Date) 지정해서 popup 팝업 뜨게 하기(2) java 날짜(Date)비교하는 방법 compareTo() > 0 인자보다 미래 after() compareTo() 공감수 0 댓글수 0 2021. 2. 10.
[JSP] jsp창에 java로 특정 날짜 지정해서 popup 팝업 뜨게 하기 특정 날짜 지정하여 팝업 띄우기 # 1 = 0 && sCurTime1.compareTo(sMaxTime1) 내용 내용 내용 - 전체 코드중 일부분만 가져와서 보여드립니다. jstl과 js방식도 있지만 java코드를 중간에 넣어서 만들었습니다. sCurTime = 현재시간 sMinTime = 시작시간 sMaxTime = 마감시간 sCurTime2 = new java.text.SimpleDateFormat("yyyyMMddHHmmss", java.util.Locale.KOREA).format(new java.util.Date()); - 이부분이 포인트 입니다. # 2 = 0 && sCurTime.compareTo(sMaxTime) - 웹 브라우저에서 Parameter값을 .. 공감수 0 댓글수 0 2021. 2. 8.
[React] React.js 기초와 출력해보기 개념 www.jetbrains.com/ko-kr/webstorm/ WebStorm: JetBrains가 만든 스마트한 JavaScript IDE 최신 JavaScript 개발을 위한 강력한 IDE로서, JavaScript, TypeScript 및 가장 잘 알려진 웹 프레임워크에 코드 완성 및 리팩토링 기능을 제공합니다. www.jetbrains.com ↑↑↑↑↑↑↑↑ WebStorm 설치 # React (리액트 ) - 페이스북이 만든 사용자 UI 구축을 위한 라이브러리 - 사용자의 View 에만 초점을 맞춤 → Routing 같은 기술이 리액트 자체에는 들어가 있지 않음 # React 특징 1. JSX 문법 : JavaScript + XML 2. Component 기반 3. Virtual DOM 장점 -.. 공감수 1 댓글수 0 2020. 11. 21.
[HTML] <select > <option> 셀렉트 박스 넣기 # 태그 - html/css 코드에서 사용되는 쉽고 간단한 다중 값 입력 폼 - 화살표를 통해서 선택이 가능 # 예제 React JPA 웹 스터디 1 2 3 4 5 React JPA 웹 스터디 Colored by Color Scripter cs → 웹 스터디를 기본 값으로 설정 하였다. → 예제코드 위 참조. # 실전 예제 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 채용공고 태그 선택 서울 경기 인천 부산 대구 광주 대전 강원 제주 전국 Colored by Color Scripter cs - 실제제 웹 프로젝트르 하면서 셀렉트 박스가 있는 코드를 가지고 와 보았다. 비루하지만 출력 화면 공감수 1 댓글수 0 2020. 10. 30.
[XML] XML 파싱 / XML 문법 # XML 목적 데이터를 구분하고 문서로 저장하는 목적 문법 - DTD안에 있는 태그나 속성만 사용 (HTML은 자유롭다) - 태그명 + 속성 데이터가 저장 ▶ 데이터 저장 데이터출력 ==> text() ▶ ==> attr("src") # XML을 이용하는 목적 - 자바 소스를 제공하지 않는다 → 동작에 필요한 데이터를 XML에 올려주면 읽어간다 - 모든 라이브러리는 소스를 공개하지 않는다 (실행할수 있는 파일만 제공 .class) → 실무에도 배포할때 자바소스는 제공하지 않는다 (컴파일 .class만 제공) → 배포 (war) → jar(.class) - 일반 txt파일 → 구분을 할 수 없다 구분되는 파일 이용 : XML,JSON - XML → 포맷 (운영체제마다 동일하다) → 모든 프레임워크(Spr.. 공감수 0 댓글수 0 2020. 10. 19.
[Web] JSTL , CSS 이용하여 레시피 그리드 목록 출력-(2) # chef.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 Insert title here .row { margin: 0px auto; /*가운데 정렬*/ width: 900px; } h1 { text-align: center; } google.charts.load("current", {pack.. 공감수 0 댓글수 0 2020. 10. 7.
[Web] JSTL , CSS 이용하여 레시피 그리드 목록 출력-(1) www.10000recipe.com/ 만개의레시피 www.10000recipe.com 만개의 레시피 사이트에서 데이터를 긁어와서 JSTL과 CSS, XML, Java로 레시피 그리드를 만들어 보겠습니다. MV 구조로 만든 프로그램 입니다. 사용한 라이브러리 입니다 MyBatis, xml등에 필요한 라이브러리입니다. 제가 한 환경설정 입니다. # ChefVO.java 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 package com.sist.dao; public class ChefVO .. 공감수 0 댓글수 0 2020. 10. 7.
[Web] JSTL 속성 / JSTL 태그 # JSTL : Java Standard Tag Library : XML형식 1. 지원하는 태그와 속성만 사용할 수 사용이 가능 2. 오버라이딩 => 사용자 정의 태그라이브러리 3. JSP => View(화면출력 용도) => if, for, 다중 if core : 변수 설정 ===== ========== 키 값 ======> request.setAttribute(var에 저장된 키, value에 있는 값); 제어문 결과값 if(test에 지정된 조건문) ======> 단점이 else가 없다(단일 조건문만 사용이 가능) for(int i=1(begin); i i 음수는 사용할 수 없다 (양수) ===> 일반 for문 사용 for(MovieVO vo:list) ==> for-each(향상된 for) swit.. 공감수 0 댓글수 0 2020. 10. 7.
[XML] XML 기초 / XML 기초 문법 XML XML은 데이터를 저장하고 전달할 목적으로 만들어졌으며, 저장되는 데이터의 구조를 기술하기 위한 언어이다. XML은 EXtensible Markup Language의 약자로, 수많은 응용 분야에서 데이터를 저장하고 전달하는 중요한 역할을 맡고 있다. 데이터를 문서로 저장해서 DBMS 없이도 데이터를 가져와 쓸 수 있다. # XML이 HTML과 다른 점 - 문법이 어렵다 - HTML은 화면 출력하는 목적, 문서 저장 목적(파일형 데이터베이스) - 태그나 속성에서 대소문을 구분한다 - 속성에 값을 대입할 때 = 반드시 ""를 사용한다 - 여는태그 닫는 태그는 반드시 일치 - Spring, MyBatis => XML기반 # XML 장단점 - 장점 : 호환성이 좋다(스마트폰, 리눅스, 윈도우) → 운영체.. 공감수 0 댓글수 0 2020. 9. 30.
[WEB] GET방식과 POST방식 차이 * HTTP HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜이다. 클라이언트가 HTTP 프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이언트에게 전송한다. 이 때, HTTP 요청에 포함되는 HTTP 메소드는 서버가 요청을 수행하기 위해 해야할 행동을 표시하는 용도로 사용하는데, 이 HTTP 메소드 중 GET과 POST의 특징과 차이점을 알아보자. * GET 얻다, 가져오다 (= SELECT) - 웹 브라우저, 웹 컨테이너에 따라 전송할 수 있는 파라미터 값의 길이에 제한이 있을 수 있음 : 저용량 데이터 - post와 같이 Form태그를 사용해서 전송하거나 주소창에 직접 입력해도 전송이 가능함. - get방식은 전송 할 데이터를 문자열.. 공감수 0 댓글수 0 2020. 9. 30.
[JSP,MyBaits] CRUD 게시판 만들기(3) #업로드/다운로드/수정/삭제 qh5944.tistory.com/62[Web] JSP 파일 업로드 게시판 만들기(1) #업로드/다운로드/수정/삭제오늘은 JSP와 Java, MyBatis를 이용하여 첨부파일 업로드, 다운로드, 수정, 삭제가 가능한 게시판을 만들어 보겠습니다. 먼저 사용한 라이브러리입니다. 또한 한글이 깨지지 않게, UTF-8로 환경설정을 qh5944.tistory.comqh5944.tistory.com/63[Web] JSP 파일 업로드 게시판 만들기(2) #업로드/다운로드/수정/삭제JSP 파일 업로드 게시판 두번째 포스팅입니다. 이번 포스팅에서는 main페이지와 메뉴, 로그인 코드 보여드리겠습니다. # main.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22.. 공감수 1 댓글수 0 2020. 9. 24.
[JSP,MyBatis] CRUD 게시판 만들기(2) #업로드/다운로드/수정/삭제 JSP 파일 업로드 게시판 두번째 포스팅입니다.이번 포스팅에서는 main페이지와 메뉴, 로그인 코드 보여드리겠습니다. # main.jsp1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 화면 변경 => 번호 보내준다 if(mode==null) mode="1"; int index=Integer.parseInt(mode); String jsp=""; // 1=>a.jsp , 2.b.jsp... switch(index) { // 화면에 출력하는 JSP만 설정 // insert_ok.jsp,download.jsp .. 공감수 0 댓글수 0 2020. 9. 24.
[JSP,MyBatis] CRUD 게시판 만들기(1) #업로드/다운로드/수정/삭제 앞서 한것에 이어서 오늘은 JSP와 Java, MyBatis를 이용하여첨부파일 업로드, 다운로드, 수정, 삭제가 가능한 게시판을 만들어 보겠습니다. 먼저 사용한 라이브러리입니다.또한 한글이 깨지지 않게, UTF-8로 환경설정을 해줬습니다. # Oracle에 테이블 생성123456789101112CREATE TABLE databoard4( no NUMBER, name VARCHAR2(34) CONSTRAINT db4_name_nn NOT NULL, subject VARCHAR2(1000) CONSTRAINT db4_sub_nn NOT NULL, content CLOB CONSTRAINT db4_cont_nn NOT NULL, pwd VARCHAR2(10) CONSTRAINT db4_pwd_nn NOT NU.. 공감수 5 댓글수 1 2020. 9. 24.
[HTML/CSS] CSS기초 익히기 CSS(Cascading Style Sheets) : HTML과 함께 웹표준의 기본 개념으로 디자인 요소를 담당 # CSS 사용하는 이유 - 웹 문서 내용과 상관없이 디자인만 바꿈 - 다양한 기기에 탄력적으로 바뀌는 문서 제작 # 스타일 형식/표기방법 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 #wrap{ width: 900px; border: 1px solid red; height: 700px; } .row{ width: 700px; /* center를 사용하지 않고 margin을 이용해서 가운데 정렬 : 0px auto*/ margin: 0px auto; } h1 { text-a.. 공감수 0 댓글수 0 2020. 9. 19.
[Web] JSP 게시판만들기 #페이징/ 컨테이너/ 유형별 리스트 # DB에서 테이블 생성 및 데이터 저장 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 CREATE TABLE music_genre( no NUMBER, genre VARCHAR2(20) CONSTRAINT mg_genre_nn NOT NULL, CONSTRAINT mg_no_pk PRIMARY KEY(no) ); CREATE TABLE music( mno NUMBER, cateno NUMBER, title VARCHAR2(300) CONSTRAINT music_title_nn NOT NULL, poster VARCHAR2(260) CONSTRAINT music_post.. 공감수 1 댓글수 0 2020. 8. 27.

문의안내

티스토리
로그인
고객센터

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