TREASURE408

• 

  Font Awesome 5 Pro 사용 방법 및 다운로드 Font Awesome 5 Pro (v1.15.4) 제 블로그에서 다양한 곳에 많이 사용된 폰트 라이브러리 중에 하나인 Font Awesome 5 Pro 버전에 대한 다운로드 방법과 사용방법에 대해 알아보려고 합니다. 현재 Font Awesome Pro 는 Font Awesome 6.0 버전까지 나왔으며, 아래와 같이 연 $99 달러를 지불해야 사용이 가능합니다. Font Awesome 5 Pro와 Font Awesome 6 Pro의 차이가 크지 않은 점을 고려해서 Font Awesome 5 Pro도 충분하게 사용 가능하다고 생각이 됩니다. Font Awesome 5 Pro와 Font Awesome Free 버전의 차이점이라면, Free 버전은 Solid 형식의 하나의 폰트만 사용 가능한 반면에 Pro .. TIP/Etc Tip 2022. 6. 17.

• 

  2022 새로운 macOS Ventura beta 신기능 대거 업데이트 미리보기 macOS Ventura beta WWDC 2022에서 발표된 차세대 애플 OS 중에 하나인 9월쯤에 배포될 예정인 새로운 macOS Ventura beta가 업데이트되었습니다. 그래서 어떠한 기능이 있는지 간단히 알아볼까 합니다. 참고로 주력으로 쓰고 있는 데스크톱에 macOS Ventura beta를 설치하는 것은 추천하지 않고, 퍼블릭 베타는 7월 중 선보일 예정이라고 합니다. macOS ventura 첫인상 우선 macOS Ventura를 첫 실행하면 macOS Monterey와 유사한데, 기본적으로 바탕화면은 주황색으로 이뤄져 있습니다. 왼쪽이 라이트 모드, 오른쪽이 다크 모드입니다. 설치 최소 사양 기본적으로 macOS Ventura를 설치할 수 있는 사양이 많이 올라갔습니다. 2017 맥북 .. TIP/iOS & MacOS TIp 2022. 6. 16.

• 

  2022 매직키보드/트랙패드 연결 유실 해결 방법 - 블루투스 모듈 재설정 MacOS가 Monterey 버전으로 업데이트하면서 매직 키보드 및 트랙패드가 자주 연결 유실을 일으키고 있는 상황입니다. 연결 유실을 해결하기 위해 제가 찾아봤던 방법들을 공유해 볼까 합니다. 매직 키보드 / 트랙패드 연결 유실 해결 방법 macOS 업데이트 가장 기본적으로 macOS를 최신 버전으로 진행해주세요. Bluetooth 장치 제거 및 연결 시스템 환경 설정 ➜ 블루투스에 있는 모든 기기 제거 ➜ 재연결 블루투스 모듈 재설정 macOS Monterey 버전 이상부터는 상단 바에서 블루투스 아이콘을 클릭해 'Bluetooth 모듈 재설정'을 할 수 없게 되었습니다. 그래서 아래와 같은 방법으로 진행해주셔야 합니다. 1. ⌘(커멘드) + ⇧(쉬프트)를 누르고 터미널 실행 ➜ 2. 아래 명령어를 .. TIP/iOS & MacOS TIp 2022. 6. 14.

