나무 숲

신기한 프로젝트를 봐서! 이전까진 막연하게 생각했는데 응용할 수 있는 분야도 많고 예뻐서 나도 해보고싶다고 생각들었다. https://tanykim.myportfolio.com/ Tanyoung Kim Data Visualization | User Experience Design tanykim.myportfolio.com

내년에 존속될지 알 수 없어서 올해가 끝이라는 루머(?)가 있는 중소기업 재직 청년 전세자금 대출 상품으로 대출을 진행했다. 이자 금리가 1.2%, 최고금액 1억까지 해주는 상품이다. 대출이라는 게 늘 두려웠다.. 빚이라는 부담감, 전세금을 떼먹힐까 하는 생각? 귀찮음, 어느정도 나이가 있어야 안정적으로 할 수 있다는 편견. 어피티라는 경제뉴스에서 사람들 소비 코칭 비슷하게 해주는 게 있는데, 월세사는 사람들에게는 대부분 전세로 돌리라고 하더라. 주위에서도 생각보다 전세 사는 친구들이 많았다. 나도 계산해보니 지금 비용에서 거의 반으로 세이브 할 수 있겠다 싶어 지금 집도 너무 좋지만 마침 계약도 끝나가고 해서 한번 대출을 해보기로 했다. 순서 인터넷 미친듯이 뒤져볼 때는 은행에 먼저가서 가심사 후 ->..

디스코드 쓰다가 안내 텍스트들이 너무 마음에 들어서 아카이브. 채널 입성 환영 문구 Welcome, 별명. We hope you brought pizza. Glad you're here, 별명. 별명 just slid into the server. 별명 just showed up! 별명 is here. A wild 별명 appeared. 별명 hopped into the server. 별명 just landed. Welcome 별명. Say hi!

https://odin.game.daum.net/odin/gameinfo/world 오딘: 발할라 라이징 | Daum게임 감히 신의 영역을 넘보다 odin.game.daum.net 각 월드 디자인도 예쁘고 날라다니는 영상이 신기하다 https://archeage.xlgames.com/en ArcheAge Dynamic World ArcheAge archeage.xlgames.com 스크롤할때 움직이는게 엄청 부드럽다

https://easings.net/ko Easing Functions Cheat Sheet Easing functions specify the speed of animation to make the movement more natural. Real objects don’t just move at a constant speed, and do not start and stop in an instant. This page helps you choose the right easing function. easings.net Easing functions specify the rate of change of a parameter over time. 각 함수에 마우스 hover하면 움직임이 어떻게 되는지 간단하게 ..

setproduct.com/web/fonts 폰트가 줠라 많은데 무슨 모양인지 모르겠어서 모아놓은걸 찾다가 발견

iOS Fonts. 실제 폰트가 어떻게 보여지는지는 애플 기기에서만 확인 가능한듯^^ 윈도에선 다똑같음 http://iosfonts.com/ iOS Fonts iosfonts.com 이중에서 Menlo, Courier 만 Monospace Font라고 한다. 모노스페이스 폰트란 모든 Character의 너비Width가 같은 폰트다. 그런데 여기 https://stackoverflow.com/questions/9962994/what-is-a-monospace-font-in-ios 댓글 보면 Menlo는 Fully monospace가 아닌 것 같기도 하다.

https://medium.com/delightroom/%EC%98%A8%EB%B3%B4%EB%94%A9%EC%9C%BC%EB%A1%9C-%EC%82%AC%EC%9A%A9%EC%9E%90%EC%9D%98-%EA%B4%80%EC%A0%90%EC%9D%84-%EB%B0%94%EA%BE%B8%EA%B8%B0-8fc18886d62d 온보딩으로 사용자의 관점을 바꾸기 “알람앱을 돈주고 쓴다고?” 를 “돈주고 쓸만 하네!” 로 바꾼 경험기 medium.com Mental Accounting: 사람마다 마음속에 갖고 있는 회계장부 심적 회계란 사람들이 마음속에 갖고 있는 일종의 회계장부로, 어디에 쓸 돈인지에 따라서 다르게 느껴진다는 개념이다. 쉽게 말하면 내 건강을 위해 10만 원 쓰는 것은 아깝게 느껴지지 않지만..

주워들으며 알게 된 재미있는 레퍼런스들 1. Product hunt 새로운 프로덕트들 소개하거나 각자 좋아하는거 소개하거나.. www.producthunt.com/ Product Hunt – The best new products in tech. Product Hunt is a curation of the best new products, every day. Discover the latest mobile apps, websites, and technology products that everyone's talking about. www.producthunt.com 2. Disquiet 한국판 프로덕트 헌트 같은 곳 disquiet.io/ Disquiet* disquiet.io 3. Awwwards 웹사..

