Question영 이야기

[NAS/DS Video] 앱에서 동영상이 재생 안될때

Question영 — Thu, 9 Feb 2023 20:30:02 +0900

※ 해당 글은 제가 직접 작성한 글입니다. 정확하지 않은 정보일 수 있으니 정정할 사항이 있으면 알려주시기 바랍니다.

※ 스크랩이나 담아갈시 댓글에 출처를 남겨주세요.

안녕하세요 퀘영입니다.

평소에 나스와 DS Video 많이 사용하고 있는 퀘영입니다.

집에서 와이파이로 잡았을때는 앱에서 정상적으로 동영상이 재생됬었고

LTE 로 했을때도 정상 로그인되서 잘 재생이 될줄 알았는데 ...

뒤늦게 재생이 안된다는 메세지를 받고 원인을 찾아 수정한 내용을 기록합니다.

환경

통신사 허브(SK) 1 + ipTime 공유기 + NAS
(ipTime 공유기에 포트포워딩 설정된 상황)
안드로이드 단말, 아이폰 단말 연결
DS Video (시놀로지 앱) 설치된 상태
QuickConnect ID 를 주소로 연결함

증상

로딩 속도가 느림
한참 로딩 뒤 '.... 재생할 수 없습니다.' 라는 문구가 팝업이 노출
'지원되지 않는 동영상 입니다.' 라는 문구 팝업이 노출
(이 증상은 이전에 코덱과 나스 안의 'Advanced Media Extensions' 및 ffmpeg 코덱 설치 후 해결됨)
ffmpeg 코덱이 설치됬는데도 불구하고 mkv 파일이 실행 안될때
(Video Station 에서 실행안되는 미디어 정보 보기 실행 > 오디오에 eac3 라는 코덱이 있을 경우 발생됨)
eac3 코덱 지원을 위해 ssh 로 접속 후 sudo -i 혹은 sudo -s 를 통해 root 권한을 획득 아래 한줄 명령어를 실행하면 해결됨

curl https://raw.githubusercontent.com/AlexPresso/VideoStation-FFMPEG-Patcher/main/patcher.sh | bash

원인

1. 느린 속도

QuicConnect ID 는 다 좋지만 시놀로지 사이트를 거쳐 나스에 설정된 ip 를 검색 후 연결하는 구조이기 때문에 느린것이 단점
동영상 재생시 로딩 및 속도 저하의 이슈가 될수 있음

2. 포트포워딩을 내부 공유기인 ipTime 에만 설정한 것에 대한 문제

통신사 허브에서 실제 IP 를 할당 받아 내부 IP 를 ipTime 공유기에 할당,
실제 나스와 연결된 ipTime 에서 다시 내부 ip 를 발급하여 나스에 부여하는 구조
QuicConnect ID 를 사용하지 않고 IP 직접 입력이나 나스 설정 중 DDNS 사용시 문제가 발생할 수 있는 구조

해결책

직접연결을 위해 DDNS 를 이용하는 방법을 선택하여 진행

나스 Admin 계정으로 접속

네트워크에서 활성화된 포트를 확인

네트워크 > 네트워크 인터페이스 실행
활성화된 LAN 포트 를 확인

DDNS 설정

제어판 > 외부 액세스 > DDNS 탭 선택 > 추가 실행
'서비스 공급자' 를 Synology 선택
호스트 이름 입력 후 연결테스트 진행 > 정상 확인
외부 주소(IPv4) 는 자동 설정된 것을 사용
외부 주소(IPv6) 에서 연결되어 있는 포트 중 활성화된(이전단계에서 확인된 사항) 포트 확인하여 선택
확인하여 활성화

ipTime 설정

wifi 연결 > 192.168.0.1 접속
관리도구 > 고급설정 > NAT/라우터 관리(전 A104 버전으로 오래된 공유기여서 다를수 있습니다.)
포트포워드 설정
나스에 설정된 IP 주소 입력 후 외부/내부 포트 5000 ~ 5005 로 설정
(IP 는 나스 접속시 주소란에 보입니다.)

통신사 공유기 설정