• 

  (티스토리) 게시글에 공개 ➜ 비공개 버튼 만드는 방법 티스토리를 운영하다 보면 게시글을 올리고 난 후, 해당 게시글에 대해 공개에서 비공개 또는 비공개에서 공개 처리해야 하는 경우가 존재합니다. 한 가지의 게시글이면 상관없겠지만, 그러한 게시글이 많을수록 또, 어느 게시글이 비공개 게시글인지 확인이 어려울 때도 아주 편리한 버튼을 넣어주도록 하겠습니다. 게시글 비공개 처리 버튼 게시글을 비공개 처리하기 위해서 원래는 아래와 같이 한 단계를 더 거쳐야 했습니다. 저는 이 방법이 부정적 경험이라고 생각이 되었습니다. 바로 한번 적용시켜 보죠! HTML 스킨 편집 (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고.. TIP/CSS & Tistory 2022. 6. 11.

• 

  (티스토리)블로그에 깃허브 댓글을 달아보자 - utterances 저번 게시글에서 디스커스 소셜 SNS 댓글을 달아 댓글을 작성할 수 있는 방법에 대해 알아봤었는데, 오늘은 기술 블로그 개발자들이 자주 사용하고 있는 깃허브 댓글 utterances를 적용하는 방법에 대해 알아보도록 하겠습니다. utterances utterances는 마크다운 형식을 댓글에서도 지원해주고 있기 때문에 조금 더 자유롭고 광범위하게 소통이 가능하다는 장점을 가지고 있습니다. 적용 방법 깃허브 repository 생성 우선 깃허브 홈페이지에서 로그인 후, 상단바의 + 아이콘을 클릭해 new repository 를 눌러줍니다. 생성창에서 Repository name을 tistoryComments로 정해줬고, Public를 선택 후 하단 Create repository를 클릭해 새로운 repos.. TIP/CSS & Tistory 2022. 6. 11.

• 

  2022 WWDC SwiftUI의 새로운 기능! [ iOS 16, Xcode 14 ] 본 게시글은 Anupam Chugh 님의 게시글을 번역 / 의역 한 자료 입니다. 목차 2022 WWDC 2022 WWDC 이벤트가 6월 7일 오전 2시에 시작했습니다. 이번 WWDC에서도 마찬가지로 SwiftUI 에 다양한 기능이 추가되었습니다. 새로운 NavigationStack, SwiftUI 전용 차트 라이브러리, 그리고 Grid layout 개선 등 많은 장점들이 추가되었습니다. 이제, iOS 16에서 SwiftUI의 4가지 새로운 기능에 대해 알아보도록 하겠습니다. 이 기능들은 iOS 앱의 프론트엔드 UI와 UX를 향상하는 데 주로 사용됩니다. 추가된 기능 Charts Charts는 완전히 새로운 SwiftUI 전용 프레임워크입니다. 이제 SwiftUI를 사용하여 data visualizati.. SWIFTUI/Others 2022. 6. 10.

• 

  (티스토리) 버튼 클릭 한 번으로 내가 원하는 위치 이동하는 방법 (플로팅버튼) 저번에 플로팅 버튼 생성하는 방법에 대해 알아보았는데, 이번에는 버튼 클릭 한 번으로 내가 원하는 위치로 이동하는 방법에 대해 알아볼까 합니다. 정말 간단해서 포스팅해야 될지 고민도 했지만, 모르시는 분들을 위해서 작성하니 참고 부탁드립니다 :) 만약 티스토리 스킨편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com 버튼 클릭 한 번으로 내가 원하는 위치 이동하는 방법 플로팅 버튼을 저번에 만들었으니 그것을 응용해볼까 합니다. 만약, 플로팅.. FRONT-END/JAVASCRIPT 2022. 3. 25.

• 

  누끼 따기 사이트 및 배경지우기 - 하얀색 테두리 삭제하는 방법 이번에는 사이트를 이용해서 누끼를 따고 배경을 지워서 얼굴만 투명 배경으로 저장하는 방법과, 포토샵을 이용해서 누끼를 따고 배경을 지우는 방법에 대해 알아보겠습니다. 또, 포토샵에서 누끼를 따면 검은 배경일 때, 하얀색 테두리가 남아있는 경우가 있는데 이 해결방법에 대해서도 알아보죠! 누끼 따기 사이트 및 배경 지우기 remove.gb 누끼를 따고 배경을 지우는 사이트는 다양합니다. 그런데 제가 자주 이용하는 사이트는 정말 간편하고 정확하게 사람 얼굴을 따줘서 제일 추천할 만한 사이트라고 생각이 됩니다. remove.gb라는 사이트는 아래와 같이 사용할 수 있습니다. 간단하게 이미지를 첨부하거나, 드래그 앤 드롭해서 업로드시켜줍니다. 그러면 자동으로 아래와 같이 복잡한 배경이라도 깔끔하게 배경을 지워주는.. ADOBE/Photoshop 2022. 3. 25.

