'분류 전체보기' 카테고리의 글 목록 (2 Page)

분류 전체보기

[nuxtjs] SSR과 Static site, SPA 2021.03.12
[SAM] API 로컬 구동 및 확인 2020.09.09
yarn window 설치 2020.06.23
warning: please use IANA standard timezone format ('Etc/GMT-9') 2020.06.17
(node:11664) [SEQUELIZE0004] DeprecationWarning: A boolean value was passed to options.operatorsAliases. This is a no-op with v5 and should be removed. 2020.06.17
[Vue warn]: Failed to resolve directive: 2020.06.12
[jpa] No property name found for type Entity 2020.02.25 1
새집 비닐로 만들어졌다. 2019.12.20
moov now 한달 사용후기 2019.12.18
MOOV NOW 구매 2019.11.20 2

[nuxtjs] SSR과 Static site, SPA

2021. 3. 12. 10:29

랜더링 설정

서버 측 렌더링을 한다는 건 사용자가 요청이 있을 시 서버에서 요청 페이지를 렌더링 되므로, 당연히 서버가 필요하다.

적정 사이트는 서버측 렌더링과 매우 비슷하지만, 차이점은 정적 사이트가 빌드 시에 랜더링 된다는 것이다. 그래서 서버가 필요 없고, 정적 사이트 내에서 페이지 이동은 클라이언트 측에서 이동된다.

export default { 
	ssr: true // 기본값
}

ssr을 false로 하면 서버 측 렌더링을 안 함으로 설정

AWS S3와 같은 곳에선 ssr: false로 설정

타겟 설정

nuxt generate명령은 웹 사이트의 정적 html을 생성하고 dist/ 디렉터리에 파일을 이동한다.

성능이 좀 더 좋아지고, SEO 및 기타 다른 지원을 좋게 한다.

export default {
  target: 'static' // 기본값 'server'
}

context에서 req, res 제거된다.
404, 오류, 리다이렉션 처리는 클라이언트 측에서 처리
$route.query 사용.
process.static 속성은 true

AWS S3로 사용 시 static

[SAM] API 로컬 구동 및 확인

2020. 9. 9. 23:52

API 로컬 테스트를 할 수 있게

로컬에서 구동시켜봤다.

>sam local start-api

설치 후 오랜만에 구동해보는 건지 구동이 안됐다.

