하루y

SwiftUI 참조 사이트

## A. Swift

1. Swift 영어

  - https://docs.swift.org/swift-book/documentation/the-swift-programming-language/

  - https://www.swift.org/documentation/

  - Getting Started : https://www.swift.org/getting-started/ 

  -  Swift 표준 라이브러리 : https://developer.apple.com/documentation/swift/swift-standard-library

  -  Xcode > Windows > Developer Documentation (shift + command + O)

2. Swift 한글: https://bbiguduk.gitbook.io/swift/

## B. SwiftUI

1. SwiftUI Recipes : https://swiftuirecipes.com/
- 다양한 코드 샘플

2. apple 에서 제공하는 다양한 케이스의 샘플앱

https://developer.apple.com/tutorials/sample-apps/

3. SwiftUI Recipe - On Line Cookbook: https://swiftuirecipes.com/companion
- 목록형식으로 다양한 케이스를 검색해서 코드 예제를 볼 수 있음.
- SwiftUI Recipes App - appstore : https://apps.apple.com/kr/app/swiftui-recipes/id1579235956?mt=12

## D. App Design

1. Adobe XD - 유료/구독제

  - Flutter 겨우, 소스 생성 plug-in 지원

2. Sketch - 유료/구독제

3. pencil - (mac전용) 무료  https://pencil.evolus.vn/

  - built-in shape, clip art 제공, link 기능.

end.

1. Add ons 설치

   메뉴 > 도구 > 확장 프로그램 메뉴를 선택하고,

   [확장 프로그램 가져오기...] 버튼을 선택해서, 팝업에 코드를 등록해서 아래 확장 프로그램을 설치한다.

   ps. 유사한 기능을 추가하면 기존 add-on은 비활성화 됩니다.

2. 쓸만한 Add ons

1) AwesomeTTS - Add speech to your flashcards (코드: 1436550454 ) : https://ankiweb.net/shared/info/1436550454

     - 언어에 대해서 TTS를 지원하는 기능을 한다.

     - 여러 언어를 지원하고, 지원 tts는 google이나 Microsoft Azure 가 단어와 문장을 모두 지원하고 발음도 좋은 편입니다.

     - 첫 화면에는 간단하게 텍스트를 입력하고, 발음을 들어수도 있습니다.

2) Review Heatmap (코드: 1771074083 ) : https://ankiweb.net/shared/info/1771074083

     - 첫화면에서 학습을 시각화 하여 보여줍니다.

3) Button Colours (코드: 2494384865) : https://ankiweb.net/shared/info/2494384865

   - 답변 버튼 Text 색상을 지원합니다.

4) The KING of Button (코드: 374005964 ) : https://ankiweb.net/shared/info/374005964

   - 답변 버튼을 크게하고, Text 또는 배경 색상을 지원합니다. 버튼 크기도 조정이 가능합니다.

end.

카드 뒷면 서식 샘플입니다.

재생할 단어를 WordForSearch 필드로 한다면,

1. TTS 추가

2. 대사예문 사이트 연결

 - https://www.playphrase.me

 - https://getyarn.io

{{FrontSide}}

<hr id=answer>

{{Back}}

<p/>
<p/>
 

<p>
{{tts en_US voices=AwesomeTTS:WordForSearch}}
<div style='font-family: "Arial"; font-size: 20px;'>{{WordForSearch}}</div>
</p>


<script type="text/javascript"> 
function moveUrlDic1(word){
   var url = "http://endic.naver.com/search.nhn?sLn=kr&isOnlyViewEE=N&query=" + word;
   window.open(url, "w_dic1");
}

function moveUrlExample1(word){
   var url = "https://en.dict.naver.com/#/search?range=example&query=" + word;
   window.open(url, "w_example1");
}

function moveUrlExample2(word){
   var url = "https://www.playphrase.me/#/search?q=" + word + "&pos=0&x=" + (new Date()).getTime();
   window.open(url, "w_example2");
}

function moveUrlExample3(word){
   var url = "https://getyarn.io/yarn-find?text=" + word + "&p=2&x=" + (new Date()).getTime();
   window.open(url, "w_example3");
}
</script>

<p>
<button onClick="moveUrlDic1('{{WordForSearch}}')">
네이버 사전
</button>
<br>

<button onClick="moveUrlExample1('{{WordForSearch}}')">
네이버 예문
</button>
<br>

<button onClick="moveUrlExample2('{{WordForSearch}}')">
대사예문 (playphrase.com))
</button>
<br>

<button onClick="moveUrlExample3('{{WordForSearch}}')">
대사예문 (getyarn.io)
</button>
<br>
</p>

 

end.