Develop

[React Native]0.66.2에서 0.72로 버전 업그레이드 - 2(에러 해결하기)

React Native 버전 업그레이드 시 기존에 사용하던 라이브러리의 conflict 그 외 여러 설정 파일 변경으로 에러가 많이 발생했다.에러가 발생했을 때 해당 에러의 원인을 최대한 이해한 뒤에 해결 방법을 적용하려고 노력했다.  에러No visible @interface for 'RCTBundleURLProvider' declares the selector 'jsBundleURLForBundleRoot:fallbackResource:' 원인jsBundleURLForBundle Root 가 버전이 올라가면서 사라짐 해결에러가 나는 코드 아래와 같이 변경return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];에러..

[React Native]0.66.2에서 0.72로 버전 업그레이드 - 1 (업그레이드 하기)

React natvie는 React보다 버전 업그레이드가 더 까다로웠던 것 같다. React native 버전을 올리면서 발생했던 라이브러리 버전 conflict가 생각보다 많았다.라이브러리 버전을 업그레이드 한지는 조금 시간이 지났지만 추후에 같은 어려움을 반복해서 경험하지 않기 위해 기록하려고 한다. 1. 업데이트 파일 확인하기React natvie 버전을 업그레이드하기 위해서는 변경되는 파일들을 일차적으로 확인하면 좋다.현재 사용하는 버전과 변경하고자 하는 버전을 입력하면 업데이트되는 파일들을 한눈에 비교해 볼 수 있었다.https://react-native-community.github.io/upgrade-helper/ Upgrade React Native applications react-nat..

[웹소켓] 웹소켓(Websocket) 이해하기 (웹소켓이란? / Rest vs Websocket)

안녕하세요 징키입니다 :) 오늘은 웹소켓 사용하기 시리즈 중 첫 번째인 웹소켓에 대한 이해를 공유하려고 합니다. WebSocket이란? 웹소켓은 지속적인 연결을 통해 브라우저와 서버 사이의 데이터를 교환하는 연결 방식이다. 웹소켓은 처음 연결 시 HTTP 통신을 통해 handshake*를 하게 된다. 패킷의 형태로 양방향 데이터 전달이 추가적인 HTTP 요청 없이 가능하다. 웹소켓은 실시간 데이터 교환이 이루어져야 하는 채팅, 온라인 게임이나 주식 거래 시스템과 같은 서비스에 유용하다. Handshake Websocket과 HTTP HTTP와 Websocket을 비교하는 것이 맞을까요? Websocket을 검색하면 HTTP와 Websocket을 비교하는 글이 많이 볼 수 있습니다. 그래서! 이 둘을 비교..

React로 라이브러리없이 TTS(Text To Speech) 기능 구현하기

에러 메시지를 유저에게 음성으로 전달하는 기능이 필요했습니다. 카카오에서 제공하는 API를 이용하면 더 자연스러운 음성을 사용할 수 있지만, 유료인 관계로 Web Speech API의 interface를 사용하여 음성 변환 함수를 개발했습니다. Web Speech API는 SpeechSynthesis (텍스트 -음성변환) 과 SpeechRecognition (비동기 스피치 인식)이 있습니다. 그 중 speechSynthesis, SpeechSynthesisUtterance 두 가지 interface를 이용하여 음성 인식을 개발했습니다. 이 두가지 interface에서 개발에 사용한 메서드와 프로퍼티를 먼저 설명하겠습니다. SpeechSynthesis 컨트롤러 역할을 하는 interface입니다. 디바이스..