[`] (부호 입력: Option + ~) 취소선 : 체크박스 : 강조 : 위 첨자, 아래 첨자 : ** ^위 첨자^ 사용 시: 띄어쓰기하지 말 것 ** 각주 : 추가 설명이 필요할 때 사용 목차 : ** [TOC] 사용를 사용하면 상단에 목차를 표현해 준다. TOC는 대소문자 구분하지 않는다. ** 주석 : HTML 태그를 이용한 글자 색상 변경 : 이미지 사이즈 변경 : Flowchart.js로 작성한 flow 차트 : 참고 : flowchart.js.org mermaid * sequenceDiagram (D 대문자 확인) mermaid로 작성한 Gantt 차트: 참고: mermaid-js.github.io/mermaid/#/README?id=diagrams js.Sequence diagram으로 만..

Typora ( https://typora.io ) 심플해서 가장 좋아하는 에디터지만 입문자는 문법 학습이 필요합니다. 진짜 오직 글쓰기에 집중할 수 있게 만든 것 같습니다. Pandoc을 설치하면 Epub로 출력도 가능합니다. StackEdit ( https://stackedit.io ) web app기반이라 별도의 설치 과정이 없이 을 클릭하면 회원가입 없이 바로 사용할 수 있습니다. 마크다운 문법을 몰라도 문법이 아이콘 버튼으로 되어있어 쉽게 사용할 수 있으며 구글, 깃허브 등 온라인 계정에 연결하여 사용할 수도 있습니다. markdown-it ( https://markdown-it.github.io ) 회원가입 없이 바로 버튼 누르고 작업할 수 있는 환경입니다. MacDown ( https://m..

edwith ( https://www.edwith.org ) 회원 가입하면 온라인 강의를 무료로 수강할 수 있습니다. 이해도는 생활코딩보다 좀 어려운 것 같네요. 생활코딩 ( https://opentutorials.org ) 초보자 프로그래밍 입문을 꿈꾼다면 생활코딩 무료 온라인 강의를 추천합니다. WEBSTORYBOY ( https://wtss.tistory.com ) 유튜브강의와 소스코드까지 제공해주는 사이트입니다. TCP School ( http://tcpschool.com ) 텍스트로 프로그래밍 공부 사이트 입니다. ofcourse ( https://ofcourse.kr ) 회원가입이 필요 없으며 동영상 강의는 없으며 정말 텍스트에 충실한 사이트입니다. [HTML, CSS, JavaScript] ..

** Free라고 해서 모든 권한이 Free가 아닙니다. 라이선스 잘 확인하고 사용하시기 바랍니다** No Copyright Music, Royalty Free Music 유튜브 추천 채널 요구사항만 잘 지켜주면 상업적으로 사용할 수 있습니다. 1. Audio LIbrary - Music for content creators 2. HYP MUSIC - BGM Design 3. Vlog No Copyright Music 4. NCS - NoCopyrightSounds 5. RFM - Royalty Free Music [No Copyright Music] 6. Free Vibes [YouTube, Facebook, Instagram, Twitch] audiolibrary ( https://www.audiol..

#93DAFF#98DFFF#9DE4FF#A2E9FF#A7EEFF#ACF3FF#B0F7FF#B4FBFF#B9FFFF#C0FFFF#87CEFA#91D8FA#A5D8FA#AFDDFA#B9E2FA#C3E7FA#CDECFA#D7F1FA#E1F6FA#EBFBFF#00BFFF#0AC9FF#14D3FF#1EDDFF#28E7FF#32F1FF#3CFBFF#46FFFF#96FFFF#C8FFFF#00A5FF#00AFFF#00B9FF#00C3FF#00CDFF#00D7FF#00E1FF#00EBFF#00F5FF#00FFFF#1EA4FF#28AEFF#32B8FF#3CC2FF#46CCFF#50D6FF#5AE0FF#6EE0FF#6EEAFF#78F3FF#1E90FF#289AFF#32A4FF#3CAEFF#46B8FF#50C2FF#5ACCF..

Coolest Gradient ( https://webgradients.com/ ) 다양한 그라데이션 레퍼런스가 있습니다. CSS Code 파일과 PNG 파일로 출력할 수 있습니다. 파일 형식: PNG, CSS Code WebGradients ( https://webgradients.com/ ) 다양한 그라데이션 레퍼런스가 있습니다. CSS Code 파일과 PNG 파일로 출력할 수 있습니다. 파일 형식: PNG, CSS Code Mesh ( https://meshgradient.com ) 랜덤을 통해 다양한 그라데이션 선택할 수 있고, 최대 11개 포이트 설정으로 원하는 무늬 그라디언트를 연출할 수 있습니다. 파일 형식: PNG Gradient Hunt ( https://gradienthunt.com/ ..

dribbble ( dribbble.com ) 전 세계 훌륭한 디자이너들의 포트폴리오와 디자인 소스를 얻을 수 있습니다. 노트폴리오 ( notefolio.net ) note(주목하다) + portfolio(포트폴리오) 합성어인 노트폴리오는 마찬가지로 디자이너들의 포트폴리오 공유 사이트입니다. 한국사이트로 검색이 편리하고, 한국 트렌드에 맞는 작품들을 찾아볼 수 있습니다. Behance ( behance.net ) 2012년 Adobe에 인수하여 운영 중이며 전 세게 디자이너들의 포트폴리오와 디자인 소스를 얻을 수 있습니다. Pinterest ( pinterest.co.kr ) 단순하면서 직관적이고, 간단하면서도, 빠르게 DIY정보와 아이디어, 영감을 얻을 수 있습니다. Designspiration ( d..

요즘 그 어느 때 보다 UX 디자이너가 수 많은 데이터에 액세스 할 수 있는 시대가 아닌가 생각합니다. 하지만 이런 점은 서비스 혹은 제품 개발 시에 장점 일수 있지만, 데이터 공급과잉으로 부터 실체적인 통찰력을 얻어야 하는 어려움이 함께 상존하기도 합니다. 이런 점에서 데이터 시각화는 UX 디자이너가 시간과 공간에 따른 트렌드를 이해할 때, 느낌이 아니라 사실을 기반으로 디자인 솔루션을 찾는 데 도움이 됩니다. 빠른 시간에 효과적인 디자인솔루션을 제공하기 위해서 UX 디자이너가 처리해야하는 데이터 비주얼라이제이션 정보는 너무나 광범위 합니다. 기본 막대 차트에서부터 인터렉티브 한 타임라인 혹은 복잡한 시각적 매핑에 이르기까지 모든 UX 데이터 시각화 요구 사항을 충족하기엔 물리적인 시간이 많이 부족합니..

디자이너라면 누구나 폰트 선정에 어려움을 겪습니다. 우리가 하는 UI 디자인은 본질적으로 ‘아트웍’을 기반으로 하는 일이 아니기 때문에, 화면의 상당량을 지배할 폰트를 고르는 일은 다른 분야의 디자이너보다 더 신중할 수 밖에 없습니다. 한글은 (UI 작업에 있어서) 기술적인 적용한계가 크고 폰트의 가짓수가 많지 않기 때문에 선택의 폭이 거의 없다고 보아도 무방합니다. 아주 특별한 경우가 아니고서는 고딕계열의 한글을 사용하게 마련이고, 우리나라에서 ‘검증된’ 고딕한글은 10개 남짓이기 때문입니다. 반면, 영문은 거의 무한한 선택지가 있습니다. 통계상으로는 약 15만가지의 가용폰트가 존재한다고 합니다. ^^ 이 많은 선택지에서 우리는 어떤 영문폰트를 선택해야 할까요? 폰트명을 외워놓지 않은 다음에야 폰트를 ..