• 

  프론트 앤드 개발자를 위한 크롬 확장 추천 기능! 세계 인구 중 약 65%가 크롬을 사용하는 것으로 알려져 있는데, 그만큼 개발들도 크롬을 선택해서 사용한다는 의미이기도 합니다. 그래서 오늘은 크롬을 많이 사용하는 개발자들이 유용하게 쓸 만한 크롬 확장 기능에 대해 소개해볼까 합니다. 참고로 크롬 확장 기능은 네이버 웨일 에서도 사용 가능합니다. 개발자를 위한 크롬 확장 추천 기능 CSSViewer (CSS 뷰어) 이 확장자는 커서로 마우스를 움직인 요소와 관련된 모든 CSS 스타일 속성을 보여줍니다. 글꼴, 색상, 포지셔닝 등 디테일이 모두 들어가있는 플로팅 패널입니다. 또, CSS를 쉽게 복사할 수 있도록 도와주는 크롬 확장 기능입니다. 내부 오픈소스는 GitHub https://github.com/miled/cssviewer 에서 확인할 수 있습니.. TIP/Etc Tip 2022. 3. 23.

• 

  (티스토리) 포스팅에 인라인 코드블럭(inline code block) 적용 방법 및 팁! 티스토리에서 블로깅을 하다 보면 다음과 같은 코드들을 볼 수 있는데, 이게 코드 블럭도 아니고 그렇다고 텍스트도 아닌 신기한 박스를 보신 적이 있으실 거예요. 이 박스가 바로 인라인 코드블럭(inline code block) 이라는 네이밍을 한 요소입니다. 오늘은 인라인 코드블럭을 티스토리에서 사용하는 방법에대해 알아보겠습니다. 인라인 코드블럭 사용방법 위와 같이 코드를 강조하는 방법인 인라인 코드블럭을 사용하기 위해서는 에디터의 기본모드가 아닌 마크다운 또는 HTML에서 사용해야만 합니다. 각각의 사용법과 편의성이 다르니 하나씩 알아보도록 하죠! HTML HTML 편집기에서는 원하는 텍스트 앞과 뒤에 와 로 감싸주면 인라인 코드블럭을 사용할 수 있습니다. inline codeblock 저는 주로 HTM.. TIP/CSS & Tistory 2022. 3. 22.

• 

  (티스토리)블로그에 소셜 SNS 댓글을 달아보자. - 디스커스(disqus) 블로그에 티스토리 댓글뿐만 아니라 소셜 SNS 댓글을 달아 댓글을 작성할 수 있는 선택지를 늘려줄 수 있습니다. 소셜댓글의 종류는 사실 다양한데, 지금 까지 사용해오면서 가장 만족하고 스킨에 디자인도 위화감 없는 디스커스(disqus)에 대해 알아볼까 합니다. 디스커스 설정 방법 디스커스(disqus)를 티스토리에 등록하기 위해서는 몇 가지 단계가 필요합니다. 회원가입 먼저, 디스커스 홈페이지에 들어가서 회원가입을 진행해주셔야 합니다. 메인 페이지에 GET STARTED라는 버튼을 눌러주세요. 그리고 구글, 페이스북, 트위터 등으로 아주 쉽게 회원가입이 가능합니다. 정보를 입력하면 아래와 같은 화면이 나오는데 여기서 I want to install Disqus on my site를 눌러주세요. 이제 본인.. TIP/CSS & Tistory 2022. 3. 22.

