개인적인 정리

jquery에서 엘리먼트의 display 속성이 none인지 아닌지 확인 With ChatGPT

yeon.Biju — Thu, 23 Mar 2023 15:44:57 +0900

Q. jquery에서 엘리먼트의 display 속성이 none인지 아닌지 확인할 수 있을까요

jQuery에서 엘리먼트의 display 속성이 none인지 아닌지 확인하는 방법은 다음과 같습니다.

1. is(":hidden") 메서드 사용하기

1
2
3
4
5
6

if($("#myElement").is(":hidden")) {
  // display: none; 상태인 경우
} else {
  // display: none; 상태가 아닌 경우
}
 
Colored by Color Scripter

cs

위 코드에서 is(":hidden")은 선택한 엘리먼트가 화면에 보이지 않는(hidden) 상태인지 확인하는 메서드입니다. display: none;으로 인해 화면에서 숨겨진 상태일 때에도 true를 반환합니다.

2. css("display") 속성 값 확인하기

1
2
3
4
5
6

if($("#myElement").css("display") == "none") {
  // display: none; 상태인 경우
} else {
  // display: none; 상태가 아닌 경우
}
 
Colored by Color Scripter

cs

위 코드에서 css("display")는 선택한 엘리먼트의 display 속성 값을 반환하는 메서드입니다. 반환된 값이 "none"인 경우, 해당 엘리먼트는 display: none; 상태임을 의미합니다.

위 두 가지 방법 모두 선택한 엘리먼트의 display 속성이 none인지 아닌지를 확인할 수 있습니다.

javascript 에서 문자열을 숫자로 변환하는 방법 With ChatGPT

yeon.Biju — Thu, 23 Mar 2023 15:39:42 +0900

Q. javascript에서 문자열을 숫자로 변환하는 방법을 알려주세요

1. Number() 함수 사용하기

1
2
3

var str = "123";
var num = Number(str); // 숫자 123이 할당됨
 
Colored by Color Scripter

cs

2. parseInt() 함수 사용하기

1
2
3

var str = "123";
var num = parseInt(str); // 숫자 123이 할당됨
 
Colored by Color Scripter

cs

3. parseFloat() 함수 사용하기(소수점을 포함하는 문자열을 숫자로 변환할 때 사용)

1
2
3

var str = "3.14";
var num = parseFloat(str); // 숫자 3.14가 할당됨
 
Colored by Color Scripter

cs

위의 예제에서 var str = "123";은 문자열 "123"을 변수 str에 할당한 것입니다. 이 문자열을 숫자로 변환하기 위해서는 Number() 함수, parseInt() 함수, parseFloat() 함수 중 하나를 사용할 수 있습니다. 이 함수들은 각각 문자열을 숫자, 정수, 부동소수점 숫자로 변환해주는 역할을 합니다.

위의 예제에서 Number(str)은 str 변수에 할당된 문자열을 숫자로 변환한 후, num 변수에 할당한 것입니다. parseInt(str)과 parseFloat(str)도 마찬가지로, str 변수에 할당된 문자열을 각각 정수나 부동소수점 숫자로 변환한 후, num 변수에 할당합니다.

단, 문자열이 숫자로 변환될 수 없는 경우, 이 함수들은 NaN(Not a Number)을 반환합니다. 따라서 변환한 값이 숫자인지 확인하고자 할 때는 isNaN() 함수를 사용하면 됩니다.

JSTL에서 if 문 With ChatGPT

yeon.Biju — Thu, 23 Mar 2023 15:29:59 +0900

Q. jstl에서 <c:if 문을 설명해주세요

JSTL에서 <c:if>는 조건문을 처리하는 태그로, 조건에 따라 내부의 코드 블록을 실행할지 말지를 결정합니다. <c:if> 태그는 다음과 같은 형식을 가지고 있습니다.

1
2
3

<c:if test="조건식">
  <!-- 실행될 코드 블록 -->
</c:if>

cs

test 속성에는 조건식을 입력합니다. 조건식은 불리언(Boolean) 값을 반환하는 JSP 표현식(JSP Expression)입니다. 조건식이 참(True)일 경우, <c:if> 태그 내부의 코드 블록이 실행됩니다. 조건식이 거짓(False)일 경우, 코드 블록은 실행되지 않습니다.

예를 들어, 다음 코드는 age 변수가 20 이상인 경우에만 "성인입니다."라는 메시지를 출력하는 예제입니다.

1
2
3
4

<c:if test="${age >= 20}">
  <p>성인입니다.</p>
</c:if>
 

cs

