행이네

vercel Next.js deploy Error: Builder returned invalid routes

행이™ — Wed, 24 Apr 2024 19:22:35 +0900

vercel 에서 Next.js 소스 deploy시에

아래처럼 Error가 나온다면...

Error: Builder returned invalid routes:
       ["Route at index 0 must define either `handle` or `src` property."]

해당 Project 의

Settings 에 들어가서

Build & Development Settings 의

Framework Preset 을

Next.js 로 선택하고

Save 해주면 해결된다.

[책] 기계의 반칙

행이™ — Mon, 25 Dec 2023 21:49:14 +0900

AI의 시대. 어딜가도, 어떤 곳에서도 이젠 모두 AI를 논하는 시대.
이 시대에 걸맞는 책이 아닌가 싶다.

인간처럼 사고하고 인간처럼 움직이는 기계
하지만, 인간이 할 수 있는 한계를 뛰어넘는
인공지능 기계를 인간이 잘 제어해야
인간들에게 도움이 될수 있는
인간이 기계를 이용하면서 생기는
딜레마에 대해 생각해 볼 수 있는 좋은 기회를 제공한다.

지능, 인공 지능, 기계
기초 개념부터 하나 하나 짚어보면서
기계의 특성과 기계와 함께 하며 생길 수 있는 문제들도 알아보고
이를 해결하기 위한 다양한 아이디어들을 제시한다.

자극에 대한 반응, 무의식적인 반사, 학습된 반응
계산된 행동, 경험으로 생긴 변화가 가능해지는
기계의 지능. 새로운 시대에, 새로운 환경에서
다양하게 생길 수 있는 이슈들

AI와 함께 살아가는 세상에서
간과할 수 없는 것들을
남용되지 않도록 규칙을 정하고
관리해야 하는 필요와 이해를 높이는 시간이었다.

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

프롤로그에서는 콘텐츠가 허용되지 않습니다.

행이™ — Wed, 20 Dec 2023 11:12:41 +0900

Test를 실행했는데, Error가 났다.

xxxTest
[Fatal Error] :1:1: 프롤로그에서는 콘텐츠가 허용되지 않습니다.
:::
org.springframework.restdocs.payload.PayloadHandlingException:
Cannot handle application/json;charset=UTF-8 content as it could not be parsed as JSON or XML

Req로 사용하는 Class의 인자에 한글 이 들어가 있다면

1단, 영문 인자로 바꾸면 사라진다.

reqDto.setA( "한글" );

한글 인자여도, Test 실패하지 않는 방법 좀;;;

[책] 우아한 타입스크립트 with 리액트

행이™ — Sun, 26 Nov 2023 12:37:24 +0900

모든 서비스/시스템의 꽃은 프론트엔드지.
백앤드가 아무리 예쁘게(?!) 되어있어봐야 아무소용 없다.
> 그들은 그저 죽지만 않으면 되는존재지.

더군다나 기존 자바스크립트로 발라져있는 화면을
리뉴얼하거나 큰 프로젝트이거나 안정성/생산성을 바란다면
자바스크립트와 100% 호환되는 타입스크립트를
거기에 리액트까지... 완벽한 조합이 아닐 수 없다.

이 완벽한 조합에 화룡점정을 이루는 책일듯 하다.

우아한 형제들의 주니어 개발자들이
기술의 개념과 구조를 깊이 탐구하고 고민해서
성장과 발전을 이룬 그 과정에서 얻은 노하우들을

같은 주니어들에게, 타입스크립트와 리액트의 조합까지
기초부터 깊이있게 기본 개념과 중요한 특징들,
그리고 다양한 팁들과 활용 방향까지
이해하기 쉽고 알차게 잘 다루고 있다.

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

local에서 작업하던 git repository gitlab에 올리기

행이™ — Tue, 7 Nov 2023 15:37:28 +0900

Local에서 혼자 작업하던 git repository를

gitlab에 올리려면

0. 먼저 gitlab에 SSH Key를 등록해두는 것이 좋다.

https://lilymate.tistory.com/741

1. gitlab에 project를 생성해놓고

(Clone with SSH로) repository 주소를 복사한다.

2. local repository에서 아래 명령을 입력한다.

위에서 복사한 repository주소를 뒤에 붙여준다.

git remote add origin 복사한Repository주소(예: git@gitlab.com:xxx.git)

3. GIT PUSH

git push -u origin master

gitlab 해당 project에 보면 push한 repository가 생겼다.

gitlab에 SSH Key 등록

행이™ — Tue, 7 Nov 2023 15:25:04 +0900

이미 내 컴퓨터 안에서

