0. 디버그 모드로 실행, 문제의 엔드포인트 메소드 코드 첫 줄에 breakpoint를 찍어 실제로 엔드포인트를 전혀 타지 못하는 것인지, 혹인 엔드포인트를 정상적으로 타지만 그 후의 동작에서 문제가 발생하는 것인지 구분한다

1. 프론트에서 정상적인 주소를 호출했는지 확인

   • 로컬 환경에서 실행할 경우 포트 번호 확인
   • Run/Debug Configurations > Deployment 탭 > Application context: 에 / 외에 별도로 설정된 경로가 있으면 도메인 주소 뒤에 해당 경로를 붙여주어야 한다.

2. Controller Method의 Annotation을 제대로 붙였는지 확인

   • @RequestMapping은 POST와 GET 모두를, @PostMapping과 @GetMapping은 각각 POST와 GET 요청만을 받는다
   • @RequestBody나 @ModelAttribute를 제대로 붙였는지 점검한다. 프론트 단에서 데이터를 JSON 형식으로 보내는지, 혹은 form이나 query string으로 보내는지 확인해보자.

3. 프론트에서 넘겨받은 parameter/payload가 매핑될 자바 객체 필드의 자료형 확인

   • 프론트에서 넘겨주는 parameter/payload가 문제를 일으키는 유력한 범인 후보일 경우, 넘겨주는 필드를 모두 제거한 후 하나씩 추가해보는 식으로 정확히 문제가 되는 부분을 찾을 수도 있다
   • int, boolean, char과 같은 primitive type은 null값을 받을 수 없다. 이런 자료형의 필드로 null값이 들어갈 경우 오류 메시지도 뱉지 않고 목표 엔드포인트를 타지 않는다
     • null값이 들어갈 수도 있는 필드의 경우 대신 대응되는 Object type(예: int -> Integer)을 사용하거나, 프론트에서 해당 값이 null로 들어가지 못하게 검사하거나, 적절한 디폴트 값을 넣어주자
   • 프론트에서 넘어온 파라미터에 매핑되는 백엔드 DTO 객체 필드 내에 일부 필드가 누락되어, 넘어온 파라미터에 매핑될 필드가 없는 것은 의외로 문제가 되지 않았다

4. view name을 string 형식으로 반환할 경우 해당 view 이름과 경로를 올바르게 작성했는지 점검한다

   • 다른 곳들에서도 동일한 문제가 발생했다면 spring.mvc.view.suffix 나 UrlBasedViewResolver 등지에 제대로 view resolver 관련 설정이 되어있지 않아 문제가 발생하는 것일수도 있다. 예 01)

     <bean class="org.springframework.web.servlet.view.UrlBasedViewResolver" p:order="2"
           p:prefix="/WEB-INF/jsp/" p:suffix=".jsp"
           p:viewClass="org.springframework.web.servlet.view.JstlView"/>

     예 02)

     spring:
       mvc:
         view:
           prefix: /WEB-INF/jsp/
           suffix: .jsp    

5. 프론트에서 넘겨받은 parameter/payload가 매핑될 자바 객체 필드의 Validation annotation 확인(사용할 시)

   • Integer형 필드에 org.hibernate.validator.constraints.@NotEmpty 사용 시 오류 메시지 출력 없이 엔드포인트를 제대로 타지 않는 문제가 있어 javax.validation.constraints.@NotNull로 바꿔주니 정상적으로 동작했다다. @NotEmpty나 @NotBlank는 값의 길이를 체크하는데, Integer와 같은 타입은 길이가 없기 때문에 사용할 수 없기 때문이라고 한다.

다음은 인텔리제이 아이디어에서 JRE/JDK 버전 설정이 필요한 항목들이다. 여기에 너무 잘 정리되어 있어서 굳이 이 글을 작성해야 했나 싶기도 하다...

• [IntelliJ] JAVA 버전 바꾸는 방법(JDK버전)

1. Settings > Build, Execution, Deployment > Build Tools

   • Maven 사용 시 importing, Runner에서 사용되는 JDK/JRE 버전 확인/변경
   • Gradle 사용 시 Gradle Projects 아래 프로젝트의 Gradle > Gradle JVM: 항목 변경

2. Settings > Build, Execution, Deployment > Compiler > Java Compiler

   • Project bytecode version: 항목 변경

3. Project Structure > Project Settings > Modules
   • 우측 Sources > Language level 항목 변경
   • 우측 Dependencies > Module SDK: 항목 변경

4. Project Structure > Project Settings > Project
   • SDK: 항목 변경
   • Language level: 항목 변경

5. Run/Debug Configurations> config 선택 > Server
   • JRE: 항목 변경

TL;DR 채점 기준이 너무 엄격하면서도 모호하다. Challenge Lab의 공통적인 문제점이다

