웹개발45

• 

  [TIL]Oz Report 컬럼명 연동 안될 때 해결(오즈리포트) Oz Report를 처음 사용한다면 아래와 같은 상황이 생길 수도 있다. Query Designer 랑 Report Designer 를 왔다갔다 할 때 쿼리 수정 후 새로고침을 아무리 해봐도 수정한 데이터 필드의 컬럼명이 적용이 안될 때가 있다. 해결방법은 1. Oz Report Query Designer - 쿼리를 수정한다(컬럼명 변경 등) - 쿼리를 실행한다! (보통 파일만 저장하고 리포트로 넘어가는데.. 쿼리실행을 해야 좌측 데이터베이스 상에서 데이터 필드가 수정된 컬럼명으로 적용된다) - 파일을 저장한다. 2. Oz Report Designer - 좌측 데이터 정보탭에서 우클릭 후 새로고침 - 수정한 쿼리대로 컬럼이 적용된 것을 확인! (Query Designer에서 쿼리실행안하고 수정후 저장만하.. 웹개발/TIL 2022. 6. 20.

• [TIL] xml 파일에서 CDATA 란?? 안녕하세요! Spring mybatis에서 *.xml 파일을 작성할 때 '' (꺽새) 와 같은 문자를 사용하면 문법적으로 에러가 나타나고 보통 아래와 같이 와같이 명령어로 감싸서 작성하여 처리한다. select * from user where age ]]> 30; 나는 처음엔 단순히 꺽새가 반복되어 나타나는 에러로 판단했고 위와 같이 기계적으로 xml파일을 작성했었는데 의문이들어 찾아보았더니 꺽새 뿐만아니라, xml에서 특수문자(, &, ', ") 를 작성 할 때 사용한다고 한다. 여기서 CDATA 란 Character Data 즉 '문자 데이터' 로 xml상에서 파싱하지 않는 문자라는 의미로 작성하는 것이다. 예를 들면 ']]>' 에서 감싸진 '>'(꺽새)는 파싱하기위해사용하지 않겠다 라는 뜻이다. 이.. 웹개발/TIL 2022. 6. 14.

• [jsp] client에서 주석이 안보이게 하고싶을때? 주석이란? 주석은 말그대로 개발환경에서만 보이는 코멘트 같은 것이다. 웹 개발할때 역시 주석을 많이 쓰곤하는데 크롬의 개발자도구/소스보기 등을 확인하면 주석까지 올라온 것을 확인할 수 있다. 이런주석을 안보이게 하려면 어떻게 할까?? 정답은 jsp 주석을 사용하면된다. 웹개발/TIL 2021. 9. 9.

• 

  [JavaScript] iframe에서 바깥 영역(parent document)의 이벤트 동작하기 iframe을 사용하다보면 iframe을 띄운 영역(document) 에 접근하여 버튼등에 이벤트를 줘야하는 경우가 생긴다. 그러나, 시행착오를 해본 사람이라면 iframe내에 script 소스를 추가하여 이벤트를 주어봐도 iframe 바깥영역의 element를 찾지 못한다는 것을 알 수 있다. Q. 왜 그런 것일까? Re. Document 영역이 다르기 때문 위 그림은 modal창 영역 안에 iframe을 넣은 모습이라고 생각해보자. 설명을 추가하면 위 그림처럼 한 document 영역에서 iframe을 호출했다면 호출된 iframe은 또 다른 document이다. (iframe영역: 하늘색영역) 당연히 iframe dom객체에서 셀렉터를 이용해 찾아봤다 다른 dom객체에 있는 element는 찾을 수.. 웹개발/Java & JavaScript 2021. 8. 20.

• 

  [Java] 자바 디렉토리내 파일, 파일구조, 파일명확인하기 Java에서 디렉토리 내의 파일구조나 파일들의 파일명을 확인하는 간단한 방법이 있다. 1. 먼저 디렉토리 경로로 File객체를 생성한다. String fileDir = "D:\uploadShpfile\ETT"; File dir = new File(fileDir); //디렉토리 경로로 파일객체 생성 2. 생성된 File 객체 dir 값을 확인해본다. 필자가 입력한 fileDir값은 "D:\uploadShpfile\ETT"이며 값을 확인해보면 지정한 디렉토리내의 디렉토리와 파일들을 하이라키 구조로 담아서 보여주는 모습을 볼 수 있다. 옆에 파일구조와 비교하여보면 쉽게 이해 할 수 있을 것이다. 웹개발/Java & JavaScript 2021. 6. 23.