작성자 기준 SK 는 DASAN 이라는 공유기였습니다.
DASAN 관리자 페이지 접속은 wifi 해제 후 192.168.75.1 로 접속
ID 는 admin
PW 는 공유기에 붙어있는 S/N 정보에 GPON 이란 항목에서 끝 6자리와 _admin 조합으로 구성
(예시 : GPON S/N : 1234a5678b90 > PW: 678D90_admin)
영어는 대문자를 사용
비밀번호 초기화 화면 노출이면 입력하고 다음으로 넘김
(잘 접속 안하니 기억나는걸로 하시면 좋음, 전 그냥 그대로 비밀번호 다시 입력함)
왼쪽 기본설정 > NAT > Port 포워딩 이동
ipTime 에 부여된 내부 IP 를 로컬 IP 주소에 입력
로컬포트 퍼블릭 포트 둘다 5000~5005 입력 후 추가 버튼 실행

앱에서 ...

(Android / IOS 둘다 해당)

앱에서는 QuickConnect ID 대신 설정한 DDNS 주소를 작성해주시고

HTTPS 설정되어 있으면 해제하신 후 로그인 하시면 되며

외부 접속을 위한 것이기 때문에 내부 wifi 는 연결 해제 후 사용해주셔야 합니다.

저는 내부 wifi 를 연결하면 접속이 안되더라구요...

평소 내부망에서 사용 예정이신분들은 그냥 QuickConnect ID 를 사용하시는 걸 추천드립니다.

이렇게 하면 모든 설정이 끝나게 되고 앱에서 테스트 진행하시면됩니다.

참고하여 도움이 되셨으면 좋겠습니다.

[NAS/SourceTree] Git Server 부터 SourceTree 연결 까지

Question영 — Wed, 18 Jan 2023 00:52:56 +0900

※ 해당 글은 제가 직접 작성한 글입니다. 정확하지 않은 정보일 수 있으니 정정할 사항이 있으면 알려주시기 바랍니다.

※ 스크랩이나 담아갈시 댓글에 출처를 남겨주세요.

안녕하세요.

신년을 맞아 나스를 구입하게되어 이것저것 해보고 있는 퀘영입니다.

평소 svn 보다 git 으로 코드를 정리하고 있는데 나스에 환경을 구축하면서 과정을 정리하려고 합니다.

처음엔 NAS + GitLab 으로 진행하려고 하였으나 현재 램이 2G 에 압박으로 일단 Git Server 로 진행해보았습니다.

다른분들의 블로그를 참고해보니 GitLab 을 사용하려면 최소 8G 이상 정도의 램 환경에서 진행해야 할것 같더라구요.

(아무래도 도커 때문에 그런거 같아요... ㅠ-ㅠ)

그리고 이번 진행 과정에서 ssh 설정이 완벽하게 되지 않아 비밀번호를 입력하는 단계가 있으니 참고해주세요.

(왜인지 모르게 ssh 설정이 정상 설정되지 않아 우선 비밀번호를 입력하는 과정을 거치는 내용으로 설명되어 있습니다.)

환경

1. 시놀로지의 DS220+ (서버)

2. LG 그램 (클라이언트)

필요 소프트웨어

서버 : NAS + Git Server

클라이언트 : Windows 10 + PuTTY

과정 (NAS 에서)

초기 나스의 세팅과정에 대한 내용은 생략하겠습니다.

제어판 > 사용자 > 하단 사용자 홈서비스 활성화 체크

- 이걸 해줘야 터미널에서 `cd ~` 관련된 명령어들을 사용 가능하다고 들었습니다.

패키지센터에서 Git Server 설치

패키지 센터

Git Server 를 설치

NAS에서 root, admin 외에 Git 전용 사용자 추가

[예: gituser(사용자 아이디)]

제어판 > 사용자 및 그룹

Git 서버 사용할 사용자 등록

SSH 서비스 활성화 및 포트 변경

보안을 위해서 기본 22 로 되어 있는 포트를 2222로 변경해주었습니다.

(다른분들은 보안을 위해 다른 포트로 변경하는 것을 권장 드립니다.)

Git Server 설정화면에서 gituser(사용자 아이디) 에 접근허용 체크

[window] PuTTY 프로그램을 이용해서 ssh 접속

Host Name 에 나스 아이피 입력

저는 192.168.0.13 로 잡혔는데 초반 나스에 접속할때 잡히는 로컬 ip 로 설정하시면 됩니다.

장소마다 정보가 다를 수 있어요~

