나만을 위한 블로그

https://reactnative.dev/docs/view View · React NativeThe most fundamental component for building a UI, View is a container that supports layout with flexbox, style, some touch handling, and accessibility controls. View maps directly to the native view equivalent on whatever platform React Native is running oreactnative.devUI를 구축하는 가장 기본 컴포넌트. View는 flexbox, style, 일부 터치와 접근성 컨트롤을 갖춘 레이아웃을 지원하는 컨..

react native cli로 프로젝트를 만들고 ios 에뮬레이터로 실행하니 이 에러가 발생했다.해결법은 아래 순서대로 진행한다. 프로젝트 안에서 cd ios를 실행해 ios 폴더로 이동pod install 실행pod 설치가 끝나면 cd ..를 실행해 이전 폴더(=루트)로 이동react-native run-ios 명령어로 실행 몇 분 뒤 정상적으로 ios 에뮬레이터에 프로젝트가 설치된 후 실행까지 완료됐다. 참고한 사이트) https://stackoverflow.com/a/57286808

윈도우 환경에서의 설치법은 다른 설치글이나 아래 링크를 참고한다. https://onlyfor-me-blog.tistory.com/401 [React-Native] 윈도우에서 vs code에 리액트 네이티브 개발 환경 설정하는 법 (2022 ver)수정 내역) 2022.04.13 - 오랜만에 해봤는데 에러 발생해서 구글링으로 해결함. 에뮬레이터와 실기기에서 작동하는 것 확인 후 올림 이 글은 윈도우 기준으로 작성됐으니 주의하자. 이 포스팅을 진onlyfor-me-blog.tistory.com 맥북에 리액트 네이티브 환경을 처음부터 설정한다면 설치해야 하는 것들은 아래와 같다. Node.jsnpmyarnjavacocoapods안드로이드 스튜디오 + XCode 하나씩 설치해 보자. 먼저 아래의 깃허브 링크로..

그저께부터 어제까지인 05.17~18 동안 해커톤을 진행했다. 이 글도 해커톤이 끝난 뒤에 쓰려고 했지만 집에 와서 폭면해버려서 하루 지나서야 쓴다.아래는 해커톤 시상식 전에 카톡으로 전달받은 해커톤 수료증과 배지다. 입장 1시 반까지 공덕 프론트원 건물의 해커톤 장소로 들어가야 했다.흡연자라 근처에 담배 필 곳이 있나 걱정했는데 공덕역 4번 출구 나오자마자 오른쪽에 흡연구역이 있어서 아주 기뻤다. 건물 나와서 2분 거리인 것도 아주 좋았다. 스타벅스도 건물 바로 옆에 있어서 텀블러로 쓸 컵을 얻기 위해 커피를 하나 사서 들어갔다.입장할 땐 사전에 공지방으로 전달받은 QR 코드를 입구에서 스캔해야 문이 열리는 구조였다. 5층으로 이동한 후 빠르게 정수기와 쓰레기통, 화장실 위치를 스캔한 후 무엇보다 중요..

FlowLayout은 아래와 같은 화면을 말한다. 컴포즈를 쓴다면 FlowRow, FlowColumn을 써서 이런 UI를 구현할 수 있다.XML에선 ChipGroup과 Chip을 쓰거나 라이브러리를 쓰면 구현할 수 있지만 다른 방법으로도 구현할 수 있다.아래는 예시 코드를 완성한 후 폴드 에뮬레이터를 펼쳐서 확인한 UI다. 아래는 접힌 폴드 에뮬레이터에서 확인한 화면이다. UI를 보면 알겠지만 리사이클러뷰를 사용했다. 리사이클러뷰에 사용한 data class부터 확인한다. data class UserReview( val id: Int, val title: String, val content: String, val date: String, val positiveFeedbac..

시작은 같이 일하던 동료 iOS 개발자에게 CMC에 참가해 보는 게 어떻겠냐고 권유받은 것이다.지금까지 다니던 회사 사람들과만 의사소통하고, 스터디는 성향상 싫어해서 해 본 적이 없는 데다 극한의 I라서 처음엔 지원을 망설였지만 안 되더라도 불이익은 없었기 때문에 되면 땡큐, 안 되면 아쉬운 것뿐이란 생각으로 지원했다. 이력서 평소 자주 사용하는 사이트인 원티드 이력서 폼으로 다운받아서 냈다. 이직 준비도 아닌데 이력서를 수정하자니 싱숭생숭했다.내 이력서로 통과가 될까 셀 수 없이 고민했다. 하지만 역시 되면 땡큐 안 되면 아쉬운 거지 생각하면서 최근 작업 내역들을 업데이트하고 이력서 내 문장들을 수정해서 바로 냈다. 합격 문자 이후 회사 일에 치여살던 중 문자를 받았다. 구글 폼 링크를 받아서 간단한..

액티비티, 프래그먼트가 생명주기를 갖고 있듯이 뷰도 생명주기를 갖고 있다.이게 중요할까? 당연히 중요하다. 하나의 UI를 만들기 위해 여러 커스텀 뷰를 추가하거나 리사이클러뷰 어댑터로 뷰를 인플레이트할 때 특정 경우엔 뷰를 동적으로 수정해서 고쳐 그려야 하는 경우가 생길 수 있다. 이 때 뷰의 생명주기를 활용해서 로직을 짜야 하는 경우가 생길 수 있다.뷰의 생명주기는 크게 아래와 같다. 오른쪽이 뷰의 생명주기고 왼쪽의 액티비티 생명주기에 따른 호출 단계가 포함된 그림이다. 혹시 몰라 말해두지만 onPause 이전에 onMeasure, measure()가 있다고 해서 두 함수가 onPause 전에 호출된다는 뜻은 아니다. 뷰의 생명주기는 유저에게 보여지는 Visible to User를 제외하면 크게 10..

이 포스팅에선 안드로이드에서 간단한 브릿지 통신으로 웹뷰와 통신하는 방법을 확인한다.시작 전에 난 프론트엔드 분야는 몰라서 html 파일은 안드로이드 프로젝트의 assets 폴더에 inner html 파일을 만들어 사용했고 html 내용은 클로드를 참고해서 작성했음을 미리 써 둔다.먼저 매니페스트에 인터넷 권한을 추가한다. 이건 필수다. index.html은 아래처럼 구성한다. 안드로이드 웹뷰 브릿지 테스트안드로이드 함수 호출JSON 데이터 전송결과가 여기에 표시됩니다 이 파일을 작성하면 에디터 화면 오른쪽 위에 아래와 같은 아이콘들이 보일 것이다. 안 보인다면 에디터 화면을 클릭하거나 마우스를 움직이면 나올 것이다. 브라우저를 선택하면 이런 화면이 나온다. 이제 액티비티의 기본 틀을 구성한다. 웹..

코루틴을 구현할 때 launch, async, withContext를 사용할 수 있다. 이 때 코루틴 디스패처(이하 디스패처)를 써서 코루틴이 어떤 쓰레드 풀에서 작동하게 할 지를 정할 수 있다.아래는 코틀린 공식문서 중 디스패처를 설명하는 문서다. https://kotlinlang.org/docs/coroutine-context-and-dispatchers.html Coroutine context and dispatchers | Kotlin kotlinlang.org코루틴은 항상 코틀린 표준 라이브러리에 정의된 코루틴 컨텍스트 타입의 값으로 표시되는 컨텍스트에서 실행된다코루틴 컨텍스트는 여러 요소의 집합이다. 주요 요소는 코루틴의 Job, 디스패처다코루틴 컨텍스트에는 해당 코루틴이 실행에 사용하는 쓰레..