Atelier BiCute

특별히 뭔가 어려운걸 해야하는건 없으니 아래 순서대로, 진행하면 됩니다. 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. 언어 세팅 (한국어로 변경) 기본 세팅은 영어로 되어있다. 알아보기 힘드니 한글로 표시 언어를 변경해주자. 언어 변경은..

웹이나 앱을 만들다보면 뭔가 묘한 느낌이 올때가 생기는데, 이게 뭔가 문제가 있는거 같긴 한데... 인터넷이 빨라서 괜찮은건가...? 싶을때 의도적으로 인터넷 속도를 느리게 해서 테스트 해볼 수 있는 방법입니다. 테스트 방법은 간단! 1. 크롬 브라우저에서 개발자 도구를 실행한 후 네트워크 탭으로 이동 2. 제한 없음이라고 되어있는 부분을 클릭한 후 원하는 속도를 지정하면 끝. 3. 옆에 아이콘(더 많은 네트워크 조건)을 눌러 조금 더 세밀한 설정도 가능 이거 몇번 사용하고 갑자기 인터넷이 느려졌다고 느낀다면, 테스트 후에 속도 제대로 돌렸는지 확인해 보도록 합시다.

Vue3 사용하면서 사용하기 가장 쉬웠던 원형 프로그래스 라이브러리 언젠가 또 사용하게 될 일이 있을지도 모르니 기록하기 위해 글을 남겨봅니다. 공식 페이지 Vue3 Radial Progress Official Website > 사용 방법 Step 1. 설치 npm install --save vue3-radial-progress // 또는 yarn add vue3-radial-progress Step 2. script 내부에 import import RadialProgress from 'vue3-radial-progress'; Step 3. import 했으니 components에 등록 components: { RadialProgress, }, Step 4. 진행률과 전체값 정의 data() { retu..

vscode를 사용하다보면 정렬기능이 필요하게 되는데, 기본 자동 정렬 기능(ctrl + K, ctrl + F) 말고도 확장으로 설치할수 있는 프리티어(Prettier)가 압도적으로 인기가 많다. Prettier를 처음 사용했을 땐... 처음 사용해 보았을때는 분명 정렬은 되는데... 아래와 같이 정렬이 되어버려서 이게 뭔가 싶었다. 기능 하나하나마다 줄을 내려버리는데다 따옴표(")만 있는 줄도 있고 닫는 태그만 있는 줄도 있고... 뭔가 정렬은 된거 같은데, 오히려 훨씬 보기가 불편했었다. 그래서 꽤나 오랜기간 vscode의 자동정렬 기능만 이용하게 됐는데, 갈수록 이 기능도 뭔가 조금 부족함을 느꼈었다. 그러다 뭔가 정렬을 개인화(커스텀)할 수 있을까 싶어 알아보았더니, Prettier가 다양한 설정..

Adobe가 싫어서 Figma를 이용하고 있었는데, 얼마전 Adobe가 Figma를 인수해 버렸습니다. 자신이 Figma 같은 디자인 툴을 원하지만 Adobe는 피하고 싶을 경우 이것이 도움이 되지 않을까 십습니다. Penpot Penpot은 Adobe XD 처럼 소프트웨어를 설치한다거나 사용하고있는 버전에 따라 서로 공유를 하기 힘들어지는 문제점이 없는 Figma 와 같은 웹 브라우저 기반의 협업 디자인 툴입니다. 아래는 Penpot의 메인 화면입니다. 이번 Adobe가 Figma를 인수하면서 가입자수가 전월 대비 56배 증가했다고 하며, 기존에 XD나 Figma를 사용했다면 사용하는데 크게 어려움은 없을 것입니다 (역시 Figma처럼 아직 한글지원은 안됩니다) 메인 화면에서 조금만 스크롤을 내려보면 ..

LINE Seed는 LINE의 첫 번째 글꼴입니다. 성장의 의미를 담고 있는 Seed는 지오매트릭 기반의 서체로 LINE의 편리한 사용성과 친근한 아이덴티티에서 영감을 받았습니다. 다운로드 페이지 LINE Seed KR(한글) 바로가기 > LINE Seed EN(영문) 바로가기 > LINE Seed JP(일본어) 바로가기 > LINE Seed TH(태국어) 바로가기 > 폰트 샘플 KR 웨이트 변화에 따른 비례 너비로 라틴 기준의 글자 사이 공간 밸런스에 더욱 다가갑니다. 두꺼운 웨이트는 공간이 더욱 필요하기 때문에 넓게, 얇은 웨이트는 상대적으로 공간이 충분하기에 좁게 설정됩니다. JP LINE Seed JP에는 4종류의 굵기가 준비되어 있습니다. 어떠한 굵기라도 통일된 동일한 정체성을 가지고 있습니다...