나스 사용자 아이디 입력 (예: abc123)

사용자 아이디까지 같이 입력

등록한 사용자폴더로 이동

$ cd /var/services/homes/gituser(사용자 아이디)

git 저장소로 이용할 폴더 생성

$ mkdir repository.git

저장소로 이동

$ cd repository.git

git 선언


$ git init --bare

$ git update-server-info

$ git remote update

$ cd ..

$ chown -R gituser(사용자 아이디):users(사용자 그룹) repository.git

과정 (Window 에서)

SourceTree > 상단 탭 중 '+' 선택 > Clone 클릭

git 클라이언트 설치

저는 SourceTree 로 설치했습니다. Fork 를 설치해서 진행해도 됩니다.

git bash 프롬프트 실행

$ ssh-keygen

$ ssh-copy-id gituser(사용자 아이디)@192.168.0.13(NAS IP)

SourceTree 에 내장되어 있는 터미널을 통해 ssh key 를 발급받아 나스 서버에 .ssh 에 등록하는 과정을 거치면 됩니다.

저는 ssh 이 과정을 거치지 않더라도 id/pw 를 통한 접근도 가능하더라구요.

연결 주소

저는 연결해야하는 주소를 계속 혼동할 것 같아 예시를 작성해 놓았습니다.

ssh://\[nas 사용자id\]@192.168.0.13:\[ssh 포트번호 \]/var/services/homes/\[nas 사용자 Id 폴더\]/repository.git

기타

사용자 id 와 그룹 확인 id

$ id [사용자 ID]

chown 로 사용자 그룹 설정시 root 권한이 필요하기 때문에 root 사용자로 변경 ( sudo -i 입력 혹은 sudo -s 입력) 하고 권한 설정하면 좀 더 쉽게 진행 할 수 있습니다.

참고 자료 1. https://gutmate.tistory.com/entry/Synology-NAS-Git-Server-%EC%84%A4%EC%B9%98

참고자료 2. https://www.icatpark.com/entry/Synology-Nas-%EC%97%90-Git-Server-%EC%84%A4%EC%B9%98-%EB%B0%8F-%EC%84%A4%EC%A0%95

참고자료3. https://www.bearpooh.com/40

[SourceTree] Mac 에서 반복해서 암호를 물어볼경우

Question영 — Thu, 5 Jan 2023 20:23:12 +0900

※ 해당 글은 제가 직접 작성한 글입니다. 정확하지 않은 정보일 수 있으니 정정할 사항이 있으면 알려주시기 바랍니다.

※ 스크랩이나 담아갈시 댓글에 출처를 남겨주세요.

맥에서 순서대로 실행하면 더 이상 pull, push 기타 등등... 동작시 암호를 물어보지 않습니다.

1. 터미널

2. git config --global credential.helper osxkeychain 실행

3. 소스트리 재실행

감사합니다.

[Android/정규식] 특정 양식의 전화번호만 링크로 처리

Question영 — Thu, 5 Jan 2023 18:47:18 +0900

※ 해당 글은 제가 직접 작성한 글입니다. 정확하지 않은 정보일 수 있으니 정정할 사항이 있으면 알려주시기 바랍니다.

※ 스크랩이나 담아갈시 댓글에 출처를 남겨주세요.

목적

문장에서 전화번호만 추출하여 이벤트를 부여하거나 편집하고 싶을 경우 진행

환경

Macbook
Android Studio

용어

정규식(정규표현식)
- 프로그래밍에서 문자열을 다룰 때, 문자열의 일정한 패턴을 표현하는 일종의 형식 언어를 말한다. 정규식이라고도 부르며,보통 regex 혹은 regexp라 많이 쓴다. (나무위키)

테스트 데이터

010-1234-1234전화번호테스트1234-1234전화번호 테스트1234-1234전화번호 테스트
전화번호 케이스 1 : (1234-1234)
전화번호 케이스 2 : 1234-12341234
전화번호 케이스 3 : 32432431234-1234
전화번호 케이스 4 : zzzzz1234-1234테스트
전화번호 케이스 5 : 1234 1234
전화번호 케이스 6 : 테스트 1234 1234테스트
전화번호 케이스 7 : 1234 1234테스트
url 테스트 https://www.naver.com (1234-1234)
010 4444 4444
adfadf010 4444 4444dsafsfa
dfafada010 4444 4444
(010 4444 4444)