• (task 1)주어진 프로젝트 ID와 Region 정보를 이용해 모델을 초기화하라는 지시가 있었는데 정상적으로 지시를 수행했는데도 채점할 때 계속 오답이 있다는 메시지가 떴다. 커널을 재시작해도 해결되지 않았는데 재시험을 볼 때는 정상적으로 통과되었다. 영문을 모르겠다
• (task 2)반드시 instruction을 잘 읽어보고 모두 따를 것. 프롬프트를 수정하기 전 default 프롬프트로 한번 돌려서 결과를 확인하라와 같은 지시가 있을 때 프롬프트 수정 전 주어진 기본 프롬프트를 돌리지 않으면 채점에서 오답이 뜨는 것을 확인했다
• (task 3)문제에서 요구하는 내용과 형식의 response 값을 얻었는데도 계속 오답 처리가 되었는데 프롬프트에 'Make sure NOT to include surplus markdown.'라는 지시를 포함시켜 response에서 title을 빼게 하니 통과되었다(정말로 title이 포함되어 오답이 뜬 것이었는지 추가적인 검증 필요함)
• (task 4)문제에서 요구하는 내용의 response 값을 얻었는데도 계속 오답 처리가 되다가 instruction에 포함된 단어들을 prompt에 다 우겨넣으니 response.text가 이전과 동일한데도 통과된 일이 있었다. 결과값 뿐만이 아니라 prompt나 jupyter notebook에 작성한 코드도 채점 대상이 되는 것 같다
• (task 5)문제에서 요구하는 내용의 response 값을 얻었고, 이보다 더 지시에 부합하는 값을 얻을 수 없을 거라 생각했는데 채점에서 오답이 떠서 분노로 계속 채점하기 버튼을 클릭하다 보니 통과되었다. 무엇이 문제였을까?

Loops

For Loops

• break, continue 사용 가능함
• 문자열도 iteratable함
• range(start, end, [increment])도 iteratable함
• else: 사용 가능: break 없이 모든 loop가 완료되었을 시에만 실행됨

  fruits = ["apple", "banana", "cherry"]
  for x in fruits:
  print(x)

While Loops

• break, continue 사용 가능함
• 무한루프가 되지 않도록 주의!!!
• else: 사용 가능: condition이 true가 아니게 되었을 때 실행

  i = 1
  while i < 6:
  print(i)
  i += 1
  else: 
  print("loop ended")

if...else

• and, or, not 사용 가능

  if condition1:
    do_stuff()
  elif condition2:
    do_another_stuff()
  else:
    do_something_else()

숫자 연산

max

>>> help(max)
Help on built-in function max in module builtins:

max(...)
    max(iterable, *[, default=obj, key=func]) -> value
    max(arg1, arg2, *args, *[, key=func]) -> value

    With a single iterable argument, return its biggest item. The
    default keyword-only argument specifies an object to return if
    the provided iterable is empty.
    With two or more arguments, return the largest argument.

min

>>> help(min)
Help on built-in function min in module builtins:

min(...)
    min(iterable, *[, default=obj, key=func]) -> value
    min(arg1, arg2, *args, *[, key=func]) -> value

    With a single iterable argument, return its smallest item. The
    default keyword-only argument specifies an object to return if
    the provided iterable is empty.
    With two or more arguments, return the smallest argument.

증감연산자

파이썬에서는 증감연산자 i++, i--, ++i, --i를 사용하지 않는다. 대신 i += 1과 같은 방식으로 표현한다.

divmod