• 

  클릭가능한 요소에 따라 변하는 커서 만드는 방법 (mix-blend-mode) 이번에는 제 블로그에도 적용되어있는 기능인데, 클릭 가능한 요소에 마우스를 올리면 커서가 작아졌다가 커지면서 대비 효과를 가지는 커서를 적용하는 방법에 대해 알아보려고 합니다. 만약 티스토리 스킨 편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com 따라 하기 쉬우니 본문을 꼼꼼히 읽어주셔서 진행해주세요. 커서 변경 방법 프리뷰 진행하기 앞서 어떤 식으로 보이는지 미리보기를 통해 확인해보겠습니다. 클릭이 가능하지 않은 요소 에서 가능한 요소.. FRONT-END/JAVASCRIPT 2022. 3. 21.

• 

  (티스토리) 블로그 하단에 원하는 버튼 기능 만드는 방법! (플로팅 버튼) 이번에는 블로그 하단에 원하는 기능을 넣을 수 있는 버튼을 생성하는 방법에 대해 알아보도록 하겠습니다. 이 버튼은 최하단에 고정됩니다. 이곳에 홈버튼, 방명록 버튼, 최상단으로 이동, 카카오톡 1:1 채팅 바로가기 등.. 다양한 기능을 넣을 수 있습니다. 블로그에 플로팅 버튼 만드는 방법 이 기능을 사용하기 위해서는 약간의 스킨 변경 지식이 있어야 합니다. 만약 티스토리 스킨 편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com HTML 사.. FRONT-END/CSS 2022. 3. 20.

• 

  우크라이나 러시아 전쟁속보 러시아군 총 1만명 전사 3월 20일 속보 러시아, 사관생도까지 투입 중? 우크라이나군의 주장으로, 현재 러시아에서 사관생도까지 투입시키고 있다고 합니다. 사관생도란 장교가 되기 위해 교육을 받고 있는 사람을 뜻하는데, 쉽게 말해사관학교(육군사관학교, 해군사관학교, 공군사관학교, 육군3사관학교, 국군간호사관학교)에 재학하는 사람들입니다. 그렇다는 것은 러시아군이 극심한 인적 자원 부족에 시달리고 있는 것으로 보입니다. 전쟁 초반부부터 공수부대 및 스페츠나츠와 같은 최정예 병력을 경보병으로 써버리는 악수를 두었기 때문에 이 정예병력들이 전무한 상황입니다. 러시아군 130명이 항명을 하다 러시아의 제20 소총 병사단에서 러시아군 130명이 항명을 하는 사태가 벌어졌다고 합니다. 현재 러시아군이 파병을 보낸 지역에 다시 병력을 귀환시.. ISSUE/Info 2022. 3. 20.

• 

  (티스토리) 모든 포스팅 아래에 인스타 피드 고정 및 사이즈 조절 방법 (인스타 공유) 오늘은 티스토리의 모든 본문(포스팅) 아래에 인스타 피드를 고정시키는 방법에 대해 알아보고, 중앙 정렬과 가로 사이즈 조절하는 방법까지 알아보도록 하겠습니다. 만약 티스토리 스킨 편집에 대한 기초 지식이 없으시다면 아래 글을 먼저 읽고 와주세요! (티스토리) 스킨 편집 기초 상식 안녕하세요. 제 블로그에는 티스토리에서 스킨을 적용하기 위해 다양한 포스팅이 존재합니다. 이번에는 티스토리에서 어떻게 스킨을 어떻게 편집하는지 아주 간단하게 알아보려고 합니다. 스 seons-dev.tistory.com 인스타그램 피드 모든 게시글 고정 방법 사전 작업 먼저 티스토리 스킨 편집에서 본문 치환자를 찾아줘야 합니다. 본문 아래에 인스타 피드를 추가하기 위해서이겠죠?! HTML에서 Ctrl + F로 를 검색하면 바로 .. TIP/CSS & Tistory 2022. 3. 20.