Traceback (most recent call last):
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\runpy.py", 
line 193, in _run_module_as_main
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\runpy.py", 
line 85, in _run_code
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\__main__.py", line 12, in <module>
    cli(prog_name="sam")
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 829, in __call__
    return self.main(*args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 782, in main
    rv = self.invoke(ctx)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 1259, in invoke
    return _process_result(sub_ctx.command.invoke(sub_ctx))
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 1259, in invoke
    return _process_result(sub_ctx.command.invoke(sub_ctx))
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 1066, in invoke
    return ctx.invoke(self.callback, **ctx.params)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 610, in invoke
    return callback(*args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\decorators.py", line 73, in new_func
    return ctx.invoke(f, obj, *args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\click\core.py", line 610, in invoke
    return callback(*args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\lib\telemetry\metrics.py", line 96, in wrapped
    raise exception  # pylint: disable=raising-bad-type
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\lib\telemetry\metrics.py", line 62, in wrapped
    return_value = func(*args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\commands\local\start_api\cli.py", line 86, in cli
    parameter_overrides,
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\commands\local\start_api\cli.py", line 142, in do_cli
    aws_profile=ctx.profile,
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\commands\local\cli_common\invoke_context.py", line 136, in __enter__
    if not self._container_manager.is_docker_reachable:
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\samcli\local\docker\manager.py", line 47, in is_docker_reachable
    self.docker_client.ping()
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\client.py", line 187, in ping
    return self.api.ping(*args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\api\daemon.py", line 166, in ping
    return self._result(self._get(self._url('/_ping'))) == 'OK'
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\utils\decorators.py", line 46, in inner
    return f(self, *args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\api\client.py", line 230, in _get
    return self.get(url, **self._set_request_timeout(kwargs))
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\requests\sessions.py", line 543, in get
    return self.request('GET', url, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\requests\sessions.py", line 530, in request
    resp = self.send(prep, **send_kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\requests\sessions.py", line 643, in send
    r = adapter.send(request, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\requests\adapters.py", line 449, in send
    timeout=timeout
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\urllib3\connectionpool.py", line 677, in urlopen
    chunked=chunked,
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\urllib3\connectionpool.py", line 392, in _make_request
    conn.request(method, url, **httplib_request_kw)
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\client.py", line 1252, in request
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\client.py", line 1298, in _send_request
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\client.py", line 1247, in endheaders
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\client.py", line 1026, in _send_output
  File "D:\obj\windows-release\37amd64_Release\msi_python\zip_amd64\client.py", line 966, in send
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\transport\npipeconn.py", line 32, in connect
    sock.connect(self.npipe_path)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\transport\npipesocket.py", line 23, in wrapped
    return f(self, *args, **kwargs)
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\transport\npipesocket.py", line 72, in connect
    raise e
  File "C:\Program Files\Amazon\AWSSAMCLI\runtime\lib\site-packages\docker\transport\npipesocket.py", line 59, in connect
    0
pywintypes.error: (2, 'CreateFile', '지정된 파일을 찾을 수 없습니다.')

위와 같이 에러가 표시되며 실행이 안됐다.

왜 실행이 안되지 하며

다시 설치 과정을 다시 짚어보다가 도커 실치 과정을 봤다.

도커를 실행하고 나니 제대로
서비스가 올라갔다.

Mounting HelloWorldFunction at http://127.0.0.1:3000/hello [GET]
You can now browse to the above endpoints to invoke your functions. You do not 
need to restart/reload SAM CLI while working on your functions, changes will be reflected instantly/automatically. You only need to restart SAM CLI if you update your AWS SAM template
2020-09-09 23:25:23  * Running on http://127.0.0.1:3000/ (Press CTRL+C to quit)

도커가 실행되지 않고 있어서 로컬 실행이 안되었던 것이다.

서비스가 올라간 후 해당 서비스로 브라우저로 접속해보면
http://127.0.0.1:3000/hello
아래와 같이 도커 이미지를 마운트 하는 작업을 그때서야 시작하고
도커에서 공유 폴더 수락하겠냐고 경고가 나오면 수락해줬다.

2020-09-09 23:30:52 127.0.0.1 - - [09/Sep/2020 23:30:52] "GET / HTTP/1
.1" 403 -
2020-09-09 23:30:52 127.0.0.1 - - [09/Sep/2020 23:30:52] "GET /favicon
.ico HTTP/1.1" 403 -
Invoking app.lambdaHandler (nodejs12.x)

Fetching lambci/lambda:nodejs12.x Docker container image.....................................................................................................................................................................................................................................................................................
Mounting C:\Users\ej\daonstar\nuxt\sam-app\.aws-sam\build\HelloWorldFunction as /var/task:ro,delegated inside runtime container
START RequestId: 01f99077-c224-1bdf-84fa-21ea94f2387b Version: $LATEST

END RequestId: 01f99077-c224-1bdf-84fa-21ea94f2387b
REPORT RequestId: 01f99077-c224-1bdf-84fa-21ea94f2387b     Init Duration: 
1312.10 ms      Duration: 6.05 ms       Billed Duration: 100 ms Memory Size: 128 MB    Max Memory Used: 40 MB  
No Content-Type given. Defaulting to 'application/json'.
2020-09-09 23:31:36 127.0.0.1 - - [09/Sep/2020 23:31:36] "GET /hello HTTP/
1.1" 200 -
2020-09-09 23:31:36 127.0.0.1 - - [09/Sep/2020 23:31:36] "GET /favicon
.ico HTTP/1.1" 403 -

로컬에 도커 대시보드의 화면이다.

관련 도커 이미지가 올라와 있다.

기본 예제를 시행해서인지 생각보단 쉽다.

결과는 브라우저에 아래와 같이 잘 나왔다.

{"message":"hello world"}

yarn window 설치

2020. 6. 23. 22:55

선행작업은 nodejs 설치다.

nodejs는 잘설치 됐다는 전재하에 yarn 설치한다.

하단 환경변수 path만 잘 잡아주면 잘된다.

1. 커맨드 창 열기

window key + r 실행 창에서 cmd 입력

2. 커맨드 창에서 npm i -g yarn 입력 설치

설치가 완료되면 아래와 같이 설치 정보가 표시된다.

3. yarn 설치확인

아래와 같이 명령어가 아니라고 한다.

4. 환경변수에 설치 경로 Path 잡아주기

환경변수 중 Path를 선택하고 편집 -> 새로 만들기를 통해 설치된 yarn의 bin 디렉터리를 등록한다.

5. yarn 버전 확인

cmd 창을 닫고 재시작해줘야 확인할 수 있다.

warning: please use IANA standard timezone format ('Etc/GMT-9')

2020. 6. 17. 09:34

기본 설정으로 sequelize를 사용 중이다.

maridb를 사용하여 실행하면 콘솔에 아래와 같이 경고가 나온다.

warning: please use IANA standard timezone format ('Etc/GMT0')

타임존 포맷 IANA표준으로 넣으라는 건데, 타임존 값을 설정한 적이 없는데, 표준을 사용하란.

유효성 검사 시 값이 없을 때는 체크를 안 하고 유효성에서 바로 검사해버리나 보다.

아래와 같이

"dialectOptions": {

"timezone": "Etc/GMT+9"

}

옵션을 주었다.

 {
  "development": {
    "username": "root",
    "password": "password",
    "..." : "...",
 	"dialectOptions": {
		"timezone": "Etc/GMT+9"
	}
}

(node:11664) [SEQUELIZE0004] DeprecationWarning: A boolean value was passed to options.operatorsAliases. This is a no-op with v5 and should be removed.

2020. 6. 17. 09:18

node 서버에서 sequelize 사용 시에 아래와 같은 경고가 나왔다.

(node:11664) [SEQUELIZE0004] DeprecationWarning: A boolean value was passed to options.operatorsAliases. This is a no-op with v5 and should be removed.

options.operatorsAliases 에는 boolean v5에서는 안먹으니 지우거나 하라는 거 같다.

config.json 안에 접속정보에

operatorsAliases 속성에 false를 수정해주면 된다.

false = 0, true = 1로 변경하면 경고가 안 나온다.

[Vue warn]: Failed to resolve directive:

2020. 6. 12. 15:46

[Vue warn]: Failed to resolve directive: mode

v-mode라는게 없다는 거다

template에 v-mode라고 쓴 게 있을 것이다.

v-model2를 template에 사용하면
[Vue warn]: Failed to resolve directive: model2라고 나오겠다.

v-머시깽이 라고 하는 건 디렉티브인 거 같다.

만드는 것을 찾아보니 있다.
https://kr.vuejs.org/v2/api/index.html#Vue-directive

API — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

vue에서 정의된 디렉티브들(Directives)이다.
https://vuejs.org/v2/api/#Directives
보니 거의 대부분 v-머시기다.

API — Vue.js

Vue.js - The Progressive JavaScript Framework

vuejs.org

어딘가에서 v-model 도 만들어진 거 같으나 디렉티브 생성 API를 통해 생성된 거 같진 않다.
찾아봐도 아직은 잘 모르겠다.

가장 기본인 거 같긴 한데 헤매고 있었다.

[jpa] No property name found for type Entity

2020. 2. 25. 12:51

org.springframework.data.mapping.PropertyReferenceException: No property name found for type

jpa에서 No property name found for type 엔터티명 뜨면서

인젝션 오류 발생한다.

기존에 만들었던 쿼리 메서드가 생성이 안돼서 발생했다.

기존에 있던 속성 이름으로 쿼리 메서드를 생성 후 엔터티 속성을 변경해도 쿼리 메서드엔 변화가 없어

없는 속성으로 쿼리 메서드를 만들어서 빈 생성이 안되고 인젝션이 안됬던 거다.

얼마 전 밭에서 전정하면서 비닐로 만들어진 새집을 발견했다.
어떤 새가 살다가 떠났는지는 모르겠으나 작은 새집으로 보아 크기가 작은 새집인 것 같다.
새집의 재료를 보면 나일론줄과 비닐 그리고 지푸라기로 만들어진 걸 알 수 있다.
주변에 사람이 많은 사는 도시는 아닌데, 어떻게 새집의 재료를 저런 걸로 지었을까 생각이 들었다.
새집 만든 새 입장에선 집을 튼튼하게 지을 요량으로 나일론줄 위주로 만든 것 같긴 한데, 쓰레기 세상에 살고 있나? 자연이 이렇게나 파괴됐나?라는 생각을 안 할 수가 없었다.
특이한 게 지푸라기를 제외한 나일론 줄과 비닐은 죄다 흰색이다. 검은색 비닐이나 다른 색의 나일론줄도 있었을 텐데, 나름 눈에 안 띄게 만든 것 같다.
많은 생각이 들었다.

새집 지을 재료가 그리 없었던거 같진 않고, 일부러 저런 나일론 줄 같은걸 가져다가 지은 것 같아 보이긴 하지만, 내심 쓰레기가 심각하구나 라는 생각이 들었다.