준비한 테스트 데이터는 영문 한글 전화번호 숫자양식등을 고려하여 임의 작성

검증 진행

regexr 사이트에서 테스트를 진행

사용 정규식

1. ex) 1234-1234

(?=\d{4}.?\d{4}[\D]).*?((?<=[\D])\d{4}.?\d{4})

2. ex) 010-1234-1234

(?=(\d{3}(\s|-))?\d{4}(\s|-)\d{4}(\D|$)).*?((?<=(\D|^))\d{4}(\s|-)\d{4})

정규식 작성 고려사항

숫자와 숫자 사이에 띄어쓰기나 - 같은 표현을 고려하여 정규식을 작성
.*? 표현은 AND 와 같은 의미

Android 에서 위의 정규식이 필요한 경우와 해결 방법

현재 기준 Android TextView 에서 ellipse 기능과 AutoLink 기능을 동시에 사용하려고 할때 문제가 발생함 (동시 사용 안됨)
Layout XML 에서 TextView 에 limitLine = "2", ellipze ="end" 옵션을 설정
Link 는 Kotlin 혹은 Java 에서 적용 처리

// 처리 본문
val spanText = SpannableString(item.description)
Linkify.addLinks(spanText, Linkify.ALL)
tvDescription.text = spanText
tvDescription.setOnTouchListener(TouchTextView(spanText))

// TouchTextView
class TouchTextView(
    var spannable: Spannable,
    val clickUrl: (URLSpan) -> Unit
) : View.OnTouchListener {

    override fun onTouch(v: View, event: MotionEvent): Boolean {
        val action = event.action
        if (v !is TextView) {
            return false
        }
        if (action == MotionEvent.ACTION_UP ||
            action == MotionEvent.ACTION_DOWN
        ) {
            var x = event.x.toInt()
            var y = event.y.toInt()
            x -= v.totalPaddingLeft
            y -= v.totalPaddingTop
            x += v.scrollX
            y += v.scrollY
            val layout = v.layout
            val line = layout.getLineForVertical(y)
            val off = layout.getOffsetForHorizontal(line, x.toFloat())
            val link = spannable.getSpans(
                off, off,
                ClickableSpan::class.java
            )
            if (link.isNotEmpty()) {
                when(action) {
                    MotionEvent.ACTION_UP -> {
                        val linkUrl = (link[0] as URLSpan)
                        if (linkUrl.url.startsWith("tel:")) {
                            link[0].onClick(v)
                        } else {
                            clickUrl.invoke(linkUrl)
                        }
                        v.performClick()
                    }
                    MotionEvent.ACTION_DOWN -> {
                        Selection.setSelection(
                            spannable,
                            spannable.getSpanStart(link[0]),
                            spannable.getSpanEnd(link[0])
                        )
                    }
                    else -> {}//Nothing
                }
                return true
            } else {
                Selection.removeSelection(spannable)
            }
        }
        return false
    }
}

마치며

리스트 형태의 화면에서 전화번호에 이벤트 부여를 위해 많이 사용될 것으로 기대 되며,실제로 맡은 프로젝트를 진행하면서 사용했던 방법으로 IOS 에서도 정규식은 그대로 사용하면 됩니다.
정규식의 해석은 구글링하면 많이 나와 있으니 별도로 다루지 않도록 하겠습니다.

참고

[사업자/프리랜서] 원천징수영수증 조회

Question영 — Fri, 22 Apr 2022 10:27:01 +0900

5월 종합소득신고를 위해 원천징수영수증을 획득하는 방법은 두가지입니다.

1. 프로젝트 종료시 계약한 업체에 요청 -> 익월 최종 지급후 요청이 필요

2. 종합소득세 신고 년도의 4월에 홈텍스에서 조회

2번의 방법을 사용했을때 들어가는 경로는 다음과 같습니다.

1. 홈텍스 로그인 이후 홈텍스 상단의 My홈텍스 를 선택

홈텍스 상단 My 홈텍스를 선택

2. 하단의 메뉴중 연말정산 지급명세서 메뉴를 선택 > 지급명세서 등 제출내역을 선택

3. 필요한 원천징수영수증을 다운받으면 됨