divmod(a, b)는 (a // b, a % b)를 반환

String

split

문자열을 delimeter 기준으로 나누어 list로 반환. delimeter가 주어지지 않으면 공백 문자를 기준으로 나눔. str.split([delimeter], [maxsplit])

zfill

string 앞에 지정된 길이가 될때까지 0을 채워줌.

>> s = "50"
>> s.zfill(4)
'0050'

List

sorted

주어진 list의 sort된 버전을 반환함.

l = [7, 3, 5, 1]
l = sorted(l)

• 위키피디아에 잘 설명되어 있다

구글 OTP(Google Authenticatior)

위키피디아 문서

• 보안 문제로 요즘은 잘 사용되지 않고 Authy, Aegis, BitWarden이 더 많이 쓰인다는 것 같다.

• 안드로이드 앱의 오픈 소스 포크가 깃허브에서 공개되었으나 21년도 이후로 업데이트가 중단된 상황이다.

  구현

• 지정된 WINDOW_SIZE만큼 현재 시각 앞뒤로 코드를 추가 검증한다. 0일 경우 현재 시각만을 기준으로 검사한다.

• 랜덤하게 키를 생성할 때 SECRET_KEY_LENGTH를 참조해 키의 길이를 결정한다. 20 이상으로 하는 것이 추천됨.

  • key 길이가 len(key) % 8 == 1 일 경우 (예: 17자, 33자) 코드가 비정상적으로 생성되는 문제가 있다. Google Authenticator에서는 해당 문제를 이후 수정한 것으로 보이나 오픈 소스로 공개된 코드와 이를 활용해 작성한 코드 및 라이브러리(warrenstrange GoogleAuth)에는 문제가 여전하다. 해당 길이를 피해서 키를 생성해야 한다.

    변수 설정

    // 양의 정수. 검증 실패 시 현재 시각 전후로 해당 변수로 지정된 횟수만큼 추가 검증
    final int WINDOW_SIZE = 3;
    
    // 길이 20 이상, 8의 배수인 양수로 설정하는 것을 추천함. 길이가 8의 배수 + 1이면 인증 제대로 안되는 문제 있음
    final int SECRET_KEY_LENGTH = 32;

OTP 코드 계산

    public int calculateOtpCodeFromKey(String otpKey, long t) throws NoSuchAlgorithmException, InvalidKeyException, EncoderException {
        byte[] timeData = new byte[8];
        long value = t;
        for (int i = 8; i-- > 0; value >>>= 8){
            timeData[i] = (byte) value;
        }

        Base32 codec = new Base32();
        byte[] decodedKey = codec.decode(otpKey);
        SecretKeySpec signKey = new SecretKeySpec(decodedKey, "HmacSHA1");
        Mac mac = Mac.getInstance("HmacSHA1");
        mac.init(signKey);
        byte[] hashedOtpKey = mac.doFinal(timeData);

        int offset = hashedOtpKey[20 - 1] & 0xF;
        long truncatedHash = 0;
        for (int i = 0; i < 4; ++i) {
            truncatedHash <<= 8;
            // we just keep the first byte
            truncatedHash |= (hashedOtpKey[offset + i] & 0xFF);
        }

        truncatedHash &= 0x7FFFFFFF;
        truncatedHash %= 1000000;
        return (int) truncatedHash;
    }

OTP 코드 검증

    public Boolean verifyOtpCode(int otpCode, String otpKey) throws NoSuchAlgorithmException, InvalidKeyException, EncoderException {
        long t = new Date().getTime() / 30000;
        // 현재 시간 기준으로 우선 검사
        if (otpCode == calculateOtpCodeFromKey(otpKey, t)){
            return true;
        }
        // 최초 검사 실패 시 현재 시간 전후로 WINDOW_SIZE 만큼 추가 검사
        for (int i = -1 * this.WINDOW_SIZE; i <= this.WINDOW_SIZE; i++){
            if (i == 0){
                continue;
            }
            if (otpCode == calculateOtpCodeFromKey(otpKey, t + i)){
                return true;
            }
        }
        // 검사 실패: 코드 불일치
        return false;
    }

OTP 키 생성

    public String generateRandomBase32Key(){
        // Allocating the buffer
        byte[] buffer = new byte[this.SECRET_KEY_LENGTH * 3];
        // Filling the buffer with random numbers
        new SecureRandom().nextBytes(buffer);
        // Getting the key & converting it to Base32
        Base32 codec = new Base32();
        byte[] bEncodedKey = codec.encode(buffer) ;
        return new String(bEncodedKey).substring(0, this.SECRET_KEY_LENGTH);
    }

테스트

        String generatedKey = otpUtil.generateRandomBase32Key();
        long t = new Date().getTime() / 30000;
        System.out.println("now: " + new Date());
        int calculatedCode = otpUtil.calculateOtpCodeFromKey(generatedKey, t);
        System.out.println("key: " + generatedKey);
        System.out.println("code: " + calculatedCode);
        assert otpUtil.verifyOtpCode(calculatedCode, generatedKey);

참고한 문서

Google Authenticator: Using It With Your Own Java Authentication Server

[Java] Google Authenticator(Google OTP)를 이용한 개발.

필기(80점대)

공부 방법

• 많은 합격 후기 글에서 좋은 교재가 없으니 교재 구입은 추천하지 않는다는 내용이 공통적으로 있어 교재를 별도로 구입하지 않고 전자문제집 CBT에서 2019 - 2024 기출을 하루에 한두개씩 풀었다.
  • 처음 풀었을 때는 총점이 50점대가 나왔으나 필기 시험을 보기 직전에는 꾸준히 90점 이상이 나왔다. 정작 시험에서는 80점대 점수를 맞았지만...
• 리눅스 관련 문제는 리눅스를 간단한 명령어만이라도 사용해본 적이 있다면 조금만 공부해도 수월하게 풀 수 있을 수준이다.
• 기출을 풀고 틀린 문제는 스프레드시트로 오답 노트를 만들어 정리했다. 이전에 틀린 적이 있는데 또 틀린 문제는 별도로 표시해 반복해서 풀어본다.
• 시험에 많이 나오는데 내가 잘 모르는 주요 주제들은 위키피디아, 개인 블로그, geeksforgeeks 등지에서 관련 정보를 찾아 정리했다.
  • OSI 7계층(+ TCP/IP 4계층)별 특징, 기능, 주요 프로토콜과 그 기능, 장비, PDU
  • IPv4 vs IPv6 특징, 차이
  • IPv4 주소 보고 클래스 구분, private network 범위, 서브네팅 계산&할당 가능한 호스트 수 계산, 브로트캐스트 주소 찾기
  • IPv6 주소 형식, 생략법
  • IEEE 802.3(이더넷, CSMA/CD), .4(토큰 버스), .5(토큰 링), .11(CSMA/CA)
  • ICMP 메시지 타입과 그 기능
  • CSMA/CD vs CSMA/CA
  • IP vs TCP vs UDP
  • TCP flag들과 3 way handshake 절차
  • 재전송 기반 오류 제어: ARQ 방식의 종류
  • 리눅스 기본적인 디렉토리 구조와 그 기능
  • 리눅스와 윈도우 터미널 기본적인 명령어와 그 기능
  • 라우팅 프로토콜: 사용되는 알고리즘, RIP vs OSPF
  • 주요 포트 번호와 그 포트를 사용하는 어플리케이션(TCP, UDP 구분 필수)
  • 브로드캐스트 vs 멀티캐스트 vs 애니캐스트 vs 유니캐스트
  • RAID: 특히 0, 1 방식과 차이

시험 당일 후기

• 문제은행 방식이라 그런지 이전에 풀었던 기출에서 대부분의 문제가 나온 것 같다(이전에 본적이 있는데도 또 틀리는 문제도 있다)
• 만점자 배출을 억제하기 위해서인지 절대 못 풀만한 새로운 문제가 두어문제 나왔다. 공부를 한다고 풀 수 있는 문제가 아니었다. 이런 문제는 어쩔 수 없다...
• 선린인터넷고등학교에서 시험을 봤는데, 후문으로 들어가는게 고사장에 더 가까울 것 같으나 후문이 잠겨있다. 정문을 사용하자.

실기(94.5)

공부 방법

• 햄릿슈 유투브

  • 이 분 영상만 입문 시리즈부터 최신 문제 복원/해설 시리즈까지 보며 공식 에뮬레이터로 따라해도 왠만하면 합격 가능할 것 같다.
  • 수험생들이 많이 궁금해하는 것들을 모아 출제 기관에 문의를 넣어 받은 답을 공개한 영상도 있다.
  • 문제 풀이 영상에서 풀이 전 문제를 띄워놓은 장면에서 유투브 영상을 잠시 정지시켜 두고, 직접 에뮬레이터로 문제를 풀어본 후 풀이를 보며 내가 제출한 것과 비교해보는 방식으로 영상을 활용했다.
  • 네트워크 엔지니어링 분야 전문가가 아니라 자세한 설명은 기대할 수 없다는 단점이 있다(본인도 영상에서 그렇게 말씀하시곤 한다)
  • 좀 오래된 영상에는 간간히 잘못된 내용이 나오기도 한다. 댓글에서 누가 이를 지적하거나 업로더가 직접 댓글로 정정하니 댓글을 읽어보는 것이 좋다.

• 우진아빠의 네트워크 실무

  • 20년 넘게 네트워크 분야에서 엔지니어로 근무하신분답게 설명이 자세하고 실무에서는 실제로 어떻게 하는지 이야기를 많이 해주신다. 보충 설명이 필요하거나 자세한 원리가 궁금할때 해당 블로그에서 찾아보는 식으로 많이 활용했다.
  • 실무자의 실전 노하우가 담긴 심화 문제도 출제해주신다.
  • 시험 전 단답형 문제를 한번 훑어보고 갔는데 그러지 않았다면 시험 때 두어문제 더 틀렸을 것 같다... 설명이 자세하고 잘 정리되어 있어 기억에 잘 남았다.
  • 유투브 채널과 카페도 운영하신다.
  • 블로그 글이나 유투브 영상에서 실제 현장에 사용되는 네트워크 장비를 구경시켜 주시는데 정말 신기했다.

• 케이블은 랜툴 세트와 랜선 2m를 구입해 이틀에 하나씩, 시험 시작 시간에 맞춰(아침 9시 반쯤) 타이머 6분(실제 시험에서 주어지는 시간은 10분)을 맞춰놓고 다이렉트나 크로스 케이블을 제작했다.

시험 당일 후기

• 케이블 제작은 실기 1번 문제이다. 실전같은 환경에서 연습한 덕인지 시험 당일에도 좀 비몽사몽한 상태에서 5분 안에 다이렉트 케이블을 제대로 제작했다. 제작 후 케이블에 수험자 정보가 인쇄된 라벨을 부착하면 시험관이 수거해 채점한다.
  • 사제 랜툴과 피복 탈피기를 사용할 수 있다. 대부분의 수험생이 도구를 구입해왔지만, 사제 도구를 가져오지 않아 시험장 보급품을 대여한 응시자도 몇명 있었다(질이 좋지는 않다고 고지해줬다)
• 윈도우 서버 에뮬레이터 문제와 단답형/선택형까지 모두 푼 후 답안을 전송하면 자동으로 라우터 문제를 풀 수 있는 웹페이지가 뜬다.
• 라우터 문제도 다 풀고 답안을 전송하면 시험관이 있는 교실 앞쪽 책상으로 가 본인의 케이블 제작 문제 점수와 답안 전송 상태를 확인한 후 퇴실한다.
• 또 선린인터넷고등학교에서 시험을 봤다.

• 와일드카드 문자 *를 사용할 수 있다.
  • *.java: 모든 자바 파일에서 검색
  • *Controller.java: 파일명이 Controller로 끝나는 모든 자바 파일에서 검색
• not의 의미로 !를 사용할 수 있다
  • !*Controller.java: 파일명이 Controller로 끝나는 자바 파일을 제외한 모든 파일에서 검색
• 최신 버전에서는 어떤지 모르겠는데, 내가 사용하는 22년 버전에서는 file mask를 제거할 수 있는 기능이 IDE 내에서 제공되지 않는다. 다른 내용으로 덮어쓰기 시도 시 아예 새로운 mask가 생성된다
  • (Windows 기준) C:/Users/{user}/AppData/Roaming/JetBrains/IntelliJIdea{version}/options 경로의 find.xml 파일 안에 있는 mask tag 중 원치 않는 것을 지우면 된다. 정말 번거롭다...

참고한 글: intellij search with file mask

html 형식의 텍스트를 읽어와 일부 내용(%s)을 상황에 따라 적절한 내용으로 formatting 해야 하는 상황에서 html에 포함된 % 부호 때문에 java.util.UnknownFormatConversionException: Conversion = '"' 오류 발생.

String htmlString = "<div style=\"width: 30%\"><p>%s</p><span>%s</span></div>";
String htmlString = String.format(htmlString, "내용 1", "내용 2");

해결

챗지피티의 조언으로 %를 일일히 escape처리하는 대신, String.format 대신 MessageFormat.format메소드를 사용하도록 다음과 같은 형태로 html과 자바 코드를 변경했다. 고마워요 챗지피티!

import java.text.MessageFormat;

String htmlString = "<div style=\"width: 30%\"><p>{0}</p><span>{1}</span></div>";
String htmlString = MessageFormat.format(htmlString, "내용 1", "내용 2");

Spring + MySQL (+ MyBatis) 환경에서 view에 있는 컬럼을 대상으로 조건문에 한글을 사용해 SELECT 문 실행 시 Cannot convert string from utf8mb4 to binary오류가 뜨거나, 확실히 1건 이상의 검색 결과가 있어야 함에도 불구하고 검색이 되지 않는 오류가 발생했다.

예시 1: 한글 LIKE 검색

• 실행한 쿼리

  SELECT 
    ARTICLE.ARTICLE_ID,
    ARTICLE.ARTICLE_TITLE
  FROM
    VIEW_ARTICLE ARTICLE
  WHERE
    ARTICLE.ARTICLE_TITLE LIKE CONCAT('%', '테스트', '%')

• 결과

  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary

  예시 2: 한글 = 검색

• 실행한 쿼리

  SELECT 
    ARTICLE.ARTICLE_ID,
    ARTICLE.ARTICLE_TITLE,
    MEMBER.MEMBER_ID,
    MEMBER.MEMBER_NAME
  FROM
    VIEW_ARTICLE ARTICLE
    LEFT OUTER JOIN VIEW_MEMBER MEMBER
        ON ARTICLE.WRITER_ID = MEMBER.MEMBER_ID
  WHERE
    MEMBER.MEMBER_NAME = '관리자'

• 결과

  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary
  Cannot convert string '\xEA\xB4...' from utf8mb4 to binary

  해결

  MySql 8.0.32 버전에만 존재하는 버그로, SHOW VARIABLES LIKE 'version';문 실행 시 나오는 버전이 해당 버전이라면 다음과 같은 방법을 통해 조치할 수 있다. 이후 버전에서는 수정되었다고 한다.

SELECT문 실행 전 SET optimizer_switch='derived_condition_pushdown=off'; 문 실행

해당 버그 리포트는 다음 버그와 중복되는 내용이라고 한다. MySQL Bug Report

• 꼭 view에 국한되는 문제는 아니며, 대충 'SELECT 문을 실행하면서 파생 테이블을 생성할 때 ASCII 범위를 넘어가는 문자들이 utfmb4로 정상적으로 변환되지 않아 생긴 문제'라는 것 같다. 세계 인구 중 ASCII 범위 외의 문자를 이용하는 사람들이 대다수라는 것을 영어가 모국어인 개발자들이 항상 기억해 줬음 좋겠다...

Documented fix as follows in the MySQL 8.0.33 changelog:
When cloning a condition to push down to a derived table, characters in strings representing conditions were converted to utfmb4 correctly only for values less than 128 (the ASCII subset), and code points outside the ASCII subset were converted to invalid characters, causing the resulting character strings to become invalid. For derived tables without UNIONS, this led to problems when a column name from the derived table used characters outside the ASCII subset, and was used in the WHERE condition. For derived tables with UNIONS it created problems when a character outside the ASCII subset was present in a WHERE condition.
We fix these issues by initializing the string used in such cases for representing the condition to the connection character set.
Closed.

Posted by developer:
As a workaround, set derived condition pushdown to off like this:
set optimizer_switch="derived_condition_pushdown=off";

얼럿, 모달, 팝업: 어떻게 다른가

해당 내용이 정리된 stackexchange 글 참고한 다른 글

명확히 기능과 특성을 구분해 지칭하기보다는 혼용해 쓰이는 경우가 많다. 나도 부모 창 위에 떠다니는 것은 다 퉁쳐서 팝업으로 부르는 경향이 있다.. 이 글에서도 팝업이라는 용어를 그러한 방식으로 사용하고 있다

• Alert

  • 간단한 메시지를 노출하며 이에 대한 사용자의 즉각적인 대응을 요청함. 사용자가 할 수 있는 대응은 확인이나 취소 버튼을 클릭하는 것으로 한정되어 있다
  • 대응하여 얼럿 창을 해제하기 전까지는 부모 창과 상호작용하는 것을 금지한다
  • 확인버튼만 있는 것은 alert, 취소나 그와 유사한 버튼 또한 제공하는 것은 confirm으로 불린다. confirm을 alert의 하위 개념으로 취급하는 곳도 있고, 별개의 개념으로 설명하는 곳도 있었다. 본 예시에 등장하는 것은 엄밀히 말하면 confirm이다

• Modal/Dialog

  • 단순 메시지보다 더 많은 정보를 노출한다
  • 떠 있는 동안에는 부모 창과 상호작용하는 것을 막지만 직접적으로 대응하지 않고도 창 밖의 영역을 클릭해 해제할 수 있다.

• Popup

  • 즉각적인 대응을 요구하지 않으며, 해제하지 않고도 부모 창과 상호작용할 수 있다
  • Alert와 Modal와 같이 부모 창 위에 나타나는 요소들을 Popup으로 통칭하기도 한다
  • 대표적인 예시로는 인터넷 쇼핑몰에 접속하면 자동으로 뜨는 광고 및 공지들이 있다

구현

!codepen[bestKimEver/embed/xxBWVyo?default-tab=html%2Cresult]

1. 띄울 팝업을 HTML로 만들고 팝업 내부 조작과 관련된 코드를 작성한 후 hidden 상태로 숨겨둔다

   • 사이트 내에서 공통적으로 사용하는 alert 및 confirm은 퍼블리셔가 footer 등지에 만들어 숨겨둘 것이다
   • 띄울 팝업과 그에 동반되는 코드의 분량이 많을 경우, 혹은 다른 페이지에서도 별도의 파일로 분리하는 것도 좋다.

        <!-- JSP의 예 -->
        <jsp:include page="/WEB-INF/jsp/popup/popupExample.jsp />

   • 실제 프로젝트에서는 퍼블리셔가 이보다는 더 보기 좋게 디자인을 적용하고, z값과 위치를 설정하고, 팝업이 떠 있는 동안 팝업과 무관한 조작을 하지 못하도록 dim 처리한 레이어를 까는 등의 작업을 해놓을 것이다

2. 사용자가 특정 버튼을 클릭하는 등의 행동을 할 시 팝업이 열리도록 적절히 조치한다

   • 여기서는 $("#btn-showPopup").on("click", () => { $("#confirmPopup").show(); })등의 코드를 작성해 직접적으로 숨겨진 팝업을 show했지만 현업에서는 보다 편하게 팝업을 노출 및 숨김 처리하고 안에 들어갈 콘텐츠를 설정할 수 있도록 퍼블리셔 등의 프론트 관계자들이 전용 함수를 작성해줄 수도 있다. 꼭 확인해보자.

코드

• javascript

  import $ from "https://esm.sh/jquery";
  
  $("#btn-showPopup").on("click", () => {
    $("#confirmPopup").show();
  })
  
  $("#btn-close").on("click", () => {
    $("#confirmPopup").hide();
  })
  
  $("#btn-confirm").on("click", () => {
    // "확인" 클릭 시 실행할 코드
    document.body.style.backgroundColor = "gray";
    $("#confirmPopup").hide();
  })

• HTML

  <button type="button" id="btn-showPopup">show alert</button>
  
  <div id="confirmPopup" class="popup-wrap" aria-modal="true" hidden>
    <div class="popup-inner">
      <div class="popup-header">
        <h2 class="popup-title">저는 얼럿이예요!</h2>
      </div>
      <div class="popup-body">
        <p>그렇습니다. 저는 얼럿입니다. <br>배경 색을 회색으로 변경하시겠습니까?</p>
      </div>
      <div class="popup-footer">
        <div class="btn-area">
          <button type="button" id="btn-close">취소</button>
          <button type="button" id="btn-confirm">확인</button>
        </div>
      </div>
    </div>
  </div>

• CSS

  #confirmPopup {
    border: 1px solid;
    height: 200px;
    width: 300px;
    text-align: center;
    padding-top:20px;
    background-color: white;
  }

