# SNS로서의 기능을 이제야 살렸습니다.

# 진천우가 맘에 들어서 다음 버전 이름(D로 시작하는 맘에 드는 이름)이 안 나왔다면 사실상 이게 4.0.0.0이라고 봐도 됐을거에요.

- Version **3.5.0.0** - **C**hen Qianyu**(TypeScript)**

> 비나래아카이브가 원래 시작이 SNS였다는걸 잊어버렸다는 것을 깨달았습니다.

> 초심을 잃었다는 것이죠.

- 비나래아카이브 SNS기능을 대폭 수정 및 개선했습니다.

> 이제 '#해시태그' 형태의 해시태그를 사용하여 모든 게시글 중 해당 해시태그가 붙은 글을 바로 속출해낼 수 있습니다.

> 정상 기능을 하는 해시태그는 파란색으로 색이 변해있으며 해당 태그를 클릭 시 검색이 되죠.

> 상단에 가장 많이 해시태깅이 된 상위 8개의 태그들이 노출됩니다.

> 무엇이 요즘 인기인지 한 눈에 알아볼 수 있죠.

> 기존에 HTML태그가 노출되는 문제를 해결했습니다.

> 다른 방법으로 말이죠.

> 첫 번째 이외의 페이지에서 댓글이나 대댓글을 달았을 때 맨 첫 번째 페이지로 강제 이동되던 버그를 수정했습니다.

> 다크모드에서의 글 작성 폼의 가시성이 현저히 떨어지던 문제를 수정했습니다.

- 비나래아카이브 도서관의 블로그 정렬 문제

> 왜인지 모르겠지만 오래된 순으로 정렬되어있던 문제를 수정했습니다.

> 그리고 오래된 순, 최신 순으로 변경할 수 있게 Select Box를 추가했습니다.

- 비나래 라운지 갤러리가 추가됐습니다.

> 이 곳에서 비나래아카이브와 비나래 라운지에 사용된 상징적인 이미지 컬러들을 만나볼 수 있습니다.

> 현재 서비스 중인 기능들 또한 모아놨습니다.

> 후술할 사이트 맵과 연결하여 페이지를 혼동할 필요 없이 이 곳에서 한 번에 원하는 기능으로 이동할 수 있습니다.

> https://hinana.moe/hinana/gallery

- 페이지마다 상단 nav바 우측 상단에 사이트 맵 링크 텍스트를 추가했습니다.

> 클릭 시 비나래 라운지 갤러리의 모든 기능이 모여있어 한 눈에 볼 수 있는 페이지로 리다이렉트 되어 원하는 기능일 이용할 수 있습니다.

- 기존의 사용이 드물었던 레거시 코드들을 제거 및 리팩토링 했습니다.

> 404페이지라던가, 블로그의 작성 및 수정 페이지라던가. 전부 다 비나래아카이브와 디자인을 통일시켰습니다.

> 다만, 아직 다듬을 부분이 남아있어 추후 Hotfix예정입니다.


__정리 좀 하고__

- 이제 스스로 생각해도 꽤 괜찮지 않나...?라는 정도까지 온 것 같습니다.

슬 슬 다음 버전을 준비해도 될 것 같기도 하고요.

그 전에 간단한 기능같은 것이 있다면 추가하게 되겠지만요.

다만, 한동안은 이번 같은 대격변은 없을 것 같습니다.

제 추측으로만요.

어차피 광고도 없는데 뻘글이라도 써주는 곳으로 써주시면 안 될까요?

개발하는 맛이 더 날 것 같아서요.

그럼 이만, 다음 버전에서 뵙겠습니다.

감사합니다.

 

 

# 아니 글쎄 10시에 취침을 하려고 했는데요...

- Version 3.4.4.3 - Chen Qianyu**(TypeScript)**

> 열차 내의 소리는 비가 내리고 있잖아요?

> 그런데 지금까지는 뭐가 내리고 있었는지 소리만 나는 이상한 상황이었죠.

- 이제 진짜 밖에 비가 내립니다. **무려 이집트 피라미드 맵에도요**

> 창문에 물방울이 흘러내리는 디테일까지 있으니 보다 잠드세요. 

- 좌측 상단의 '비나래 라운지' 로고를 누르거나 우측 상단의 'X'버튼을 눌렀을 때 하차 확인 팝업을 추가했어요.

