ios-wanted-K-Keyboard

팀원 소개

Eddy(권준상)	Mango(강민교)
Extension Keyboard	첫번째 화면 UI 코드 구현
한글 오토마타	리팩토링

📁 폴더 구조

Application

• AppDelegate, SceneDelegate, Info.plist 등

Source

• Extensions: Extension 모음
• Feature : 기능 구현

Feature

• BuyKeyboard: 첫 번째 화면 관련 모음
• Keyboard: 커스텀 키보드 화면 관련 모음

Resource

• Assets: Color, 디자인에 필요한 이미지

KKeyboard

• Extension Keyboard 관련 파일

📱 구현 화면

첫 번째 화면

두 번째 화면

세 번째 화면

🛠 기능 구현 방식

💁‍♀️ 테마 정보 페이지 구현

ViewController

화면구성

• ScrollView

  • 전체적인 화면 구성
    • TagView
    • keywordView
    • emojiView
    • BannerView
    • TableView
      • 작성된 댓글 보여주기

• Toolbar

  • 구매하기 툴바
    • 젬 개수 보여주기
    • 구매하기 버튼 누르면 PopUpView로 이동
  • 댓글작성 툴바
    • 상품 구매 후 리뷰 작성 가능
    • 빈 댓글 등록 불가능
    • 20글자 이상 작성불가능
    • 댓글을 쓰고 등록을 누르면 TableView에 추가

PopUpViewController

화면구성

• PopUpView
  • 충전하고 바로 사용하기 버튼
    • MainView의 툴바가 댓글 작성 툴바로 변경

이슈

• backgroundView와 popupView를 분리하지 않아 popupView도 투명해짐
• iOS 최소버전을 나중에 맞춰 에러가 발생함

🧾 한글 오토마타 구현

• KoreanAutomata : 입력로직, 삭제로직 구현
• KeyboardView : 키보드 레이아웃
• KeyButton : 키보드의 각 버튼
• KeyboardState: 키보드의 상태 정의

입력 로직

• 5개의 상태로 나누어 구현하였습니다.

1) Start : Space 키 입력한 상태 or 처음
입력된 글자가 자음
- firstConsonantOnly 상태, 입력한 글자 추가

입력된 글자가 모음
- vowelOnly 상태, 입력한 글자 추가

---------------------------------------

2) FirstConsonantOnly : 초성만 있는 상태
입력된 글자가 자음 (자음 + 자음 == 된소리자음)
- 글자가 (ㅂ, ㅈ, ㄷ, ㄱ, ㅅ) 중 하나이고 그 전 값과 같을 경우, 된소리로 변환
- firstConsonantOnly 상태, 전 글자 삭제 후 된소리 글자 추가

입력된 글자가 자음 (자음 + 자음 != 된소리 자음)
- 영어처럼 분리
- firstConsonantOnly 상태, 입력한 글자 추가

입력된 글자가 모음 (자음 + 모음)
- 전 값은 초성이기 때문에 함께 합쳐 글자가 만들어진다.
- consonantPlusVowel 상태, 전 글자 삭제 후 생성된 글자 추가

---------------------------------------

3) VowelOnly : 모음만 있는 상태
입력된 글자가 자음 (모음 + 자음)
- 영어처럼 분리
- firstConsonantOnly 상태, 입력한 글자 추가

입력된 글자가 모음 (모음 + 모음 == 이중 모음)
- 두 개의 모음을 합쳐 글자를 생성한다.
- vowelOnly 상태, 전 글자 삭제 후 입력한 글자 추가

입력된 글자가 모음 (모음 + 모음 != 이중 모음)
- 영어처럼 분리
- vowelOnly 상태, 입력한 글자 추가

---------------------------------------

4) ConsonantPlusVowel : 자음 + 모음인 상태
입력된 글자가 자음 (자음 + 모음 + 자음)
- 입력된 글자는 종성이기 때문에 함께 합쳐 글자를 생성한다.
- finalConsonant 상태, 전 글자 삭제 후 생성된 글자 추가

입력된 글자가 모음 (자음 + 모음 + 모음 && 모음 + 모음 == 이중모음)
- 두 개의 모음이 합쳐지는 이중 모음이라면 함께 합쳐 글자를 생성한다.
- consonantPlusVowel 상태, 전 글자 삭제 후 생성된 글자 추가

입력된 글자가 모음 (자음 + 모음 + 모음 && 모음 + 모음 != 이중 모음)
- 영어처럼 분리
- vowelOnly 상태, 입력된 글자 추가

---------------------------------------

5) FinalConsonant : 자음 + 모음 + 자음인 상태
입력된 글자가 자음 (자음 + 모음 + 자음 + 자음 && 자음 + 자음 == 이중 종성)
- 두 개의 자음이 합쳐지는 이중 종성이라면 함께 합쳐 글자를 생성한다.
- finalConsonant 상태, 전 글자 삭제 후 생성된 글자 추가

입력된 글자가 자음 (자음 + 모음 + 자음 + 자음 && 자음 + 자음 != 이중 종성)
- 영어처럼 분리
- firstConsonantOnly 상태, 입력된 글자 추가

입력된 글자가 모음 (자음 + 모음 + 자음 + 모음)
- 두 글자로 분리됨, 종성과 입력된 중성이 만나 (초성 + 중성)의 형태로 합성됨
- consonantPlusVowel 상태, 전 글자 삭제 후 분리된 두 글자를 추가

삭제 로직

1) Start
- 지우고 나서 상태를 모름

---------------------------------------

2) FirstConsonantOnly
지운 단어가 된소리 자음
- firstConsonantOnly 상태, 된소리 전 자음 추가

지운 단어가 그냥 자음
- 지우고 나서 상태를 모름

---------------------------------------

3) VowelOnly
지운 단어가 이중 모음
- vowelOnly 상태, 이중 모음 중 마지막 모음 삭제

지운 단어가 그냥 모음
- 지우고 나서 상태를 모름

---------------------------------------

4) ConsonantPlusVowel
지운 단어가 이중 모음
- ConsonantPlusVowel 상태, 이중 모음 중 마지막 모음 삭제

지운 단어가 그냥 모음
- firstConsonantOnly 상태, 모음만 삭제

---------------------------------------

5) FinalConsonant
지운 단어가 그냥 종성
- ConsonantPlusVowel 상태, 마지막 종성만 제거

지운 단어가 이중 종성
- FinalConsonant 상태, 이중 종성 중 마지막 종성 삭제

---------------------------------------

6) 지우고 나서 상태를 모르는 경우 : deleteInUnpredictableState()
-> 직접 마지막 문자를 분석하여 상태를 알아낸다

🗣 자주 쓰는 말 입력 구현

• KeyboardAccessoryView : 키보드 위 툴바 View

• OftenUsedView : 자주 쓰는 말 View, TableView로 UI 구현

• OftenUsedCell : TableView의 Cell

• 키보드 위 툴바를 통해서 모드를 변경할 수 있음

🩳 단축 키 구현

• ShortenView : 단축키 View

• Delegate 패턴을 통해서 tapGesture, longPressGesture를 등록 후, 상황에 따라 다르게 구현

• 버튼을 클릭하면 가장 앞의 단축키로 보이게 구현

📼 실행 영상

2022-10-08.3.53.07.mov