게시판 설정 기능의 일부로 포함되었던 기능으로, 해당 게시판에서 게시물 작성자가 입력할 수 있는 키워드를 관리자가 설정할 수 있다. 관리자가 설정할 수 있는 키워드의 종류는 원래 별도의 설정 파일에 변수 형태로 설정되어 있다. 입력 가능한 값의 범주가 이미 정의되어 있기 때문에 그 목록을 체크박스 형식으로 제공하여 사용자가 그 중에서 허용할 항목을 선택하게 하는 것이 가장 효과적인 방법이라고 생각하나, 이것이 기획-클라이언트 파트의 선택이라 이렇게 구현하였다... 나에게 좀 더 재량권이 주어진다면 input 아래에 입력 예시라도 추가하고 싶다.

!codepen[bestKimEver/embed/RwdxgEq?default-tab=html%2Cresult]

• javascript

  import $ from "https://esm.sh/jquery";
  
  // 허용된 키워드들: 영문 키워드는 소문자로 입력
  var allowedKeywordList = "#출석#인증#자랑#yolo#유머#awol#질문#리뷰#이벤트".split("#").filter(function (i){return i;});
  // var allowedKeywordList = ["출석","인증","자랑","YOLO","유머","AWOL","질문","리뷰","이벤트"];
  
  // allowedKeywordList에 포함되지 않은 키워드는 등록 불가
  $("#keywordText").on("change keyup paste blur", function(event){
    let content = $(this).val();
    // 입력 중인 텍스트가 #나 공백으로 끝나지 않을 경우 검사 안함 
    if(["change", "keyup"].includes(event.type) && !(content.endsWith("#") || /\s$/.test(content))){
      return;
    }
    // 사용자가 입력한 키워드 text parsing
    content = content.replace(/,/g, "").replace(/\s/g, "");
    let inputKeywordList = content.toLowerCase().split("#").filter((keyword) => {
      keyword = keyword.trim();
      if(keyword.length > 0){
        return keyword;
      }
    });
    console.log(inputKeywordList)
    // 파싱한 키워드 목록을 허용된 키워드와 그렇지 않은 것으로 분류
    let validKeywordList = inputKeywordList.filter((keyword) => allowedKeywordList.includes(keyword));
    let invalidKeywordList = inputKeywordList.filter((keyword) => !allowedKeywordList.includes(keyword));
  
    //허용되지 않은 키워드 하나라도 포함 시 alert 띄우고 해당 키워드 삭제
    if(invalidKeywordList.length > 0){
      // alert("허용되지 않은 키워드입니다.");
      alert(invalidKeywordList[0] + "은(는) 허용되지 않은 키워드입니다.");
      $("#keywordText").val(validKeywordList.join("#"));
    }  
  })