git repository를 만들어서 commit 작업을 하고 있다가

외부의 gitlab에 push 하고 싶다면...?

먼저 내 컴퓨터에 대한 SSH Key를 등록해놔야

계속해서 작업하기에 편하다.

1. (윈도에서) Git Bash를 실행 (이미 git을 쓰고 있었으므로 당연히 설치되어있다)

2. 아래 명령으로 SSH Key를 생성한다.

ssh-keygen

$ ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (/c/Users/AAA/.ssh/id_rsa):
Enter passphrase (empty for no passphrase):
Enter same passphrase again:
Your identification has been saved in /c/Users/AAA/.ssh/id_rsa
Your public key has been saved in /c/Users/AAA/.ssh/id_rsa.pub
The key fingerprint is:
SHA256:Jy+v2kKK1+17ztkt9pvFraexGzwiPUFx/9xlAmNM4I0 AAA@DESKTOP-AOJLQOQ
The key's randomart image is:
+---[RSA 3072]----+
|          .+* .  |
|         . +.= . |
|          E o . +|
|           .   ++|
|        S . .   +|
|      .  + . o ..|
|   . + .. o + = +|
|  . o o..+.+o+ O.|
|   .  .+===..oX= |
+----[SHA256]-----+

3. 생성된 id_rsa.pub 파일을 메모장등에서 열고

파일의 내용 모두를 복사한다.

4. gitlab - 내 Profile - SSH Keys - Add new key

5. Key 에 위에서 복사한 TEXT를 붙여넣기

6. (옵션) 계속 사용하려면, Expiration date 지우기

7. Add key

나중에 gitlab에 만든 project repository를 clone하거나

local에 있는 repository를 push할 때

아래처럼 표시되면, yes 해주면 된다.

The authenticity of host 'gitlab.com (11.12.13.14)' can't be established.
ECDSA key fingerprint is SHA256:HbW3g8zUjNSksFbqTiUWPWg2Bq1x8xdGUrliXFzSnUw.
Are you sure you want to continue connecting (yes/no/[fingerprint])? yes

[책] 초보자도 프로처럼 만드는 플러터 앱 개발

행이™ — Sun, 29 Oct 2023 19:20:59 +0900

기왕 앱을 개발해보겠다고 생각했다면?
안드로이드와 IOS 두 곳에 앱을 출시할 수 있는
1타 2피를 할 수 있는 플러터가 답이 아닌가싶다.

앱 개발을 어떻게 해야하는지
어떤 과정들을 지나야 하는지
그 과정들 속에 무엇이 필요하고
어떻게 준비해야 하는지 구체적으로 알려주는
플러터 앱 개발 맛책(?!)이 여기있다.

플러터 소개부터 다른 모바일 앱 개발 방식과
비교해주어 왜 플러터로 개발해야하는지에 대해 이해할 수 있다.

알아두면 좋을 작은 개념들도 많지만
군더더기를 빼고 핵심적인 내용들만을 알려주며
간단한 앱을 만드는 과정을 보여준다.

이때 사용한 개념들을 자세히 설명해주고
응용해볼 수 있도록도 안내해준다.

다른 학습서들과의 다른 매력포인트는
5주로 구성된 로드맵과 매일마다의 학습분량을 정하고 있어서
방황하며 느슨해지기 쉬운 학습자들에게
명확한 목표치를 정하고 노력할 수 있도록 해준다.

기획부터 앱 출시까지의 과정을 체계적으로 구성하고
TIP과 다양한 예제들로 이해를 도우면서
빠르고 정확하게 샅샅이 훑어가며 살펴주니
시작이지만 깊이 있게 학습할 수 있는 느낌이다.

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."

Apache + SpringBoot 연동

행이™ — Thu, 19 Oct 2023 15:45:50 +0900

Port : http(80) → https(443) → ajp(9010) → SpringBoot로 연결
- ajp Port는 임의로 정한 것임.
OS : ubuntu

Apache 설치

sudo apt-get update
sudo apt-get install apache2

80 port로 요청이 들어오면
443 port로 전달하도록 설정

sudo vi /etc/apache2/sites-available/000-default.conf

<VirtualHost *:80>
	...
    RewriteEngine on
    RewriteCond %{SERVER_NAME} = aaa.bbb.ccc
    RewriteRule ^ https://%{SERVER_NAME}%{REQUEST_URI} [END,NE,R=permanent]
</VirtualHost>

mod-jk 설치 (Apache와 SpringBoot(embedded tomcat)연동 모듈)

sudo apt-get install libapache2-mod-jk

