모리스의 개발 노트

안녕하세요. 모리스입니다.😀 회사에서 webView의 특정 버튼을 누르면 앱 UI의 변화를 줘야하는 기능을 구현해야 했다.그중 생각한 것이 webView의 특정 버튼을 눌렀을 때, 이벤트를 받아와 처리해주면 되겠다는 생각을 했다.그래서 프론트개발자에게 버튼을 누르면 이벤트를 앱으로 보내주는 방법을 설명해 해당 함수를 작성해 달라고 요청했고, 나는 front에서 보낸 메시지를 받는 방법을 구현했다.이번 노트에서는 WKWebView가 javascript의 함수를 호출해 메시지를 받아오는 방법에 대해 작성해 보려한다.웹에서 앱으로 보내는 방법 또한 기술하면 좋겠지만.. 아직 front기술에 무지한 터라 앱에서 이벤트를 받는 방법에 대해서만 기술하려한다. 추후 스택이 더 쌓이면 추가 포스트 해보겠다.impor..

안녕하세요. 모리스입니다.😊이번 포스트도 지난 포스트에 이어서 TS에 관한 포스트 입니다.타입스크립트의 기본 타입에 대해서 알아볼게요! 타입스크립트 공부 극초반에 작성한거라 너무 기본적인 내용이긴하네요.ㅎㅎ그럼 시작해보겠습니다.📌 기본 타입타입스크립트는 자바스크립트와 거의 동일한 데이터 타입을 지원하며, 열거 타입(enum)을 통해 더 편리하게 사용할 수 있어요.기술 노트인 만큼, 어느 정도 타입에 대한 지식이 있다고 가정하고 다른 언어들과 공통되는 타입은 간단히 넘어가려고 해요.📒 Booleanboolean 타입은 true 또는 false 값을 나타내는 타입이에요.let isDone: boolean = false;📒 Number타입스크립트의 모든 숫자는 부동 소수점 값이에요. number 타입으..

안녕하세요. 모리스입니다.😊이번 포스트는 제가 아주 뜨끈뜨끈한 신입일 때 JavaScript로 RN을 시작했고, 그 후 프로젝트를 TypeScript로 리펙토링을 하면서 스터디한 내용을 작성해 볼까 합니다.Velog 저~~기 깊숙한 곳에 박혀있던걸 이번에 티스토리로 이사하면서 꺼내보네요.ㅎㅎ 자 그럼 시작해 보겠습니다:)📌 TypeScript란?TypeScript는 JavaScript를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어예요. TypeScript의 특징은 다음과 같아요:컴파일 언어, 정적 타입 언어📍 JS는 동적 타입의 인터프리터 언어로, 오류를 런타임에서야 발견할 수 있어요. 반면 TS는 정적 타입의 컴파일 언어로, 타입스크립트 컴파일러 또는 바벨(Babel)을 통해 JS 코드로 변..

안녕하세요. 모리스입니다.🙂이번 포스트에서는 지난 포스트에 이어서 React의 Hook API에 대해서 작성해볼게요. React의 Hook API를 사용해 프로젝트를 진행하면서, 가장 기본적이면서 많이 사용하는 세 가지useState, useEffect, useContext에 대해서 알아볼게요! ✅ useState컴포넌트 내부에서 상태값(state) 을 유지할 수 있게 해주는 가장 기본적인 Hook이예요.📌 주요 개념useState는 상태값과 해당 상태를 갱신할 수 있는 함수를 반환해요.컴포넌트가 처음 렌더링될 때, 반환된 state는 전달한 initialState 값으로 초기화 돼요.const [state, setState] = useState(initialState);💡 쉽게 말하면 위 코드에서..

안녕하세요. 모리스입니다.😃React Native 앱을 개발하면서 예전에 학습했던 React Hook에 대해서 다시 정리해 볼까 해요. 저는 지금은 iOS Native를 개발하고 있지만 실무에서 처음 개발을 접한 건 RN이였어요.Native를 하면서 느끼는 거지만 React는 정말 정말 정말 잘 만든 프레임워크라는게 뼈저리게 느껴지네요..아마 시작을 RN이나 Flutter로 시작하신 개발자 분들은 느끼실 거 같아요.. Native는  하나부터 열까지 내가 구현해야 하지만..cross platform들은 정말 많은걸 컴포넌트화 해서 제공해 주는구나.. 정말 편하구나..라는 걸요..😂 아무튼 이상한 소리 그만하고 이번 포스트 주제인 React Hook API에 대해서 알아볼까요?🔗 Hook이란?Reac..