• HTML

  <input type="text" id="keywordText" value="" placeholder="키워드는 해시태그 단위로 구분하여 입력해 주세요" style="width:50em;" />

!codepen[bestKimEver/embed/dyrZMYX?default-tab=html%2Cresult]

• javascript code

  function applyCheckboxGeneralLogic(){
    let isChecked = this.checked;
    let formContainer = $(this).closest(".checkbox-container");
    if($(this).hasClass("checkbox-all")){
      $(formContainer).find("input[type=checkbox]").prop("checked", isChecked)
    }else{
      if(isChecked){
        if($(formContainer).find("input[type=checkbox]:not(.checkbox-all):not(:checked)").length < 1){
          $(formContainer).find("input.checkbox-all").prop("checked", true);
        }
      }else{
        $(formContainer).find("input.checkbox-all").prop("checked", false);
      }
    }
  }
  
  $("div.checkbox-container input[type=checkbox]").click(applyCheckboxGeneralLogic);

• HTML

  <div class="checkbox-container">
  
    <div class="checkbox-row">
      <input type="checkbox" class="checkbox-all" id="option-all"/>
      <label for="option-all">
        <span>전체</span>
      </label>    
      <input type="checkbox" id="option-01" value="01"/>
      <label for="option-01">
        <span>선택 1</span>
      </label>
      <input type="checkbox" id="option-02" value="02"/>
      <label for="option-02">
        <span>선택 2</span>
      </label>
          <input type="checkbox" id="option-03" value="03"/>
      <label for="option-03">
        <span>선택 3</span>
      </label>
    </div>
  
    <div class="checkbox-row">
      <input type="checkbox" id="option-04" value="04"/>
      <label for="option-04">
        <span>선택 4</span>
      </label>
      <input type="checkbox" id="option-05" value="05"/>
      <label for="option-05">
        <span>선택 5</span>
      </label>
      <input type="checkbox" id="option-06" value="06"/>
      <label for="option-06">
        <span>선택 6</span>
      </label>
      <input type="checkbox" id="option-07" value="07"/>
      <label for="option-07">
        <span>선택 7</span>
      </label>
    </div>
  
  </div>