application.properties 에 ajp 설정 추가

tomcat.ajp.protocol = AJP/1.3
tomcat.ajp.port = 9010
tomcat.ajp.enabled = true

- 9010 Port는 임의로 정한 것임

ajp 연결Bean 추가

@Configuration
public class AjpConfig {

  @Value("${tomcat.ajp.port}")
  int ajpPort;

  @Value("${tomcat.ajp.enabled}")
  boolean ajpEnabled;

  @Value("${tomcat.ajp.protocol}")
  String ajpProtocol;

  @Bean
  public TomcatServletWebServerFactory servletContainer() {
    TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory();
    if( ajpEnabled ) {
      Connector ajpConnector = new Connector( ajpProtocol );
      ajpConnector.setPort( ajpPort );
      ajpConnector.setSecure( false );
      ajpConnector.setScheme( "https" );  // or http
      ajpConnector.setAllowTrace( false );

      ((AbstractAjpProtocol)ajpConnector.getProtocolHandler()).setSecretRequired( false );

      tomcat.addAdditionalTomcatConnectors( ajpConnector );
    }
    return tomcat;
  }

}

- https를 사용하는 경우이므로

setScheme( "https" ); 를 사용함.

- 아래 Exception이 발생하며, SpringBoot가 실행되지 않는다면

setSecretRequired( false ); 코드가 있어야 한다.

|ERROR|org.apache.catalina.LifecycleException: Protocol handler start failed
	at org.apache.catalina.connector.Connector.startInternal(Connector.java:1067)
	at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183)
	at org.apache.catalina.core.StandardService.addConnector(StandardService.java:227)
	at org.springframework.boot.web.embedded.tomcat.TomcatWebServer.addPreviouslyRemovedConnectors(TomcatWebServer.java:282)
Caused by: java.lang.IllegalArgumentException: The AJP Connector is configured with secretRequired="true" but the secret attribute is either null or "". This combination is not valid.
	at org.apache.coyote.ajp.AbstractAjpProtocol.start(AbstractAjpProtocol.java:270)
	at org.apache.catalina.connector.Connector.startInternal(Connector.java:1064)
	at org.apache.catalina.util.LifecycleBase.start(LifecycleBase.java:183)
	at org.apache.catalina.core.StandardService.addConnector(StandardService.java:227)
org.apache.juli.logging.DirectJDKLog.log (175) | main  :: Failed to start component [Connector[AJP/1.3-9010]]

|WARN |org.springframework.context.support.AbstractApplicationContext.refresh (559) | main  :: Exception encountered during context initialization - cancelling refresh attempt: org.springframework.context.ApplicationContextException: Failed to start bean 'webServerStartStop'; nested exception is org.springframework.boot.web.embedded.tomcat.ConnectorStartFailedException: Connector configured to listen on port 9010 failed to start

- ajp관련 Exception도 나지 않고

SpringBoot도 잘 실행되었는데...

ajp port관련 Log가 나타나지 않는다면?

연동될 때는 나타날 수 있으니, ㄱㄱ

INFO 12972 --- [           main] org.apache.coyote.ajp.AjpNioProtocol     : Initializing ProtocolHandler ["ajp-nio-9010"]
INFO 12972 --- [           main] org.apache.coyote.ajp.AjpNioProtocol     : Starting ProtocolHandler ["ajp-nio-9010"]
INFO 12972 --- [           main] s.b.c.e.t.TomcatEmbeddedServletContainer : Tomcat started on port(s): 8080 (http) 9010 (http)

ajp.port를 처리할 worker 설정파일 생성

sudo vi /etc/apache2/workers.properties

worker.list=ajp13_worker

worker.ajp13_worker.port=9010
worker.ajp13_worker.host=localhost
worker.ajp13_worker.type=ajp13
worker.ajp13_worker.lbfactor=1

worker.loadbalancer.type=lb
worker.loadbalancer.balance_workers=ajp13_worker

위에서 만든 worker 설정파일이 사용되도록 변경

sudo vi /etc/apache2/mods-available/jk.conf

#기존 설정을 주석처리

#JkWorkersFile /etc/libapache2-mod-jk/workers.properties
JkWorkersFile /etc/apache2/workers.properties

Apache 443 Port처리 시
위에서 설정한 worker 로 처리되도록 Apache SSL설정에 추가

sudo vi /etc/apache2/sites-available/000-default-le-ssl.conf

