티스토리

나무 숲
검색하기

블로그 홈

나무 숲

woodforest.tistory.com/m

wood.forest 님의 블로그입니다.

구독자
14
방명록 방문하기
공지 <나무 숲> 소개 모두보기

주요 글 목록

  • Data visualization 신기한 프로젝트를 봐서! 이전까진 막연하게 생각했는데 응용할 수 있는 분야도 많고 예뻐서 나도 해보고싶다고 생각들었다. https://tanykim.myportfolio.com/ Tanyoung Kim Data Visualization | User Experience Design tanykim.myportfolio.com 공감수 0 댓글수 0 2021. 8. 28.
  • 중기청 대출 후기 내년에 존속될지 알 수 없어서 올해가 끝이라는 루머(?)가 있는 중소기업 재직 청년 전세자금 대출 상품으로 대출을 진행했다. 이자 금리가 1.2%, 최고금액 1억까지 해주는 상품이다. 대출이라는 게 늘 두려웠다.. 빚이라는 부담감, 전세금을 떼먹힐까 하는 생각? 귀찮음, 어느정도 나이가 있어야 안정적으로 할 수 있다는 편견. 어피티라는 경제뉴스에서 사람들 소비 코칭 비슷하게 해주는 게 있는데, 월세사는 사람들에게는 대부분 전세로 돌리라고 하더라. 주위에서도 생각보다 전세 사는 친구들이 많았다. 나도 계산해보니 지금 비용에서 거의 반으로 세이브 할 수 있겠다 싶어 지금 집도 너무 좋지만 마침 계약도 끝나가고 해서 한번 대출을 해보기로 했다. 순서 인터넷 미친듯이 뒤져볼 때는 은행에 먼저가서 가심사 후 ->.. 공감수 1 댓글수 0 2021. 7. 31.
  • Discord UX Label 디스코드 쓰다가 안내 텍스트들이 너무 마음에 들어서 아카이브. 채널 입성 환영 문구 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! 공감수 0 댓글수 0 2021. 7. 12.
  • Inspirational 게임 웹사이트들 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 스크롤할때 움직이는게 엄청 부드럽다 공감수 0 댓글수 0 2021. 7. 3.
  • easing cheatsheet 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하면 움직임이 어떻게 되는지 간단하게 .. 공감수 0 댓글수 0 2021. 6. 23.
  • Figma 폰트 setproduct.com/web/fonts 폰트가 줠라 많은데 무슨 모양인지 모르겠어서 모아놓은걸 찾다가 발견 공감수 2 댓글수 0 2021. 6. 20.
  • iOS Font, Monospace Font 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가 아닌 것 같기도 하다. 공감수 0 댓글수 0 2021. 6. 16.
  • 스크랩: “알람앱을 돈 내고 쓴다고?”를 “돈 내고 써도 좋겠다!”로 바꾸는 경험기 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만 원 쓰는 것은 아깝게 느껴지지 않지만.. 공감수 0 댓글수 0 2021. 6. 9.
  • 기획/프로덕트/디자인 레퍼런스 사이트 모음 주워들으며 알게 된 재미있는 레퍼런스들 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 웹사.. 공감수 0 댓글수 0 2021. 4. 19.
  • Windows Remote PC Setup 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 환경설정에서 원격접속 차단을 해.. 공감수 0 댓글수 0 2021. 4. 12.
  • Chrome bookmark extension 개발기 (3) 다른 팀원들의 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.. 공감수 0 댓글수 0 2021. 4. 6.
  • Chrome bookmark extension 개발기 (2) Chrome bookmark extension 개발기 (1) 을 통해 생각보다 간단하게 북마크 폴더/Url 추가 동작이 구현되었다. 그런데 구글 북마크를 생각해보면 북마크 팝업 페이지가 열릴 때 페이지 Title, Url이 기본으로 채워져 있다. 그래서 해당 기능을 구현하고자 했다. 시행착오 1. 아래와 같은 값을 디폴트로 세팅하면 될줄알았는데 안됐다. 항상 해당 탭의 최초 페이지에 대한 값만 불러와졌다. 팀 회의 및 리뷰를 통해 Extension이기 때문에 다른 api가 있을 수 있겠다고 결론내렸다. => 검색결과 Tab api가 있었다. Title = document.title Url = window.location.href 2. UseRef를 사용해보려다가 UseState로도 충분하다는걸 알고 Us.. 공감수 0 댓글수 0 2021. 3. 24.
  • Windows File Explorer에서 'Git Bash 열기' Context menu 추가 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에 나타날 텍스트를 설정한다. .. 공감수 0 댓글수 0 2021. 3. 23.
  • Http통신 vs Socket통신 목표 Http 통신, Socket 통신 방식에 대한 이해 관련 예제 네트워크를 통한 서버와의 통신 방식은 크게 http통신과 socket통신으로 나뉜다. 1. http 통신 Client의 요청(Request)이 있을 때만 Server가 응답(Response)하는 단방향 통신으로, 응답을 받고나면 연결이 종료된다. ex. 버튼 클릭 시 선택된 컨텐츠 보여주기 REST? REpresentational State Transfer Request에 따른 API를 구조화하는 가장 표준화된 방법으로, Http 방식에 기반을 둔다 Statetlessness: Client와 Server가 서로의 State를 알 필요가 없다 (Client와 Server가 분리되어 있어 각 부분에서 코드가 변경되어도 서로에게 영향이 없다).. 공감수 0 댓글수 0 2021. 3. 15.
  • Chrome bookmark extension 개발기 (1) chrome.bookmarks API를 사용하여 Extension을 개발하는 프로젝트에 참여하게 되었다. 나는 찐따라 가장 쉬운 부분을 요청했고, 맡았다 ㅎㅎ extension을 개발한다는 것 자체가 생각도 못해본 일이라 해나가면서 시행착오와 삽질 및 기록용 문서를 작성해나가보려 한다. 또한, 모든 공식 문서가 영어이기도 하고 영어공부를 한다는 느낌으로 내용은 되도록이면 영어로 정리한다. 사용하는 스택은 React +Tailwind CSS 이다. Chrome extension 개발을 위해서는 manifest를 조작해서 사용한다. 이에 대한 자세한 내용은 생략하고 공식문서를 참조한다. Try creating bookmark 🏷 Chrome bookmark API? Create, Organize, Manip.. 공감수 0 댓글수 0 2021. 3. 12.
  • 2021 03 / OKKYCON 2021 1. 커뮤니케이션 나도 나를 모르고 나는 스스로를 모를 상대도 모르고 내가 무슨 생각을 어떻게 하는지도 모르겠고 글로 말로 표현하기도 어렵고 그런데 어떻게 커뮤니케이션을 하면서 일을 하느냐? 사실과 짐작을 분리한다. 내가 도달한 생각을, 생각하기까지의 경로를 함께 전달한다. 컨텐츠는 항상 한군데로 모은다. ( 메세지/컨텐츠의 파편화) 왜 계획은 작은 단위로 짜는 것이 좋은가? 계획 수정에 용이 2. 협력의 조건 왜 협력하나? 혼자 해결할 수 없는 큰 문제를 해결하기 위해 협력? 공동의 목표 수행 일할때 체계가 있는데 어느 단계(context)에서 협력하는게 유리한가? 일이 어려운complicated것이(어떻게 할지 알지만) 아닌, 일이 복잡할complex 때 (모호하고 변동성이 높은) 전문적(기술적 부분.. 공감수 0 댓글수 0 2021. 3. 7.
  • Hyper-V 설정 Window10에서 안드로이드 모바일 시뮬레이터를 돌리려는데 뭐 느릴수 있다~ 가능하면 디바이스를 사용해라~ 하는 메세지가 뜨는 경우, Hyper-V를 켜주면 에뮬레이터가 빨라진다고 한다. Hyper-V란? Windows10에서 Hyper-V 사용하기 위 링크에서도 설명을 잘 해주는것 같지만, 내가 사용한 방법을 추가한다. 1. cmd에서 systeminfo를 입력하여 상태 확인 아래 사진은 모두 Yes인 상태라 Hyper-V를 켜면 된다. 3번으로 만약 Virtualization Enabled In Firmware가 No라면 PC를 종료하여 BIOS를 켠다. 2번으로 2. BIOS에서 Virtualization Technology 설정 Virtualizatino Technology가 Disabled되어.. 공감수 0 댓글수 0 2021. 3. 6.
  • 근로계약서와 퇴사서약서 1. 입사 후 근로계약서를 작성하지 않는다? - 100% 회사 잘못이며 신고 가능 - 반드시 입사일에 작성해야하는 것은 아니나 미작성 상태 퇴사, 또는 미작성 기간이 긴 경우에도 신고 가능 회사가 신고당할 수 있기 때문인지, 퇴사확정 후에 근로계약서 작성을 하지 않으면 퇴사 시 불이익 (퇴직금 미지급 등)이 있을 수 있다고 들은적이 있는데 열받아서 민원도 넣었다. - 참고: 근로계약서 미작성 퇴사 시 대처법 2. 퇴직금 미지급? - 사업주는 근로자 퇴사 후 14일 이내 퇴직금을 지급해야 한다 1번과 같이 근로계약서 작성을 안해서 기존 급여가 정확하지 않아서 불이익이 있을 수 있다~ 하는건 결국 회사의 불이익 가능성이고 퇴직금 안나오면 걍 신고하면 된다. 3. 퇴사 시 비밀유지 및 동종업계 취업제한 서약서.. 공감수 0 댓글수 0 2021. 3. 4.
  • (사회초년생)근로자로서 알고 있으면 좋은 소스, 제도 사용해보지 않은 것도 있지만 알아보는 김에 정리한다. 1. 대한법률구조공단 - 무료 상담 - 개인회생 / 파산 등 빚에 대한 것들도 가능 2. 고용노동부 - 실업급여, 구직급여 신청 - 퇴직금 등 회사와의 분쟁 - 민원마당에 질문을 올릴수도 있음 3. (서울)주거포털 - 청년 월세지원사업 - 행복주택 / 임대아파트 등의 청약신청 정보 4. (서울)복지재단 - 청년 희망통장 / 꿈나래통장 / .. 지역별로 명칭이 다르지만 다들 존재한다. 5. 근로장려적금 - 근로장려금을 수령한 경우 높은 이율로 적금 가입 가능 - NH, KB, 웰컴저축 등 다수 은행에서 제공하는 정보를 비교해서 가입하도록.. 금리는 매년 다르다. - 근로장려금은 홈택스에서 신청 가능한데 자격요건이 되는 사람들에게는 알아서 연락이 오는듯하.. 공감수 0 댓글수 0 2021. 3. 2.
  • 앱 스크린샷에 프레임 씌우기: MockUPhone 목업폰을 노린거겠지? mockuphone.com/ MockUPhone MockUPhone is a free tool that helps you wrap app screenshots in different mobile devices. Support iPhone mockup, iPad mockup, Android mockup and TV mockup. mockuphone.com 디바이스를 선택한뒤 이미지를 넣고, 다운로드하면 원본이미지, 프레임넣은 이미지를 압축 파일로 다운받을 수 있다! 편하고 좋다 공감수 0 댓글수 0 2021. 2. 8.
  • Daily Dev, 서핏 확장 프로그램으로, 매일매일 Programming관련 news, article을 웹브라우저에 접속할때마다 첫화면으로 띄워준다. daily.dev - News for Busy Developers daily.dev is the easiest way to stay updated on the latest programming news. Get the hottest dev news from the best tech blogs on any topic you can think of. Stay updated daily, and unlock more time to do fun stuff, relax, or just code. daily.dev 한국 버전이 서핏인데, 카테고리에 따라, 그리고 Programming 뿐만 아.. 공감수 0 댓글수 0 2021. 1. 24.
  • 2020 12 - 2021 01 / Javascript30 20javascript30.com/ JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 완강했다! 말도 재미있고 한 회당 길지도 않아서 진짜 재미있게 한듯.. 확실히 그냥 언어를 공부하거나 알고리즘을 푸는것보다는 프로젝트를 하는게 재밌는거구나 ㅎㅎㅎㅎ 깃헙을 편안하게 업데이트할 수 있는 경험이었다 ㅋㅋ 선생님 홈페이지가 넘 예뻐서 가져옴 wesbos.com/ Wes Bos Hey, I'm Wes Bos. I'm here to help you become a really good web developer. I'm a full Stack JavaScript developer from Canada .. 공감수 0 댓글수 0 2021. 1. 22.
  • 글래스모피즘, 뉴모피즘 2021 디자인 트렌드 - 글래스모피즘(Glassmorphism) 글래스모피즘(Glassmorphism)이 점점 인기를 얻고 있습니다. dribble에서 글래스모피즘을 검색하면 많은 디자인 시도를 확인해 볼 수 있습니다. 2020년에는 뉴모피즘(Neumorphism)이 트렌드였으나 내년에 cheesechaos.tistory.com +) glassmorphism css generator / test https://ui.glass/generator/ Glassmorphism CSS Generator - Glass UI Generate CSS and HTML components using the glassmorphism design specifications based on the Glass UI librar.. 공감수 0 댓글수 0 2021. 1. 16.
  • 스켈레톤 UI ui.toast.com/weekly-pick/ko_20201110 더 나은 UX를 위한 React에서 스켈레톤 컴포넌트 만들기 스켈레톤 컴포넌트가 무엇인지 알고 있는가? 스켈레톤 컴포넌트는 데이터를 가져오는 동안 콘텐츠를 표시하는 컴포넌트이다. 사용자는 콘텐츠를 기다리다가 쉽게 지치고 지루함을 느끼므로 단 ui.toast.com 이미지/텍스트 로딩 전에 그 모양을 보여주는 것! 이름 그대로 뼈대는 그게 이미지인지 텍스트인지를 그대로 따라가야 함! 공감수 0 댓글수 0 2021. 1. 15.
  • Xamarin / 확인버튼 클릭 시 다음 Entry로 이동 Move to next Entry if Enter key pressed 주로 회원가입 등 연속된 폼 입력을 채울 때 사용되는 스킬이다. ⚡Completed Event를 사용한다. Ex1. Move to Next Entry's End of the text NameEntry.Completed += (sender, e) => { NameEntry.Unfocus(); EmailEntry.Focus(); EmailEntry.CursorPosition = EmailEntry.Text.Length; }; EmailEntry.Completed += (sender, e) => { EmailEntry.Unfocus(); PasswordEntry.Focus(); PasswordEntry.CursorPosition = Pas.. 공감수 0 댓글수 0 2020. 12. 12.
  • Javascript TDD JS TDD 개론 TDD? Test-Driven-Development 테스트 주도 개발 테스트 케이스 생성→테스트→개발의 짧은 개발 사이클을 반복적으로 수행하며 소프트웨어를 개발하는 프로세스. Red-Green Refactor 라고도 한다. 테스트 케이스 작성 테스트 케이스를 통과하기 위한 최소한의 코드 작성 표준에 맞도록 리팩토링 Uncle Bob describes TDD with three rules: You are not allowed to write any production code unless it is to make a failing unit test pass. You are not allowed to write any more of a unit test than is sufficient t.. 공감수 0 댓글수 0 2020. 12. 6.
  • 체이싱래빗 웹 www.gochasinrabbits.com/ 체이싱래빗 체이싱래빗 www.gochasinrabbits.com 비건 화장품(스킨케어) 브랜드다. 홈페이지 들어가보면 색깔이 예술이고 컨셉에 맞는 패키지 디자인이나 택배 포장지 등.. ㅠㅠ 예쁘다! 연(?)보라, 주황, 하늘, 네온연두 등 형광펜 배색이 예쁘다. 스크롤을 내리면 배경색이 자연스럽게 바뀐다. 스티커도 예쁘다. 요즘 그래도 브랜딩을 한다? 고 하면 이런 스티커 굿즈가 제일 많은 것 같다. 제품도 예쁘고 제품 패키지 박스도 예쁘다. 마약 한듯한 토끼도 유니크하고 그냥 다 예쁘다 ㅋㅋㅋ 디자인에 홀려서 제품을 하나 샀다 ㅎ 공감수 0 댓글수 0 2020. 11. 22.
  • Javascript 공부 소스 공부 소스는 이렇게 많은데 ^^ 언제하지? 1. 모던 자바스크립트 튜토리얼 ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 2. Javascript30 javascript30.com/ JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 3. 웹 프로그래밍 튜토리얼 PoiemaWeb poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com +) 그리고 거의 수학의 정석같은 생활코딩 opentutorials.org/course/1 생활코딩 hello.. 공감수 2 댓글수 0 2020. 11. 8.
  • FE 기술면접 대비 / 호이스팅Hoisting 호이스팅Hoisting? ES6 이후에서 함수나 변수 선언이 해당 유효 범위(스코프)의 최상단으로 끌어올려지는 것처럼 보이는 현상. 실제로는, 컴파일 타임에 변수/함수 선언이 메모리에 들어가되 할당은 코드를 작성한 위치에서 진행된다. 특징 함수/변수 선언에만 적용된다. 초기화만 해주는 경우 Hoisting이 일어나지 않는다. console.log(num); // Throws ReferenceError exception num = 6; // Initialization 함수 표현식은 정의된 함수를 변수에 할당하는 것이므로 Hoisting이 일어나지 않는다. var square = function (x) { return x * x; }; let, const 선언은 발생하지 않는다. var로 변수를 선언한 경우.. 공감수 0 댓글수 0 2020. 11. 1.
  • FE 기술면접 대비 / 브라우저가 웹서버로 요청을 보내는 과정 FeBase에서 출제한 FE 기초지식 테스트를 쳐봤다. 20점인가 그랬떤듯^^; docs.google.com/forms/d/e/1FAIpQLSer5oRzyfqxpX8gg4_cQuPUpoMIyMJob369WCLYFtgisnh4Gg/viewform 2020 FeBase Season 1 Exam Febase(https://github.com/Febase/FeBase) 에서 2020년 상반기에 기고된 내용을 바탕으로 문제가 출제되었습니다. 2020 Season 1에서는 Javascript 기초에 대한 내용을 전반적으로 학습했습니다. 구글링을 하지 마� docs.google.com FE 기술면접 질문으로도 많이 나오는듯 하여 위 설문에서 나온 것 뿐만 아니라 주워들은것 하나씩 작성하려 한다! Q. 브라우저가 웹서.. 공감수 0 댓글수 0 2020. 10. 15.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.