Intellij IDE에서 톰캣을 이용해 Run 시 서버 콘솔에 Connected to server라는 로그와 [Catalina-utility-2] 관련 로그 몇 줄 후에 추가적으로 로그가 뜨지 않고 브라우저로 접속 시 모든 엔드포인트가 404 오류를 뱉어내는 오류가 있어 해결하는 데 이틀 가량을 소비했다. xml 설정 파일을 잘못 작성하거나 web.xml(WebApplicationInitializer)에 제대로 등록하지 않아 생긴 문제 같아서(아님) 그 쪽을 만져보느라 시간을 많이 허비했다.

해결

Run/Debug Configurations에서 Deployment 탭의 Deploy at the server startup에 배포 설정을 해 주지 않아 발생한 문제였다. Before launch에 Build war exploded artifact task가 있어 그게 그거지~ 라고 생각했는데 아니었다... Deployment 설정을 제대로 추가해주면 artifact가 배포된다는 로그가 뜬다.

Artifact study:war exploded: Artifact is being deployed, please wait...

• Application context가 요상한 걸로 바뀌는데, 이대로 실행하면 오류가 발생한다. /나 별도로 설정된 path로 바꿔줘야 한다.

• deploy 설정 추가 후에도 (EgovWeb)ServletContextListener 관련 오류가 떠서 해결했는데(EgovWebServletContextListener에서 참조하는 필수 property인 Spring.datasource.DbType이 설정 .properties 파일에서 누락되어 생긴 문제였다) war exploded로 배포 시 정상적으로 실행되나, 그냥 war 배포 시에는 동일한 오류가 계속 발생했다

  • Before launch에 Build war artifact를 추가해주면 정상 작동한다.

