본문 바로가기

전체 글

(52)
로딩페이지 제작시 도움되는 사이트 페이지 로딩 시 속도 및 색상 등 이미지로 받거나 css로 제공해주는 사이트다. https://loading.io/ loading.io - Your SVG + GIF + PNG Ajax Loading Icons Build Your Ajax Loading Icons with SVG / CSS / GIF / PNG ! loading.io
github, jekyll 설치 및 테마 적용하기 - 윈도우편 깃허브 블로그를 사용할 때, jekyll 테마를 사용한다. 이번엔 윈도우 환경에서 지킬 서버를 설치할 것이다. (그냥 커밋하는 족족 확인하는 방법도 있지만 로컬에서 확인하고 올리고 싶으니깐..) - 맥환경은 조만간 올릴예정 1. 루비설치 지난번에 scss 설치할 때 루비를 설치했다. 하지만 데브킷이 없는 것으로 받았기 때문에 다시 루비 다운로드 페이지에 가서 데브킷이 있는 루비를 설치한다. https://rubyinstaller.org/downloads/ Downloads Which version to download? If you don’t know what version to install and you’re getting started with Ruby, we recommend you use Rub..
Mac Sourcetree(소스트리) 설치 github를 사용할 때 터미널로 사용하는 방법이 있다. 하지만 터미널로 하면 불편하기도하고 오타도 잘 나서 gui로 되어있는 소스트리를 사용하면 따로 구문 작성없이 편하게 git에 올리고 내릴 수가 있다. 아래 홈페이지에 들어가서 설치하면 된다. https://www.sourcetreeapp.com/ Sourcetree | Free Git GUI for Mac and Windows A Git GUI that offers a visual representation of your repositories. Sourcetree is a free Git client for Windows and Mac. www.sourcetreeapp.com 다운로드 버튼 클릭 다운로드 버튼 클릭 캡쳐못함..ㅠㅠㅠ 힝 bitbu..
Mac Git 설치 github 혹은 gitlab을 사용하려고할 때 git을 필수로 설치를해야한다. 아래 사이트 링크 클릭해준다. https://git-scm.com/downloads Git - Downloads Downloads Mac OS X Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific git-scm.com 자신에게 맞는 운영체제에 맞춰 다운로드 ..
[공유] IOS와 AOS는 공유 아이콘이 다를까? https://brunch.co.kr/@berryverylucky/27#comment 왜 iOS와 AOS에서 다른 공유 아이콘을 쓰는가? A share icon for iOS and AOS | 새로 시작하는 매거진의 첫 번째 아티클로써 이 매거진의 콘셉트를 간단하게 소개하고자 한다. 숏터디(Shortudy)는 Short+Study의 합성어로 작은 주제를 딥하게 공부해보자는 취지이다. 현재 IT기업의 Product designer로 일하면서 여러 질문이 생긴적이 많았다. 그때마다 바로바로 찾아볼 수 없을 때도 있었고, 혹은 혼자 공부하고 잊어버리는 brunch.co.kr 앱을 공부할 수록 웹과 너무 다른 세계에 있는 것 같다. 웹도 W3C의 표준가이드를 따라 만들지만 안지켜지는 곳이 사실 대부분이다. (심..
[공유] 회원가입을 쉽게 만드는 UI/UX 디자인은? https://brunch.co.kr/@dalgudot/101 [실무편] 회원가입을 쉽게 만드는 UI/UX 디자인은? 디자인 독학하기 05 | 공부하면서 얻은 지식과 깨달음, 그 과정에서 겪은 시행착오를 공유합니다. [Contents] 01 [실무 적용기] 회원가입을 쉽게 만드는 UI/UX 디자인 02 엄지 영역 디자인하기 03 좋은 UX 디자이너 04 참고자료 디자이너가 될 수 있을까? 불안했다. 하지만 어느 순간부터 불안과 두려움이 많이 줄어들었다. 회원가입을 쉽게 만드는 UI/UX 디자인을 brunch.co.kr 브런치 보면서 굉장히 흥미롭고 멤버&회원가입의 ux구성 정리를 잘해놓은 글이 있었다. 웹은 한 화면에 많은 정보를 담으려고 하는 반면, 앱은 한 화면에 최대한 심플하게 사용자에게 전달하려고..
Swift - 변수 타입 지난 글에서는 var과 let의 차이를 설명했다면 이번 글에서는 변수의 타입을 설명하려고 한다. 스위프트는 타입스크립트와 살짝 유사한 부분이 있다. var a = "스위프트" 기본 자바스크립트처럼 이렇게 선언할 수 있다. 정수, 문자열 구분 없이 사용할 수 있다. var a : String = "스위프트" 또한 타입스크립트같이 변수 타입을 지정해 선언할 수가 있다. 여기서 var은 변수 선언, a는 변수명 : String는 변수타입 = 변수값 으로 이루어진다. 흔히 자바나 타 언어처럼 변수타입은 동일하다. type 설명 Int 정수, 숫자 리터럴 / Int32, Int63로도 선언 가능 Float. Double 실수, 숫자 리터럴 / Float는 32bit, Double는 62bit Character 하..
Swift - 변수 var, let 차이 스위프트는 자바스크립트와 변수 선언이 비슷하다. 하지만 비슷하면서도 다르다. 스위프트의 var과 let 어떻게 사용되는지 확인해보자. var 변수 var nameVar = "스위프트" nameVar = "swift" 스위프트의 var 변수는 자바스크립트의 var 변수와 똑같다. 다른 점은 스위프트에서는 세미콜론(;)을 붙이지 않는다. (es5기준, es6도 세미콜론 안붙여도 코드 돌아갑니다.) let변수 그럿다면 스위프트의 let도 자바스크립트의 let과 똑같을까? 답은 아니다. 스위프트의 let은 상수다. 자바스크립트의 const와 같은 기능을 한다. 그래서 자바스크립트같은 타 언어를 사용했던 분들은 스위프트의 let과 타언어의 let과 혼동하지 마시길... let nameLet = "스위프트" nam..