Windows PC에 원격 접속을 할 수 있다. 집에 서버처럼 데스크탑을 두고 공인인증서가 필요할때마다 원격으로 접속해서 사용하거나 하기도 한다. 셋업 1. iptime 쪽에서 ip setup 및 포트포워딩 2. 컴을 껐다켜거나 내 local ip를 변경하여 확인 3. Remote 접속을 허용 접속 App: RD Client PC: windows+R ⇒ mstsc 또는 Remote desktop connection PCName: 도메인:포트 Account: 접속시 사용 주의 일부 은행 사이트를 사용할때 AhnLab Safe Transaction으로 인해 원격 접속이 강제종료 되는 경우가 있다. 예상치 못한 상황에 대비하기 위해서는 AhnLab Safe Transaction 환경설정에서 원격접속 차단을 해..

다른 팀원들의 PR이 머지되어서 UI가 적용되었다. 덧붙여서 조금 정리하니 그럴듯해졌다. Chrome extension Popup page를 닫는 방법을 검색해보니 바로 결과가 나왔다. 저 팝업 페이지 또한 html이라는걸 생각하면 당연한 해답인듯,,! window.close(); 이 코드를 createBookmark의 콜백에 넣으니 Works like a charm✨ 그런데 테스트를 하다보니 버그가 발견되었다. 타이틀을 수정하고 Save했는데 defaultValue로 넣은 값이 그대로 적용되어서 저장되는 문제였다. 이 또한 검색을 해보니 React 공식에 내용과 샘플이 잘 나와있었다. const titleRef = React.createRef(""); const [title, setTitle] = us..

Chrome bookmark extension 개발기 (1) 을 통해 생각보다 간단하게 북마크 폴더/Url 추가 동작이 구현되었다. 그런데 구글 북마크를 생각해보면 북마크 팝업 페이지가 열릴 때 페이지 Title, Url이 기본으로 채워져 있다. 그래서 해당 기능을 구현하고자 했다. 시행착오 1. 아래와 같은 값을 디폴트로 세팅하면 될줄알았는데 안됐다. 항상 해당 탭의 최초 페이지에 대한 값만 불러와졌다. 팀 회의 및 리뷰를 통해 Extension이기 때문에 다른 api가 있을 수 있겠다고 결론내렸다. => 검색결과 Tab api가 있었다. Title = document.title Url = window.location.href 2. UseRef를 사용해보려다가 UseState로도 충분하다는걸 알고 Us..

Windows File Explorer에서 마우스 우클릭하면 해당 위치에서 Git bash를 열 수 있었다. 따로 뭔가 설정을 한 건 아닌데 언젠가부터 해당 메뉴가 안보였다. 검색해보니 메뉴(Context menu)를 설정하여 추가할 수 있길래 해당 글 참고하여 설정했다. 방법은 다양하고 간단한게 많은데, 내가 사용한 방법은 이렇다. 1. Windows+R 해서 regedit을 실행한다. 2. HKEY_CURRENT_USER\SOFTWARE\Classes\Directory\Background\shell 로 이동한다. shell key가 없다면 새로 만든다. 3. shell 마우스 우클릭 -> New-Key 선택 -> Key 이름을 Bash로 설정 4. Context menu에 나타날 텍스트를 설정한다. ..

목표 Http 통신, Socket 통신 방식에 대한 이해 관련 예제 네트워크를 통한 서버와의 통신 방식은 크게 http통신과 socket통신으로 나뉜다. 1. http 통신 Client의 요청(Request)이 있을 때만 Server가 응답(Response)하는 단방향 통신으로, 응답을 받고나면 연결이 종료된다. ex. 버튼 클릭 시 선택된 컨텐츠 보여주기 REST? REpresentational State Transfer Request에 따른 API를 구조화하는 가장 표준화된 방법으로, Http 방식에 기반을 둔다 Statetlessness: Client와 Server가 서로의 State를 알 필요가 없다 (Client와 Server가 분리되어 있어 각 부분에서 코드가 변경되어도 서로에게 영향이 없다)..

chrome.bookmarks API를 사용하여 Extension을 개발하는 프로젝트에 참여하게 되었다. 나는 찐따라 가장 쉬운 부분을 요청했고, 맡았다 ㅎㅎ extension을 개발한다는 것 자체가 생각도 못해본 일이라 해나가면서 시행착오와 삽질 및 기록용 문서를 작성해나가보려 한다. 또한, 모든 공식 문서가 영어이기도 하고 영어공부를 한다는 느낌으로 내용은 되도록이면 영어로 정리한다. 사용하는 스택은 React +Tailwind CSS 이다. Chrome extension 개발을 위해서는 manifest를 조작해서 사용한다. 이에 대한 자세한 내용은 생략하고 공식문서를 참조한다. Try creating bookmark 🏷 Chrome bookmark API? Create, Organize, Manip..