• artifact는 Maven 등에서 빌드 결과로 나오는, Delivery/Depolyment를 위해 최종적으로 관리되는 개발 산출물을 의미한다.

참조

7. Deploy From IntelliJ IDEA [IntelliJ] 인텔리제이 톰캣(Tomcat) 연동

• docker-compose 사용 시 이름이 같은 서비스끼리 설정이 서로 섞이는 문제가 있다.
  • 예전에 docker-compose.yml 파일을 수정해가며 up-down을 반복했을 때 백업해둔 docker-compose.yml 파일들과 설정이 섞였는데, 이것이 원인인줄 몰라 애꿎은 DB 설정에만 매달리다 하루를 날린 적이 있었다.
  • 오늘은 기존에 up한 것과 다른 docker-compose.yml 파일을 up하자 새로 컨테이너가 생성되는 것이 아니라 기존에 만든 것이 지워지고 recreate 되어 컨테이너 안의 DB가 날아가는 대참사가 일어나 멘탈이 나갔다.. 오늘 반나절이 날아갔다. up 시 --no-recreate flag를 추가해 이러한 참사를 예방하자

    docker compose up [-d] --no-recreate

• docker-entrypoint-initdb.d 파일 내의 dump.sql을 제대로 읽어들이지 못하는 문제도 있다...(이걸로는 해결 안됨)
  • 그냥 dbeaver SQL 편집기에 실행할 파일을 끌어다 놓은 후 실행시켰다.

