자바스크립트: 클립보드에 복사하기 기능 만들기
버튼을 누르면 <textarea> 등의 요소 내에 있는 텍스트를 시스템의 클립보드로 복사하는 기능입니다. 먼저 아래 함수를 추가합니다. function copyToClipboard(text) { var t = document.createElement("textarea"); document.body.appendChild(t)...
버튼을 누르면 <textarea> 등의 요소 내에 있는 텍스트를 시스템의 클립보드로 복사하는 기능입니다. 먼저 아래 함수를 추가합니다. function copyToClipboard(text) { var t = document.createElement("textarea"); document.body.appendChild(t)...
글래스모피즘이란? https://glassmorphism.com/ 요즘 새롭게 부상할 디자인 트렌드로 글래스모피즘이 부상할 것이라는 이야기가 나오고 있습니다. 글래스모피즘 디자인은 표면이 반투명 유리 재질의 표면을 통해 배경이 흐릿하게 나오는 디자인 철학을 뜻합니다. 이미 macOS의 빅 서 (Big Sur)에서 전반적으로 새롭게 글래스모피즘 디...
타이머는 반복 작업 생성부터 지연 작업 예약까지 Swift에서 매우 편리하게 이용할 수 있습니다. 이 튜토리얼은 Swift에서 타이머를 만드는 방법을 설명합니다. Timer 클래스를 설명하기 이전에, NSTimer라고 알려진 클래스를 사용하여 타이머를 추가하는 방법에 대해 설명합니다. 반복 및 비반복 타이머, RunLoop 사용, 타이머 추적, 에너...
저장소 https://github.com/ayaysir/saga-board-1 사용 기술 ReactJS React Hooks API Axios ES6+ JavaScript HTML CSS React-Redux Redux-Saga 주요 기능 외부 API를 통한 CRUD 기능 이미지 파일 전송 및...
컬렉션 뷰란? 컬렉션 뷰(Collection View)란 위의 그림에서 볼 수 있듯이 테이블처럼 일정한 가로 세로 개수를 가진 목록 오브젝트를 뜻합니다. 이 테이블 뷰를 생성하는 방법을 스위프트(Swift), UIKit 스토리보드(Storyboard) 기준으로 알아보겠습니다. 컬렉션 뷰 만들기 1) 컬렉션 뷰(Collection View) 오...
목표 “제출(submit)” 버튼(button)과 “취소(cancel)” 앵커(a)가 있는 폼이 있습니다. HTML은 다음과 같습니다. <input type="submit" value="Submit" /> <a href="some_url">Cancel</a> 이 두 태그의 스타일이 똑같이 보이게 하려면 어떻게 해...
스위프트에서 숫자를 세자리수 단위로 끊은 뒤 콤마를 넣고 싶다면 아래 코드를 함수로 만들어 사용하면 됩니다. func numberFormatter(number: Int) -> String { let numberFormatter = NumberFormatter() numberFormatter.numberStyle = .decimal...
iOS 프로그래밍: 테이블 뷰 (Swift, 스토리보드) 1 - 테이블 뷰 추가 커스텀 셀이란? 커스텀 셀이란 Xcode에서 일반적으로 제공하는 테이블 셀이 아닌 사용자가 직접 새로운 형태의 셀을 만들어 테이블 뷰에 적용하는 것을 뜻합니다. 커스텀 셀 추가하기 1) 커스텀 셀 오브젝트 배치 먼저, 메인 스토리보드에서 테이블 뷰의 셀 크기를 충...
테이블 뷰란? iOS 프로그래밍에서 테이블 뷰(Table View)란 위의 그림처럼 목록이 있고 그 목록을 클릭할 수 있는 구성요소를 말합니다. 이 테이블 뷰를 생성하는 방법을 스위프트(Swift), UIKit 스토리보드(Storyboard) 기준으로 알아보겠습니다. 테이블 뷰 추가 방법 1) 테이블 뷰(Table View) 오브젝트 추가...
제너레이터 함수 선언 방법 제너레이터 함수(generator function)는 여러 값을 시간차를 두고 반환할 수 있는 함수의 한 형태입니다. 일반 함수와 달리 function* 키워드를 사용하여 선언합니다. 예를 들어 1부터 3까지 시간차를 두고 반환하는 제너레이터 함수는 다음과 같습니다. function* generator1() { yi...