'state' 태그의 글 목록

state (2)

[ 리액트 ] React 문자열 클립보드 복사하기

Coding/리액트 코딩 알고리즘 2021. 2. 20. 11:42

소개 일반적으로 웹사이트에서 클립보드 (Copy to Clipboard)에 복사하는 기능을 제공합니다. 그래서 사용자는 그들의 로컬 시스템이나 브라우저 외부에서 콘텐츠를 복사와 붙여 넣기를 할 수 있습니다. 리액트에서는 document.execCommand("copy") 메서드를 이용해서 구현할 수 있습니다. 이 강좌는 태그의 값을 버튼을 이용해 사용자가 어떻게 클립보드에 복사하는지 알아봅니다. 그리고 텍스트가 클립보드에 복사되면 성공 알림 텍스트 박스를 노출시키는 방법을 알아봅니다. 그럼 시작해 보겠습니다. 목차 클립보드에 input 값 복사하기 성공 메시지 노출 npm 라이브러리 이용해서 복사하기 클립보드에 input 값 복사하기 이 예제는 리액트 코드로 작성되었고 input의 텍스트 값을 버튼을 통..

[ Swift UI 강좌 ] 3. 스위프트 iOS - @State 속성 @Binding 속성

Coding/스위프트 UI 코딩 알고리즘 2021. 2. 5. 17:31

스위프트 UI 에서 @State와 @Binding 이라는 어노테이션이 있습니다. 아직 정확히 이해한 것은 아니지만 Rx의 바인딩과 비슷한 것 같습니다. 일단 화면을 구성해서 어떻게 사용하는지를 정리하고 나중에 해당 속성에 대해서 따로 포스팅 하겠습니다. 이번 프로젝트 예제는 iOS 앱을 보고 macOS 에서도 구현이 가능할 수도 있겠다고 생각해서 해봤는데 역시 잘 됩니다. 스위프트 UI 좋네요. 아무튼 정리하는 차원에서 간단한 예제를 만들어 보겠습니다. ▼ 1. 프로젝트를 생성합니다. State And Binding 이라고 선택해서 만듭니다. iPhone 앱이든 mac 앱이든 상관 없습니다. 저는 mac 용앱으로 만들겠습니다. ▼ 2. mood 라는 enum 값을 생성합니다. happy, sad, ups..

1

Copyright © TAP 소프트 All Rights Reserved

Designed by JB FACTORY

티스토리툴바