전자정부프레임워크 개발자용 개발환경 eGovFrameDev-4.0.0-Win-64bit.exe를 다운받아 실행할 때 다음과 같은 오류가 발생했다.

Incompatible JVM
Version 1.8.0_202 of the JVM is not suitable for this product. Version: 11 or greater is required.

JVM 버전을 11 이상으로 설정하란다.

원인

• eclipse는 자바 기반으로 제작되었는데, 이를 돌릴 수 있는 가상 머신(JVM)의 경로가 설정되어 있지 않아 발생하는 문제다.
• eclipse가 위치한 디렉토리의 eclipse.ini 파일을 열어보면 다음과 같이 필요한 버전이 명시되어 있다. 이것과 가상 머신 경로로 설정한 것의 버전이 일치하지 않아도 해당 오류가 발생할 수 있다. ```
• Dosgi.requiredJavaVersion=11 ```
• 전자정부프레임워크 공식 사이트에서는 다음과 같이 조치하라고 안내하고 있는데, 아무 곳에나 경로를 추가한다고 해서 되는 것이 아니더라..

  이클립스 구동 시 JVM 관련 오류 발생 시, eclipse 설정 파일인 eclipse.ini 에서 사용자 PC의 JDK 설치 경로를 다음과 같이 추가합니다. (JDK는 11 버전 사용이 필수)

• • eclipse.ini 에 jdk 경로 추가 (예시)
• vm C:Program Files\Java\jdk-11.0.5\bin\javaw.exe

해결

• eclipse가 위치한 디렉토리의 eclipse.ini 파일에 다음과 같이(예시) -Dosgi.requiredJavaVersion에 명시된 버전의 가상 머신 경로 설정을 추가해준다. ```
• vm C:\Program Files\Java\jdk11.0.12\bin ```
• javaw.exe는 자바를 실행시키는 가상머신이라고 한다.
• 맨 아랫줄에 설정을 추가하면 오류가 해결되지 않는다. 맨 윗줄이 안전하다.

참조

https://wooncloud.tistory.com/48