Atelier BiCute

Asustor NAS를 웹 서버로 사용하고 있다면, Vue.js 앱을 호스팅하여 사용자에게 제공할 수 있습니다. 그러나 Vue.js 앱은 클라이언트 측에서 라우팅을 처리하기 때문에, 서버 측에서도 라우팅을 지원해야 합니다. 일반적으로 웹 서버는 요청된 경로에 해당하는 파일이나 디렉토리를 반환하는데, Vue.js 앱의 클라이언트 측 라우팅과 웹 서버의 동작이 일치하지 않아서 문제가 발생할 수 있습니다 예를들면, 메인 페이지를 거치지 않고 app.myasustor.com/switch와 같은 하위 경로로 직접 접근하는 경우 웹 서버는 해당 경로를 찾지 못하고 "페이지를 찾을 수 없음"과 같은 오류를 반환합니다. 이 문제를 해결하기 위해서는 서버 측에서도 라우팅 설정을 추가하여 모든 경로를 Vue.js 앱으로 ..

기본적으로는 다른 사람의 정보에 접근하는것은 매너(?)상 좋지 않지만, 아래와 같이 NAS에 여러명의 일반 사용자가 있다고 가정할 경우. 혼자서 사용하는 NAS라면 여러 개정을 통해 용도를 분류 하는것도 괜찮은 방법입니다. #1 관리자 권한 엑세스 제한 해제 위에서 언급했다싶이 다른사람의 계정은 건들지 않는것이 좋기 때문에 기본적으로 다른 유저의 폴더는 관리자라도 보이지 않게 설정이 되어 있습니다. 일반 유저의 폴더에 접근하기 위해선, 제어판 > 공유폴더로 이동한 후 User Homes를 선택한 후 편집을 눌러, 관리자 권한으로 엑세스 제한의 체크를 해제해 줍니다. #2 파일 탐색기를 통해 접근 가능 제한을 해제 하였다면 파일 탐색기를 통해 User Homes로 이동하면 다른 유저들의 이름을 볼 수 있고..

최근 누군가가 자꾸 저의 저장소에 노크를 해대는 바람에 적어보는 짧은 글입니다. 카페를 둘러보니 의외로 이거 설정 안하고, 털리는 분들이 많은거 같더군요. 이 글은 해킹을 막기위한 기본적인 NAS 방화벽 설정입니다. 01. 자동 블랙 리스트 우선 다른것들을 설정하기에 앞서 [설정 > ADM 방화벽의 Network Defender 탭]으로 이동한 후, 자동 블랙 리스트를 활성화 합니다. 자동 블랙 리스트는 특정 기간 내에 다수로그인 시도가 발생 시, 자동으로 해당 IP를 차단합니다. 예) 1분 내에 3번의 로그인 실패시 IP 차단. 아래 스크린샷을 보면 알겠지만, 어느 순간부터 누군가가 끝없이 자신의 NAS에 반복해서 찾아오게 될 것이기에 자동 블랙 리스트는 필수입니다. 도데체 누가 방문하는것인가 IP를 ..

얼마전 작성한 Asustor - 나만의 웹사이트를 공개해보자 방식을 이용하면 일반 웹이나 빌드가 된 React, Vue는 배포할 수 있지만, 보여지기만 하는 페이지가 아닌 서버가 필요한 파일들은 실행을 할 수가 없습니다. 이번 글은 그러한 프로젝트들을 웹사이트를 통해 배포하는 방법입니다. STEP 1. SSH(Secure Shell) 서비스 > Terminal로 이동하여 SSH 서비스를 활성화 해 줍니다. 이제 SSH/SFTP를 통해 NAS에 로그인 할 수 있습니다. STEP 2. SSH를 통해 NAS에 접속 windows의 경우, 윈도우에서 SSH 클라이언트로 많이 사용되는 Putty나, 마이크로소프트 스토어에서 window terminal 등을 받아서 사용할수도 있지만, 이 글에선 MacOS을 기준으..

나만의 웹페이지를 별도의 공간에 업로드 하지 않고, 나의 서버를 이용해 공개해보자. STEP 1. 웹페이지 준비 우선 자신의 홈페이지 파일(HTML, CSS, JavaScript 등) 을 준비한다. 여기선 그냥 접속 확인용 HELLO WORLD를 출력하는 페이지를 준비하였다. HELLO WORLD! STEP 2. EZ-Connect 활성화 설정 > EZ-Connect에서 EZ Connect를 활성화 시킨다 EZ-Connect를 활성화 하면 외부에서도 {클라우드ID}.ezconnect.to 라는 주소로 언제든지 자신의 NAS에 접속할 수 있게 된다. STEP 3. DDNS 설정 수동연결 > DDNS로 이동하여 DDNS 서비스를 활성화 해준다. 이것도 위와 같이 누구나 {클라우드ID}.myasustor.co..