• [Java] Split 함수 "." 사용시 작동안됨(split dot not working) 해결 프로젝트에서 파일명을 split함수로 쪼개어사용하던 중 에러가 발생했다 split으로 나누어진 배열의 첫번째 요소를 사용하려고 했더니 java.lang.IndexOutOfBoundsException : Invalid array range: 0 to 0 에러가 발생했다. 확인해보니 split함수에서 발생한 에러! FileName.split(".")[0] 이와 같이 사용하면 에러를 뱉는다.. 확인해보니 "."(dot) 은 정규식 예약어라서 개행문자를 제외한 모든 문자를 의미하여 모든 문자를 각각 split하게 된다고한다. 어쨌든 "."(dot)을 기준으로 문자열을 나누고 싶다면 FileName.split("\\.")[0] 이렇게 사용하면된다. ** 참고 : 위와 같이 "\\" 처리 해줘야하는 문자들 ** 물.. 웹개발/Java & JavaScript 2021. 6. 22.

• [SpringBoot] application.properties 변수관련내용참고 https://velog.io/@max9106/Spring-Boot-%EC%99%B8%EB%B6%80%EC%84%A4%EC%A0%95-uik69crax3 [Spring Boot] 외부설정1 - Application.properties 외부 설정 파일 이란? 애플리케이션에서 사용하는 여러가지 설정 값들을 애플리케이션의 밖이나 안에 정의할 수 있는 기능을 말한다. application.properties 이 파일은 스프링부트가 애플리케이션을 velog.io application.properties 설정 및 변수관련 참고할만한내용 웹개발/TIL 2021. 6. 18.

• [JS] JavaScript로 canvas상에 드래그로 선 그리기 안녕하세요. canvas 두번째 포스팅입니다. 오늘은 canvas에 드래그로 선 그리는 예제를 공유합니다. 컨버스상에 그리는 기능을 사용하는 간단한 개념에 대한 설명은 이전의 사각형 그리기 포스팅을 참고해주시면 감사하겠습니다. 2021.05.31 - [웹개발/Java & JavaScript] - [JS] JavaScript로 canvas상에 사각형 그리기 [JS] JavaScript로 canvas상에 사각형 그리기 안녕하세요. 오늘은 HTML canvas 엘리먼트상에 사각형을 그리는 예제를 공유해볼까합니다. canvas란?? canvas란 웹 상에서 그래픽을 그리기 위한 엘리먼트로 2D, 3D 그래픽을 그릴 baekh-93.tistory.com canvas에 선 그리기 먼저 선을 그릴때도 사각형과 같이 .. 웹개발/Java & JavaScript 2021. 6. 1.

• [JS] JavaScript로 canvas상에 드래그로 사각형 그리기 안녕하세요. 오늘은 HTML canvas 엘리먼트상에 사각형을 그리는 예제를 공유해볼까합니다. canvas란?? canvas란 웹 상에서 그래픽을 그리기 위한 엘리먼트로 2D, 3D 그래픽을 그릴 때 주로 사용합니다. 사용 예 로는 다음, 카카오, 구글의 지도를 띄울 때 canvas element를 사용하기도하고 그림판 또는 웹상에서 이미지를 편집할 때 주로 사용합니다. canvas 상에 사각형 그리기 먼저 canvas에서 사각형을 그리기 위해 알아야하는 것들을 정리해보면 1. 엘리먼트 만들기 - 원하는 크기로 html 소스상에 를 생성합니다. 2. 2D 렌더링 컨텍스트 객체 생성 엘리먼트 상에 드로잉영역을 생성하고, 출력할 컨텐츠를 다루기 위해서 2D 렌더링 컨텍스트 객체를 만들어 줘야 합니다. (그리.. 웹개발/Java & JavaScript 2021. 5. 31.