위 예제에서는 test 속성에 ${age >= 20}라는 조건식을 지정했습니다. 이 조건식은 age 변수가 20 이상인 경우에 참(True)을 반환합니다. 따라서 age 변수가 20 이상일 때만 <p>성인입니다.</p>가 출력됩니다.

<c:if> 태그는 단독으로 사용될 수도 있고, <c:choose>와 함께 사용될 수도 있습니다. <c:choose>는 여러 개의 조건 중에서 하나를 선택하는 태그로, <c:if> 태그를 여러 개 중첩해서 사용하여 여러 개의 조건을 처리할 수 있습니다.

JSTL 에서의 for 문 With ChatGPT

yeon.Biju — Thu, 23 Mar 2023 14:59:40 +0900

Q. jstl에서 for문이 30번 돌면서 데이타를 출력하는 걸 알려주세요

JSTL에서 for문을 사용하여 30번 돌면서 데이터를 출력하는 방법은 다음과 같습니다.

1
2
3

<c:forEach var="i" begin="1" end="30">
  <p>데이터 출력: ${i}</p>
</c:forEach>

cs

위 코드에서 var 속성으로 지정한 i는 for문이 반복될 때마다 1씩 증가하면서 반복문의 실행 횟수를 나타냅니다. begin 속성은 반복문의 시작 값을, end 속성은 반복문의 종료 값을 지정합니다. 이 예제에서는 1부터 30까지 반복하므로 begin 속성은 1, end 속성은 30으로 지정됩니다.

반복문 내부에서는 ${i}를 사용하여 i 변수의 값을 출력합니다. 이 값은 반복문이 실행될 때마다 1씩 증가하므로 1부터 30까지의 값을 순서대로 출력하게 됩니다. 출력할 데이터가 i 대신 다른 변수나 객체라면 해당 값을 출력하는 방식을 변경하면 됩니다.

jstl 의 fn:contains with chatGPT

yeon.Biju — Thu, 16 Mar 2023 15:10:24 +0900

fn:contains의 사용법에 대해 chatGPT에 물어봤다.

이런 건 검색보다 훨씬 나아보인다.

JSTL(JSP Standard Tag Library)은 JSP 페이지에서 자주 사용되는 로직 처리를 담당하는 커스텀 태그 라이브러리입니다. JSTL 라이브러리는 fn:contains와 같은 함수를 제공하여 문자열에 대한 다양한 조작이 가능합니다.

fn:contains 함수는 JSTL의 Function 태그 라이브러리에서 사용되며, 문자열에서 특정 문자열이 포함되어 있는지를 판별하는 데 사용됩니다.

일반적인 구문은 다음과 같습니다:

1
2
3
4
5
6

<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
 
<c:if test="${fn:contains(string1, string2)}">
  // 문자열 string1에 문자열 string2가 포함되어 있을 경우 수행할 코드
</c:if>
 
Colored by Color Scripter

cs

여기서 string1은 대상 문자열이고, string2는 검색할 문자열입니다. fn:contains 함수는 string1에 string2가 포함되어 있으면 true를 반환하고, 그렇지 않으면 false를 반환합니다.

위의 코드는 문자열 string1에 문자열 string2가 포함되어 있을 경우에만 if 블록 안의 코드가 수행되도록 합니다.

JSTL의 fn:contains 함수는 Java에서의 String 클래스의 contains 메서드와 유사합니다. 다만 JSTL의 fn:contains 함수는 대소문자를 구분하지 않습니다. 대소문자를 구분하는 경우는 fn:containsIgnoreCase 함수를 사용할 수 있습니다.

이클립스 초기 설정(2023년에 작성)

yeon.Biju — Mon, 13 Feb 2023 14:59:00 +0900

이클립스 초기 설정과정을 정리해보고자 한다. 현재 내가 쓰는 기준으로 말이다.

1. 이클립스 다운로드

- 아래URL에서 다운로드 한다.
- Download Packages 를 클릭한다.

https://www.eclipse.org/downloads/

Eclipse Downloads | The Eclipse Foundation

The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.

www.eclipse.org

- Windows x86_64 를 클릭한다.

- 다운로드 한다

- File: 부분을 보면... ... zip으로 끝난다. 압축된 파일을 다운로드 받는 것이 목표다.

2. 적당한 위치에 옮겨서 압축을 푼다.

- 알집 외의 압축푸는 프로그램을 이용한다. 오늘은 7z를 사용했다.

- eclipse-java-2022-12-R-win32-x86_64 란 폴더명이 너무 길어서 약간 변경한다.