> 탑승해있는 열차 등급과 출발/목적지, 그리고 현재 몇 개의 도시를 지나왔는지와 지금까지 달려온 열차의 거리를 볼 수 있죠.

> 이 정보는 **팝업이 띄워있는 한 실시간으로 누적되어 계산되**니 이거 보는 맛도 있겠네요.

이제 슬슬 아이디어가 고갈이 오려고 합니다. 

어디 뭐 지나가는 아이디어 없나 싶네요.

YOU DEER

 

 

- Version 3.4.3.3 - Chen Qianyu**(TypeScript)**

> iOS, iPadOS에서 승차권을 다운로드 할 때 에러가 나던 문제를 확인하여 대응했어요.

> 애플의 강력한 보안 정책 상 HTML과 CSS로 그려져있는 승차권을 이미지화 시킬 수 없더라고요.

__따라서, 이제 iPhone과 iPad에서 승차권 저장 버튼을 누를 시 관련 안내 팝업과 함께 승차권이 스크린샷 찍기 최적화되게 확대됩니다.__

이래서 개발자들이 OS다른 기기 여러개 갖고있나 싶네요. 저도 이렇게 써볼 날이 올 줄은 몰랐고요.

 

 

# 와 씨 클로드 너무 좋아 왜 이걸 이제 알았지

- Version 3.4.3.2 - Chen Qianyu**(TypeScript)**

> 자바스크립트 기반의 '비나래 아카이브, 비나래 라운지'를 타입스크립트로 리팩토링 했습니다!

> 개발자인 저도 코드를 커밋하고 푸시하면 서버에서 자동으로 도커 컴포싱이 돼서 서버가 올라가죠.

- 그거 말고 변경점은요?

> 특급 히나나호 열차 승차권을 다운로드 했을 시 파일 이름을 조금 손봤어요. 

특급 히나나호 타고 맘에 드는 목적지로 떠나봐요 ☆

~~요즘 미는 유행어임~~

https://hinana.moe/hinana/train

 

 

# 제가 쓸모없는거 하나는 잘 하는 사람이거든요.

- Version 3.3.1.1 -> __**3.3.2.1**__ -> 3.4.2.1

- 3.3.2.1까지는 열차를 순회하던 승무원이 자리를 찾아왔을 때 여러분이 모바일 환경일 경우에는 목이 잘려 안 보이던(...)문제가 있었어서 수정했어요.

그런데 이제, 비나래씨 머리 속에 또 무언가 쓸데없는게 생각났죠.

여기서 버전이 또 올라가요.

- Version 3.3.1.1 -> 3.3.2.1-> __**3.4.2.1**__ 

- 가지고 계신 [승차권]을 제대로 확인 하신 후 승차하시길 바랍니다...

> 열차를 타면 흔히들 많이 듣는 말이죠?

> 개통 및 운행 이틀 째를 맞는 특급 히나나호를 보면 행선판만 그럭저럭 배치해놨지 별로 열차에 탄다는 느낌은 안 나잖아요?

그래서 **승차권**을 만들어봤어요!

- 승차권?

> 열차를 탑승하기 직전 화면에 승차권을 확인할 수 있는 UI를 배치해놨어요. 

> 이를 통해 클릭이나 터치 시 POP-UP UI가 나타나 승차권을 확인할 수 있죠.

- 승차권에 담긴 정보는?

> 우선 시발역인 '비나래 라운지'와 도착역이 표시됩니다.

> 도착역은 일정 확률로 변경되는데, 이는 팝업을 닫았을 때 행선판에도 반영되어있으며 사실, 열차 승차 페이지에 먼저 접속했을 때 반영이 이미 되어있으니 팝업에는 당연히 반영되어있는 것이 맞네요.

> 아무튼, 도착역은 총 4개로 적은 확률로 나타나는 역은 3개, 큰 확률로 나타나는 역은 1개의 역이에요.

> 추가로, 로그인이 되어있는 유저는 탑승객 칸에 비로그인자인 Guest 대신 자신의 닉네임(ID)이 표시되니 꼭! 로그인 해서 자신만의 승차권을 만들어 보세요.

- 그리고 또?

> 이 승차권을 이미지 형태로 다운로드 받을 수 있어요!