특별히 뭔가 어려운걸 해야하는건 없으니 아래 순서대로, 진행하면 됩니다. 01. EZ-Connect 활성화 [설정 > EZ-Connect]로 이동하여 EZ Connect 활성화를 체크한다. 02. DDNS 설정 [설정 > 수동 연결 > DDNS] 로 이동하여 DDNS 서비스 활성화를 체크한다. 03. WebDAV 설정 [서비스 > WebDAV]로 이동하여 기능을 활성화 한다 04. 파일을 서버에 업로드 파일 탐색기를 열고 원하는 위치에 파일을 업로드 한다. 05. 앱 설정 앱을 이용해 서버와 연결한다. nPlayer: 네트워크 탭으로 이동한 후 + 를 눌러 WebDAV를 선택한 후 아래와 같이 세팅한다. (자신에게 맞는 정보는 위에서 이미 다 설정했으니 자신에게 맞는 호스트 / 사용자 계정 / 포트 번호..

NAS는 아주 예전에 시놀로지를 이용하여 순수하게 저장용으로만 사용했었는데, 이번에 저장공간도 필요하긴 하지만 웹 서버를 메인으로 사용할 겸 나스를 새로 장만하게 되었습니다. 제목 그대로 Asustor 사용한지 불과 몇일 지나지도 않았지만 그동안 개인적으로 느낀 단점들에 대해 작성해 봅니다. 치명적인 문제점들 실행 자체를 할 수 없는, 매우 중요한것이지만 방치되어있는 문제점들. 1. ACC 프로그램 설치 불가 처음 시작할때 연결 가능한 NAS를 찾아서 설정을 도와주는 프로그램이기에 처음 사용한다면 이걸 설치해야 하는데... 공식 홈페이지이에서 제공하는 다운로드 파일은 현재(2022.11.07) 문제가 있어 사용 할 수 없다. (윈도우용) ACC를 다운로드 받아 프로그램을 실행하면 아래와 같은 오류가 뜨면..

이번에 NAS를 구매하게되어 이런저런 것들을 건들여 보면서 사용을 하고있는데... 사용 방법에 대한 설명이 너무 부실하고 뭔가 많이 미묘해서 앞으로 간단하게나마 나는 이렇게 사용하고 이렇게 설정을 해서 쓰고있다 정도를 남겨볼까 합니다. 그 첫번째 글로 NAS를 연결하고나서 해야할 것들을 간단히 정리해 보았습니다. 1. 포트 번호 설정 HTTP/HTTPS port 번호가 기본값으로 8000, 8001로 지정되어있다. 이 번호는 보안에 취약하기 때문에 다른 번호로 변경하는것을 추천하고 있다. 포트 번호는 이 컴퓨터로 이어지는 매우 많은 길의 번호일뿐이니 원하는 번호로 지정해주면 된다. 2. 언어 세팅 (한국어로 변경) 기본 세팅은 영어로 되어있다. 알아보기 힘드니 한글로 표시 언어를 변경해주자. 언어 변경은..

이 게시물은 2021.12.01 타 블로그에 작성된 내용의 백업본입니다. 이건 필수는 아니지만, 맥처럼 마우스 포인터를 찾는게 편리하지 않다보니 이것도 조금이라도 가시성이 좋은 것으로 변경하는것을 추천합니다. DeviantArt라는 곳에서 maik라는 분이 제작한 ml.blau.3라는 포인터로 다운받기 위해서는 해당 사이트에 가입을 할 필요가 있습니다. #1. 다운로드 사이트 링크 다운로드 페이지로 이동 > #2. 마우스 포인터 샘플 #3. 설치 방법 (1) 위 사이트에서 파일을 다운 받고 다운 받은 파일의 압축을 해제합니다 (2) install 100 percent 파일을 마우스 오른쪽으로 클릭하여 설치를 선택합니다. *설치가 바로 나타나지 않을경우 더 많은 옵션 표시를 눌러 확인해 봅니다. (3) 설..

이 게시물은 2021.11.30 타 블로그에 작성된 내용의 백업본입니다. 맥만 사용하다 윈도우를 사용하게되니 너무나 이미지를 검색하고 보는게 불편했다. 해외 사이트부터 유료 앱까지 수십가지를 사용해보고 내린 결론은... 국내 반디소프트에서 제작한 무료 이미지 뷰어인 '꿀뷰'가 최고인듯 하다. #1. 다운로드 사이트 링크 꿀뷰 다운로드 페이지로 이동 > #2. 사용 후기 꿀뷰 홈페이지에 나와있는 샘플 이미지이다. 처음 꿀뷰를 사용하기 꺼려졌던 부분이 상단의 '메뉴바'와 하단에 나와있는 '컨트롤바'의 디자인이 너무 올드하다는 느낌이 들어서였다. 막상 실행해보니 메뉴바와 컨트롤바는 마우스를 가져다 대지 않는 한 딱히 보이지 않았고, 매우 빠르고 가볍게 사용할 수 있어 좋았다. (아니 이미지를 하나 열었을때 동..