참고바랍니다.

[Android/Kotlin] ViewPager 와 비슷한 RecyclerView 만들기

Question영 — Mon, 4 Apr 2022 14:10:54 +0900

목적

RecyclerView 를 Scroll 이후 ViewPager 처럼 특정 페이지에 걸린것처럼 동작하게 하는 방법을 정리했습니다.

환경

Macbook
Android Studio

용어

RecyclerView
ViewPager2

구성

코드 1. 현재 위치 계산 함수
코드 2. 현재 위치에서 가변위치까지 에니메이션이 적용된 동작을 하게 하는 함수

fun getCurrentPosition(): Int {
    return LinearSnapHelper().findSnapView(layoutManager)?.run {
          layoutManager.getPosition(this)
    } ?: 0
}

fun moveToPosition(offset: Int) {
    val position = getCurrentPosition() + offset
    binding.rvContents.smoothScrollToPosition(position)
}

시나리오

RecyclerView 의 Scroll 진행
onScrollStateChanged 에서 이벤트를 감시 중 Scroll 완료시 임시 위치에서 멈추면 감지
마지막 위치로 에니메이션 이동을 실행하여 자연스럽게 마지막 페이지의 정중앙으로 스크롤을 동작

val layoutManager = rvContents.layoutManager as LinearLayoutManager

rvContents.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    override fun onScrollStateChanged(recyclerView: RecyclerView, newState: Int) {
          super.onScrollStateChanged(recyclerView, newState)
          if (newState == RecyclerView.SCROLL_STATE_IDLE) {
            moveToPosition(0)
          }
    }

    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
          super.onScrolled(recyclerView, dx, dy)
        // 선택시 정보 갱신
    }
})

고려사항

val snapHelper = LinearSnapHelper()
snapHelper.attachToRecyclerView(recyclerView)

LinearSnapHelper 의 attachToRecyclerView 로 구현하는 방식도 있으나 횡 스크롤시 다소 시원스럽게 동작하지 않고 가속으로 스크롤하는 느낌을 살릴수가 없습니다.

약간 ViewPager 인데 하나씩 스크롤하는게 아닌 여러개 스크롤하다 멈추는 느낌이 좀 더 강하죠.

멈춤을 감지하여 자연스러운 위치배치시 해당 코드를 이용하는것도 생각해봤지만 리스너 등록 방식 같아 구현시 사용하지 않았습니다.

하지만 다른 느낌을 원한다면 해당 기능도 나쁘지 않습니다.

무엇보다 간단하니까요

마치며

마지막 선택된 정보는 선택시 정보 갱신 주석있는 부분에서 갱신이 가능합니다.

제 겪은 상황은 페이지의 양옆의 인덱스 정보를 노출하는 UI 를 표현시 해당 부분에 로직처리를 진행 했었고 관련 로직은 별도 기술하지 않았습니다.

참고

[Android] 개발시 유용한 Tool 모음

Question영 — Wed, 30 Mar 2022 08:45:19 +0900

목적

안드로이드 실무 개발시 유용한 Tool 정보를 정리해보았습니다.

환경

Macbook
Android Studio 설치
Homebrew 설치
Node.js 설치

종류

scrcpy (무료 Device 미러링 Tool)

https://github.com/Genymobile/scrcpy/releases

Releases · Genymobile/scrcpy

Display and control your Android device. Contribute to Genymobile/scrcpy development by creating an account on GitHub.

github.com

디바이스와 단말기를 연결해주는 미들웨어 앱입니다.
Git 에 설치 관련 자료가 있으나 별도 자세히 정리한 블로거가 있어 이쪽을 추천합니다.

https://kibua20.tistory.com/138

안드로이드 스마트 폰 화면 미러링 방법: scrcpy 사용법

안드로이드 스마트 폰 화면을 PC로 미러링 하는 방법을 설명하도록 하겠습니다. 스마트 폰 화면을 그대로 PC에 가져오는 것 뿐만 아니라, 사운드 전송, 마우스로 원격 클릭 및 키보드 입력 값을

kibua20.tistory.com

실행 방법

// 실행 command
scrcpy -m 1080

장점

무료 오픈소스로 구성된 프로젝트
개발 환경에서 단말기로 확인하는데 번거로움을 줄여주며 미팅이나 발표시 유용합니다.