> PC와 모바일 환경 전부를 지원하죠. 아, 모바일은 승차권 팝업시 '닫기'버튼이 안 보일 수 있는데 아무 곳이나 빈 공간 터치 시 다시 원래 승차 화면으로 돌아오니 안심하세요.

- 마지막으로 할 말?

> 승차권 넘버도 그렇고 구분선, 히나나라는 글자에 쓰인 색(히나나 옐로우 | --hinana-yellow: #FFC639;) 등을 보면 꽤나 히나나에 공들인 작업이었어요.

> 무엇보다 하면서 재밌던 작업이었기도 하고요.

> 언제까지 이런 쓸데없는(?) 아이디어가 나올까 라는 생각도 드네요. 이제 슬슬 고갈이려나요?

'**특급 히나나호**'의 앞 날은 아직 잘 모르겠습니다.

승차권처럼 추가적이고 계속적인 아이디어가 마구마구 나오지 않는 이상 지속적으로 업데이트 하는 것은 쉽지 않겠지요.

하지만 어제 말했던 '히나나 스러운 것'은 이런 것이지 않을까 싶네요.

오늘 업데이트 된 '승차권'에 대해서 추가하고 싶은 목적지가 있다던가 개선점이 있었으면 좋겠다 하는 부분 말씀주시면 하나 하나 다 꼬박꼬박 읽어보고 답변드릴 수 있도록 할게요.

마찬가지로 여전히 '**특급 히나나호**'는 이 곳에서 승차 가능합니다.

감사합니다.

https://hinana.moe/hinana/train

 

 

# 그냥 프리뷰, 마이너 업데이트 따윈 제거해버린 냉철한 판단의 라운지長

- Version 3.3.1.0 - Chen Qianyu

 - 버전을 올려버렸어요. 그만큼 변한 것도 많고 새로운 것도 많았거든요.

- 비나래 라운지에서 탈 수 있던 '**특급 히나나호**'가 진화했어요.

> 이제 자리에 앉아서 빗소리를 들으며 편안히 여행할 수 있죠.

> 원한다면 기차 소리와 빗소리는 각각 제어가 가능해요.

- 이제 **특급 히나나호**는 비나래 라운지에서 출발하여 전 세계 도시를 여행할 수 있어요.

> 대한민국 서울특별시를 출발해 일본국 도쿄도를 거쳐 중화인민공화국 상하이, 베트남 다낭, 미합중국 뉴욕, 이집트 피라미드, 브라질의 예수상이 있는 히우 지 자네이루시 까지!

- **특급 히나나호**에 전담 승무원들이 배치되었어요!

> 승무원들은 일정 확률로 열차를 순회하다 자리에 앉아있는 여러분을 볼 수 있어요! 이 때 여러분은 승무원들과 잠깐 이야기를 나눌 수 도 있어요. 물론 아무 대화도 하지 않으면 잠시 뒤 다시 업무를 보러 가겠지요.


불과 몇 시간 전에 '**특급 히나나호**'를 처음 개통했을 때 스스로 되물었던 질문이 그거였죠.

" 그래서 이걸 어디다가 쓰냐고? "

전 이번 업데이트를 하면서 확실히 깨달았습니다.

이거, 코딩이나 일 하면서 ASMR듣는다 치고 들으면 꽤나 괜찮다는 것을요.

그냥 제가 기차를 좋아해서 그런 것 일 수도 있고요.

'**특급 히나나호**'건조/개통/개선에 자그마한 도움이 된 @matsei 님께는 싸이버거를 선물로 드렸으니 확인해주시길 바랍니다.

앞으로는 무엇을 할 것이냐고요?

글쎄요. 일단 더 히나나 스러운 것을 하지 않을까요?

물론 여러분의 의견 또한 중요하겠지만요.

여전히 '**특급 히나나호**'는 이 곳에서 승차 가능합니다.

감사합니다.

https://hinana.moe/hinana/train

 

 

# 라운지를 어디다가 할당할까 고민하다가 결국 결정해버린 비나래 라운지

- Version 3.2.1.0 - Chen Qianyu(Preview)(마이너 업데이트)

> 이거 마이너 업데이트라는 표현은 이제 없애버리려고요. 뭐 하나 업뎃하면 큼지막한게 하나씩 추가돼서요.

이제 비나래 라운지에서 '**특급 히나나호**'를 탑승할 수 있어요.

> 데스크톱 환경과 모바일 환경을 모두 지원해요.(모바일 환경은 제어할 땐 전체화면 버튼을 눌러 확대하여 버튼을 통하여 제어하거나, 비나래 라운지 로고를 터치하여 라운지로 돌아갈 수 있어요.

- **특급 히나나호**는 비나래 라운지에서 출발하여 픽셀로 가득찬 도시를 여행할 수 있어요.

> 여행을 즐기다가 원할 때 바로 라운지로 돌아갈 수 있죠.

- 그래서 이걸 어디다가 쓰냐고요?

> 음... 글쎄요. 제가 생각했던 것은 소리를 조금 줄여놓고 집중용 ASMR로 쓰거나 화면이 계속 움직인다는 점으로 봤을 때 'Windows Screensaver(화면보호기)' 정도...? 전 아마 이렇게 쓸 것 같네요.

시승식은 바로 이쪽입니다.

https://hinana.moe/hinana/train

 

 

 

1,557분이 지난 비나래 라운지의 현황

- Version 3.1.1.0 - Chen Qianyu(Preview)(마이너 업데이트)

비나래 광장에서 작성된 글들의 삭제 예정 시간이 제대로 표기되지 않던 문제를 수정했어요.

> 표기만 제대로 되어있지 않았지 삭제 예정 시간은 제대로 저장되고 있었답니다.

테트리스를 살짝 좀 더 손봤어요.

> @eoriyang 님의 요청으로 수정했어요.

> 예상 낙하지점의 채도를 조금 더 높혀 플레이에 도움이 될 것이라 생각해요.

어느덧 현재 제공중인 서비스가 '비나래아카이브, 비나래아카이브 도서관(블로그), 비나래 라운지, 비나래 라운지 테트리스, 비나래 라운지 광장', 총 큰 분류로 5개로 나뉘어져 개발되어 왔네요.

비록 거의 모든 모듈들이 쓰이지는 않더라도 앞으로의 모든 기능 추가 예정의 세계수인 '비나래 라운지'만큼은 즐겨 사용해주시면 감사하겠습니다.

종론이 길었습니다.

앞으로도 여러분의 피드백이나 기능 추가 요청을 간절히 바랍니다.

감사합니다.

https://hinana.moe/hinana/lounge

 

 

# 501년만에 돌아온 비나래아카이브 업데이트

- Version 3.1.0.0 - **C**hen Qianyu(Preview)

라운지에 새로운 기능, **비나래 광장**이 생겼어요!

> @matsei 님의 아이디어로 만들어봤어요.

 - 이 곳 라운지에서는 기존 '비나래아카이브'의 X형 SNS와는 다르게 총 300자까지의 글을 입력할 수 있고 익명의 이용자는 자신의 글을 삭제할 수 없으며 작성된지 24시간이 지나면 익명 유저가 작성한 글은 물론, 회원가입 된 유저들의 글이 자동 삭제됩니다.

> 다만, 로그인 한 유저가 자신이 로그인 한 상태로 쓴 글은 자신이 24시간이 지나기 전에도 삭제할 수 있어요.

테트리스를 살짝 손 봤어요.

> 그거 아셨습니까? 원래 이 테트리스 T스핀 추가점수가 없었어요... 그냥 하면 뿌듯한게 전부였죠. 구현한건 거기까지였고요.

 - 이제 T스핀을 하면 대량의 점수를 손에 넣을 수 있어요.

앞으로도 계속 발전할 비나래 라운지를 여러분과 함께 가꾸어 나갔으면 좋겠습니다.

감사합니다.

https://hinana.moe/hinana/lounge

 

# 500년만에 돌아온 비나래아카이브 업데이트

- Version 3.0.0.0 - **C**hen Qianyu(Preview)

라운지가 개관했어요!

- 앞으로 새 기능이나 애드온은 이곳에 추가하려고 해요.

| 디자인도 독자적이죠.

거기 당신, 테트리스 한 판 어때요?

- 웹과 모바일 동시지원하는 테트리스 게임을 추가했어요.

| 테트리스는 새로 개관된 비나래 라운지에서 언제든지 즐길 수 있어요.

| 랭킹 시스템도 지원하니 당신, 테트리스 좀 치면 어떠세요?