<IfModule mod_ssl.c>
  <VirtualHost *:443>
    :::
    JkMount /* ajp13_worker
  </VirtualHost>
</IfModule>

- 80 Port만 사용하는 경우

000-default.conf 에 추가하면 됨.

Apache 재시작

sudo service apache2 restart

- ajp worker가 잘 연결되었는지 LOG파일 확인

ajp worker로 지정한 이름이 error 에 표시되면

- workers.properties 파일의 worker.list에 이름이 있는지

- 000-default-le-ssl.conf 파일의 JkMount부분에 이름이 있는지

확인해보자.

tail -f /var/log/apache2/mod_jk.log

[info] init_jk::mod_jk.c (3591): mod_jk/1.2.48 initialized
[error] extension_fix::jk_uri_worker_map.c (579): Could not find worker with name 'jk-manager' in uri map post processing.
[error] extension_fix::jk_uri_worker_map.c (579): Could not find worker with name 'jk-status' in uri map post processing.
[error] extension_fix::jk_uri_worker_map.c (579): Could not find worker with name 'ajp13_worker' in uri map post processing.
[error] jk_handler::mod_jk.c (2999): Could not find a worker for worker name=ajp13_worker

- jk-manager, jk-status는 필요시에 처리하면 됨.

이번 mission에서는 PASS

SpringBoot 실행
지정한 페이지 접근되는지 확인

- Apache Log 확인

tail -f /var/log/apache2/booking-access.log

- SpringBoot Log에서 ajp Log 확인

|DEBUG|com...... (90) | ajp-nio-127.0.0.1-9010-exec-3  :: ...

IntelliJ에서 실행시 build-info.properties 생성되지 않을 때

행이™ — Wed, 11 Oct 2023 21:53:02 +0900

IntelliJ에서 spring boot, maven 환경에서 실행 시

실행되지 못하고, 아래같은 형태의 메시지를 표시하고 죽는다면...

Field ... in ... required a bean of type 'org.springframework.boot.info.BuildProperties' 
that could not be found.

The injection point has the following annotations:
	- @org.springframework.beans.factory.annotation.Autowired(required=true)

The following candidates were found but could not be injected:
	- Bean method 'buildProperties' in 'ProjectInfoAutoConfiguration' not loaded because
      @ConditionalOnResource did not find resource 
      '${spring.info.build.location:classpath:META-INF/build-info.properties}'

\target\classes\META-INF\build-info.properties 가 생성되지 않아서이다.

pom.xml 파일에

아래 내용만 추가해주면 된다.

<project>
  ...
  <build>
    ...
    <plugins>
      ...
      <plugin>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-maven-plugin</artifactId>
        <version>2.0.6.RELEASE</version>
        <executions>
          <execution>
            <goals>
              <goal>build-info</goal>
            </goals>
            <configuration>
              <additionalProperties>
                <encoding.source>UTF-8</encoding.source>
                <encoding.reporting>UTF-8</encoding.reporting>
                <java.source>${maven.compiler.source}</java.source>
                <java.target>${maven.compiler.target}</java.target>
              </additionalProperties>
            </configuration>
          </execution>
        </executions>

또 다른 방법은

mvn clean install

명령으로도 생성된다. (1회성)

[책] 개발자의 하루를 바꾸는 코파일럿 & 챗GPT

행이™ — Sun, 24 Sep 2023 21:52:01 +0900

현재는 개발자에게 도움이 되는 수준으로
생성형 AI를 사용할 수 있다.
생성형 AI와의 페어 프로그래밍 수준으로...

내가 코드를 작성하고
생성형 AI가 코드를 검토하고 아이디어를 주고
다양한 관점에서 오류를 발견함으로써
코드 품질을 향상시키는데 기여하는 정도로...

미래에 없어질 직업중 프로그래머.
이렇게 생성형 AI의 모델을
갈고 닦아 학습시키다 보면
인간 특유의 것들까지도 가미시킬 수 있는
그런 생성형 AI가 만들어지지 않을까하는 생각.

이 책은 그 생각의 시발점이 되게했던 것 같다.

대략은 아는데 확실하게 알지 못하는 것
매번 검색해서 사용하던 명령들을
개발자의 코드와 내용을 이해해서
깃허브 코파일럿이 제안해주는 편리함과

다양한 경우에 다양한 형태의 코드 생성을
챗GPT에게 요청해서 받아보는 편리함을
이 책에서의 여러 예제를 통해 알 수 있다.

모르고 있던 것을 알게되고
실력의 범위를 넓힐 수 있는
생성형 AI들을 사용한 다양한 아이디어를 통해
효과적인 프로그래밍을 할 수 있을 것 같긴한데...

"한빛미디어 <나는 리뷰어다> 활동을 위해서 책을 제공받아 작성된 서평입니다."