eclipse-java-2022-12-01test 로 변경을 한다. test대신에 프로젝트명을 넣는 것을 추천한다.

- 폴더구조가 eclipse-java-2022-12-01test/eclipse/다수의 파일들 구조가 된다.

- 대략적으로 아래와 같은 구조가 되는데, 내 경우엔 E: 위치를 시켰다. (E를 차지한 ssd가 성능이 내pc의 하드가운데 가장 좋기 때문이 주 이유이다)

- 이클립스를 실행해본다.(eclipse.exe 더블 클릭). 아무것도 하지 않을거라 화면이 뜨면 바로 창을 닫을것이다.

- 아래와 같이 나오면 cancel을 눌러서 프로그램을 종료한다.
- 아래와 같이 나오지 않고 에러가 발생한다면.. .에러를 잡아야 할 것인데.. 몇번 해봤지만 에러가 발생하진 않았다.

3. Workspace설정

- eclipse-java-2022-12-01test 하위에 workspace 폴더를 하나 만든다. 꼭 여기여야 할 필요는 없지만.. 나는 계속 이렇게 해왔으므로 여기에 둔다.

- 이제 이클립스를 다시 실행시켜서 workspace를 지정해준다.

- Workspace경로가 잘 지정되어 있는지 확인한 다음에 Launch 를 클릭하여 이클립스를 실행한다.

- 아래와 같이 나오면 일단 이클립스가 돌아간다고 볼 수 있을 것이다.

* 위와 같이 나온다고 끝난 것은 아니고 이제 시작... 이다.

svn 설정

일부 에디터 설정정도를 더 해볼 것이다.

작성중

네이버 로그인 연동

yeon.Biju — Mon, 30 Jan 2023 10:15:15 +0900

네이버 로그인 연동을 위해서 key를 발급하는 과정을 기록하고자 한다.

오랫만에 하다보니 꼭 다시 찾아보게 되서..정리를 해본다.

발급받을 키는 CLIENT_ID와 CLIENT_SECRET 이며

로그인 인증후 이동할 REDIRECT_URL을 준비해야 한다.

키 발급은 NAVER Developers 에서 발급받는다.

1. 아래 URL로 이동한다.
https://developers.naver.com/main/

NAVER Developers

네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음

developers.naver.com

- 네이버 로그인을 클릭한다.

- 아래 화면처럼 나오면 오픈 API이용 신청을 클릭한다.

- 개발가이드를 볼려면 개발 가이드 보기를 클릭한다. 이번에 나는 필요없다. (이미 작성되어 있으므로)

2. 애플리케이션을 등록한다 (API 이용신청)
- 처음에는 홈페이지인데 웬 애플리케이션 등록을... 했지만 여기서 홈페이지 용으로 등록을 한다.
- 어려운 건 없다 천천히 읽어보면서 등록을 하면 되는데, 추후에 수정도 할 수 있으므로 가벼운 마음으로 등록을 한다.

- 네이버 로그인 Callback URL은 네이버 로그인 후 내 홈페이지로 돌아오는 URL이다. 그러므로 내 홈페이지의 URL을 정확하게 입력해준다.

3. 키 발급 완료

- 키 발급이 완료되었다. 개발코드에 잘 넣어서 사용하면 된다.

Done.

Dots are not allowed in element names, please remove it from aaa.insertAAA

yeon.Biju — Tue, 19 Jul 2022 16:44:53 +0900

Dots are not allowed in element names, please remove it from SysLog.logDeleteSysLogSummary

1
2
3
4
5

    <insert id="aaa.insertAAA">
 
       ~~~~
        
    </insert>

cs

위와 같은 상태에서 aaa.insertAAA 를 insertAAA 로 변경하면 된다.

MyBatis 에서 . 이 들어가서 발생한 문제로 .을 제거한다.

이클립스에서 한글이 깨질때

yeon.Biju — Sun, 17 Jul 2022 10:21:06 +0900

이클립스 .properties 라던가 .sql 파일들이 한글이 깨질 때 다음과 같이 해보는 것도 괜찮다.

해당 파일의 오른쪽 마우스버튼을 클릭하여 Properties 를 선택하여 아래와 같이 변경한다.

MS949로 되어 있는 것을 UTF-8로 변경하는 것이다.

프로젝트 전체를 해도 되는데, 그 경우 어떤 영향을 끼치는지(부작용이 있을 수 있는지)는 아직까진 잘 모르겠다.

내가 관리하는 프로젝트라면 프로젝트 전체를 UTF-8 로 바꿀 것 같긴 하다.

