슈프림 블로그

iOS 개발을 하거나, iPhone 데이터를 맥에 백업 및 연동하기 위해 iPhone을 Mac에 연결하는 방법을 알아보자! 그리고, 최초 한번 연결 이후부터는 케이블이 없어도 Wi-Fi를 이용하여 자동으로 연결되도록 설정하는 법을 알아보자. 먼저, 기본적으로 맥의 Finder를 열어보면 좌측 메뉴에는 이렇게 나와있다. USB 케이블을 이용하여 iPhone과 Mac을 연결해준다. 연결한 iPhone 화면을 보면 다음과 같은 메세지가 표시된다. 신뢰를 선택하고 iPhone 기기 암호를 입력해준다. 다시 Finder를 보면 에 기기 연결이 활성화 되어 있는 것을 볼 수 있다! 만약 활성화 되어있지 않다면 Finder 환결설정에서 CD, DVD 및 iPod을 체크한다. 연결된 기기를 클릭해보자. 이 기기에 한번..

커밋 로그를 한눈에 알아보기 쉽고, 예쁘게 정리하는 방법: Gitmoji를 활용해보자! 깃모지 gitmoji는 커밋 메세지의 맨 앞에 이모지를 사용하여, 해당 커밋 로그의 의도와 목적을 시각적으로 보여주는 방식이다. 협업을 하는 상황이라면 어떤 상황에 어떤 이모지를 사용할 지 컨벤션을 정하고 사용하는 것이 좋다! 또는 일반적으로 많이 사용하는 이모지 가이드를 정리해 둔 사이트가 있으니, 이대로만 따라해도 충분할 것 같다. gitmoji.dev/ gitmoji An emoji guide for your commit messages. gitmoji.dev Gitmoji를 터미널에서 바로 적용하기: gitmoji-cli 위의 사이트에서 필요할 때 마다 검색하여 복사 붙여넣기 해도 되지만, 터미널로 git 작업..

tngusmiso.tistory.com/21?category=802241 [Swift] 객체를 추상화 하는 Struct와 Class 사용법, 차이는 무엇일까? 프로그램을 수많은 객체라는 기본 단위로 나누고, 이 객체들의 상호작용으로 서술하는 프로그래밍 방법론을 객체지향 패러다임이라고 한다. 객체를 만들기 위한 방법으로는 Struct (구조체) 와 Cl tngusmiso.tistory.com 전에도 구조체와 클래스에 대한 이야기를 썼지만, 이론이 그렇지 실제 데이터 구조를 설계할 때, 도대체 어떤 것을 선택해야 좋을 지 고민한 적이 많다. 찾아보니 Apple Developer 사이트에서 구조체와 클래스 중 어떤 것을 선택할지에 대해 다루는 아티클이 있어서 정리해보려고 한다. developer.apple.c..

저번 시간에는 컴포넌트 활용법에 대해 알아봤다. 컴포넌트는 한마디로 대표 하나만 바꾸면 자식 인스턴트들까지 한번에 변경할 수 있는 것을 말한다! 이번에는 오토레이아웃을 활용하여 구성요소의 크기가 변해도 반응적으로 대응할 수 있는 방법에 대해 알아보자! 피그마는 UI/UX 디자인 툴이다. UI/UX는 디바이스 화면에서 보여지는 것이기 때문에, 디바이스 크기가 모두 달라서 각 화면에 맞는 디자인 가이드를 제시해주어야 한다. 일일이 모든 디바이스에 대한 화면을 그리는 것 보다, 오토레이아웃을 적용해두면 자동으로 달라지는 화면에 맞게 변하게 되니 편리하게 사용할 수 있다! 오늘은 오른쪽 디자인 탭에서 Auto layout과 Constraints 부분에 대해 알아 볼 예정이다. 대표이미지 모양 만들기 우선, 전에..

포스팅 내용을 한 눈에 파악하도록 하는 방법! 각 포스팅에 썸네일 대표 이미지를 지정해주면 된다. 구글링 했을 때 썸네일과 함께 내용이 보여지기 때문에 조회수에 아주 중요한 역할을 한다. 이 블로그에 보면 이렇게 썸네일 대표 이미지들이 있다. 썸네일은 깔끔한 폰트와 한눈에 들어오는 사이즈로 만드는 것이 가장 중요하다고 생각한다. 추가로, 나는 카테고리별로 색상을 다르게 지정하여 어떤 주제를 다루고 있는지 파악하기 쉽게 했다. 예전에 네이버 블로그를 쓸 때는 이 이미지들을 파워포인트로 만들었다. 그러다보니 사이즈와 컬러, 폰트 등이 들쭉날쭉해져서 통일성이 사라졌다ㅠㅠ 티스토리로 넘어오면서 만들기 번거로워서 한동안 대표 이미지 없이 글을 올렸었는데, 피그마가 대표 이미지 만들때 사용해보면 아주 딱일 것 같아..

얼마 전에 동아리에서 Figma라는 툴을 접하게 되었다! 협업과 리소스 관리에 아~주 유용한 UI GUI 디자인 툴이다. 사용해 보니 진짜 편리하고, 신기한 기능이 많았다! 애용하게 될 것 같다👍👍 Figma ▼▼▼ www.figma.com/ ▼▼▼ Figma: the collaborative interface design tool. Build better products as a team. Design, prototype, and gather feedback all in one place with Figma. www.figma.com 특징 웹 + PC 앱(Window, Mac) 일단 피그마의 큰 특징으로는, 윈도우와 Mac에 네이티브 앱을 설치해서 빠른사용이 가능하며 PC 앱이 없더라도 웹 브라우저 기..

programmers.co.kr/learn/courses/30/lessons/42883 코딩테스트 연습 - 큰 수 만들기 programmers.co.kr 코딩테스트 문제를 풀 때 생각보다 시간초과 에러가 많이 발생한다. 아주 특수한 케이스에 대한 처리를 해주지 않아서 틀리는 경우도 있지만, 어마하게 큰 데이터를 입력받아서 발생하는 시간(메모리) 초과 에러도 아주 잦다. 시간 초과 에러가 발생하면 일단 '조금만 시간을 줄이면 되겠지'라는 생각은 접어야한다. 아예 풀이 방법과 알고리즘을 싹 뜯어 고쳐야한다. 모든 경우를 탐색하는 반복문을 줄이고, 새로운 방법으로 접근을 시도해보자. 이 문제도 시간초과 때문에 생각보다 오래 걸렸던 문제였다. 자료구조와 알고리즘 공부의 필요성을 크게 느꼈다... TMI) 그래서..

programmers.co.kr/learn/courses/30/lessons/68645 코딩테스트 연습 - 삼각 달팽이 5 [1,2,12,3,13,11,4,14,15,10,5,6,7,8,9] 6 [1,2,15,3,16,14,4,17,21,13,5,18,19,20,12,6,7,8,9,10,11] programmers.co.kr 일단 n이 무한대로 크다고 생각하고, 각 자리별로 결과 배열의 인덱스가 어떻게 배치되는지 그려보았다. 따라서, 각 층의 첫번째 칸의 인덱스는 f * (f+1) / 2와 같고, 결과 배열의 크기는 n * (n+1) / 2 와 같다. 규칙 찾기 0부터 n*(n+1)/2-1 까지의 숫자를 차례대로 배치할 때, 진행 방향은 총 3가지이다. DOWN(↓), RIGHT(→), UP(↖) 그리고..