단점

설치와 기능들의 실행을 터미널로 진행해야함

## Notion (마크 다운, 메모)

## 원노트 (마크 다운, 메모)

[Android/NDK] 기존 프로젝트에 .so 파일 연결하는 법

Question영 — Fri, 27 Dec 2019 09:40:43 +0900

.so 파일은 NDK 의 C/C++ 파일이 컴파일된 파일입니다.

NDK 를 사용하기 위해서는 그냥 JNI 로 구성된 C/C++ 파일이 있으면 됩니다.

[Android/NDK] 기존 프로젝트에 NDK 설정하는 방법

NDK 프로젝트를 매번 진행할때마다 설정을 구글에 검색하고 있는 저를 보며 이번 기회에 정리해야겠다 벼루고 있었는데 게을러서 미루기를 수차례 드디어 칼을 뽑아 정리합니다. 기존 프로젝트에 NDK 를 설정하는..

question0.tistory.com

하지만 .so 컴파일된 파일만 있어도

C/C++ 로 구성했었던 기능과 동일하게 사용 가능합니다.

주로 라이브러리 배포시 이런식으로 진행하곤 하죠.

설정

연결을 하는 Java 클래스를 이전 포스팅에서 사용했던 예제와 동일하게 작성합니다.

// MainActivity.class
public class MainActivity extends AppCompatActivity {

    static {
        System.loadLibrary("native-lib");
    }

    public native int helloNDK(int v);

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        int result = helloNDK(5);

        ((TextView)findViewById(R.id.tvHello)).setText("result : " + result);

    }
}

// activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tvHello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

그리고 .so 파일을 app/src/main/jniLibs 폴더에 종류별로 넣어줍니다.

이제 설정 끝입니다.

실행해주면 이전 포스팅에서 예제로 들었던 JNI 프로젝트와 동일하게

result: 15 라는 결과값을 화면상에서 확인할수 있을것입니다.

결론

이전 포스팅과 차이점은 C/C++ 로 구성된 JNI 로직과 연결하기 위한

Link 설정이나 build.gradle(app) 에 별도 설정이 필요 없고

jniLibs 라는 폴더에 CPU 종류에 따른 폴더구분 후 종류에 맞게

.so 파일을 넣어 주기만 하면 됩니다.

[NodeJs/React/Error] The engine "node" is incompatible with this module. Expected version

Question영 — Mon, 23 Dec 2019 11:08:58 +0900

React 프로젝트를 create-react-app 로 생성하려고 했을때 다음과 같은 오류가 발생했습니다.

error @typescript-eslint/eslint-plugin@2.10.0: The engine "node" is incompatible with this module. Expected version "^8.10.0 || ^10.13.0 || >=11.10.1". Got "11.6.0"

오류 메세지를 살펴보니 node 버전이 호환이 안되서 문제인 것 같아 업데이트를 진행 해줬습니다.

Node.js 업데이트 방법

[Node.js] 최신버전으로 업데이트 하기

Node 업데이트 $ sudo npm cache clean -f # 강제캐시삭제 $ sudo npm install -g n # n 모듈 설치 $ sudo n stable # or sudo n 12.14.0 (버전명) $ node -v # 버전 확인 Node 업데이트 오류 bash: /usr/bin/node..

question0.tistory.com

업데이트를 진행 후 다시 시도하면 정상적으로 프로젝트가 생성된 것을 확인할수 있었습니다.

참고하세요.

[Node.js] 최신버전으로 업데이트 하기

Question영 — Mon, 23 Dec 2019 11:05:55 +0900

Node 업데이트

$ sudo npm cache clean -f # 강제캐시삭제
$ sudo npm install -g n # n 모듈 설치
$ sudo n stable # or sudo n 12.14.0 (버전명)
$ node -v # 버전 확인

Node 업데이트 오류

bash: /usr/bin/node: No such file or directory

위의 오류가 발생하면 다음과 같이 입력해줍니다.

$ sudo ln -sf /usr/local/n/versions/node/<Version>/bin/node /usr/bin/node

예시

$ sudo ln -sf /usr/local/n/versions/node/12.14.0/bin/node /usr/bin/node

NPM 업데이트

$ sudo npm install -g npm # 업데이트
$ npm -v # 버전 확인