Caused by: java.lang.ClassNotFoundException: org.slf4j.Logger

yeon.Biju — Thu, 14 Jul 2022 17:09:52 +0900

아래와 같은 오류가 발생.

java.util.concurrent.ExecutionException: org.apache.catalina.LifecycleException: 구성요소 [StandardEngine[Catalina].StandardHost[localhost].StandardContext[]]을(를) 시작하지 못했습니다. at java.util.concurrent.FutureTask.report(FutureTask.java:122) at java.util.concurrent.FutureTask.get(FutureTask.java:192) at org.apache.catalina.core.ContainerBase.startInternal(ContainerBase.java:926) at org.apache.catalina.core.StandardHost.startInternal(StandardHost.java:835) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183) at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1396) at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1386) at java.util.concurrent.FutureTask.run(FutureTask.java:266) at org.apache.tomcat.util.threads.InlineExecutorService.execute(InlineExecutorService.java:75) at java.util.concurrent.AbstractExecutorService.submit(AbstractExecutorService.java:134) at org.apache.catalina.core.ContainerBase.startInternal(ContainerBase.java:919) at org.apache.catalina.core.StandardEngine.startInternal(StandardEngine.java:263) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183) at org.apache.catalina.core.StandardService.startInternal(StandardService.java:432) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183) at org.apache.catalina.core.StandardServer.startInternal(StandardServer.java:930) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183) at org.apache.catalina.startup.Catalina.start(Catalina.java:772) at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at sun.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:62) at sun.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43) at java.lang.reflect.Method.invoke(Method.java:498) at org.apache.catalina.startup.Bootstrap.start(Bootstrap.java:345) at org.apache.catalina.startup.Bootstrap.main(Bootstrap.java:476) Caused by: org.apache.catalina.LifecycleException: 구성요소 [StandardEngine[Catalina].StandardHost[localhost].StandardContext[]]을(를) 시작하지 못했습니다. at org.apache.catalina.util.LifecycleBase.handleSubClassException(LifecycleBase.java:440) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:198) at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1396) at org.apache.catalina.core.ContainerBase$StartChild.call(ContainerBase.java:1386) at java.util.concurrent.FutureTask.run(FutureTask.java:266) at org.apache.tomcat.util.threads.InlineExecutorService.execute(InlineExecutorService.java:75) at java.util.concurrent.AbstractExecutorService.submit(AbstractExecutorService.java:134) at org.apache.catalina.core.ContainerBase.startInternal(ContainerBase.java:919) ... 21 more Caused by: java.lang.NoClassDefFoundError: Lorg/slf4j/Logger; at java.lang.Class.getDeclaredFields0(Native Method) at java.lang.Class.privateGetDeclaredFields(Class.java:2583) at java.lang.Class.getDeclaredFields(Class.java:1916) at org.apache.catalina.util.Introspection.getDeclaredFields(Introspection.java:104) at org.apache.catalina.startup.WebAnnotationSet.loadFieldsAnnotation(WebAnnotationSet.java:269) at org.apache.catalina.startup.WebAnnotationSet.loadApplicationFilterAnnotations(WebAnnotationSet.java:109) at org.apache.catalina.startup.WebAnnotationSet.loadApplicationAnnotations(WebAnnotationSet.java:68) at org.apache.catalina.startup.ContextConfig.applicationAnnotationsConfig(ContextConfig.java:332) at org.apache.catalina.startup.ContextConfig.configureStart(ContextConfig.java:989) at org.apache.catalina.startup.ContextConfig.lifecycleEvent(ContextConfig.java:303) at org.apache.catalina.util.LifecycleBase.fireLifecycleEvent(LifecycleBase.java:123) at org.apache.catalina.core.StandardContext.startInternal(StandardContext.java:5135) at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183) ... 27 more Caused by: java.lang.ClassNotFoundException: org.slf4j.Logger at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1412) at org.apache.catalina.loader.WebappClassLoaderBase.loadClass(WebappClassLoaderBase.java:1220) ... 40 more

라이브러리는 있는데 발생한 것 같다.

Maven > Update Project 를 하고 나니 다른 오류가 발생하여서 아래와 같이 해결하였다.

https://web-obj.tistory.com/526

java.lang.NoClassDefFoundError: javax/json/JsonException

maven update project 를 하고 톰캣을 실행하면 아래와 같은 에러가 발생하였다. Caused by: org.apache.catalina.LifecycleException: 자식 컨테이너를 시작 중 실패했습니다. at org.apache.catalina.core.Conta..

web-obj.tistory.com