인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
로드맵 썸네일

인프랩 모바일 개발 파트 신규 합류자를 위한 로드맵

작성자 프로필 이미지

인프런 준프

네트워크
TypeScript
INFCON

입문 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

8명 참여중

로드맵 코스

시간이 지나면서 바뀔 수도 있습니다 🌟

인프랩 모바일셀에선 더 많은 사용자들이 인프런에 조금 더 쉽게 접근하고, 더 많은 배움을 얻어갈 수 있도록 항상 고민하고 있습니다.


목적

이 로드맵은 모바일 엔지니어로 합류하기 전 알아두면 좋은 글, 강의 등을 포함하고 있습니다.

현재 모바일셀에서 함께 제품을 만들 때 알고 있으면 좋은 내용을 포함하고 있으니, 합류 전 어떤 기술을 다루고 어떻게 일을 하는지 파악하기 위해 참고해주세요 🤩


세부 설명


일하는 방법 (필수)

인프랩 엔지니어는 어떤 가치관을 갖고 일하려고 하는지 미리 알아둔다면, 함께 제품을 만드는 데 같은 방향을 바라보며 더 좋은 성과를 낼 수 있을 것 입니다. 또한 이러한 가치관은 제품을 만들면서 이루어지는 많은 결정을 어떤식으로 해야할지 근거를 제시합니다.


인프콘 2023: 어느 날 고민 많은 주니어 개발자가 찾아왔다 2탄: 주니어 시절 성장과 고민들 - 김영한

랠릿과 인프런 모바일, 특히 인프런의 경우 가장 복잡한 비지니스 중 하나인 강의를 다루고 있습니다. 그렇기 때문에 실무를 하기 위해 코드를 보면 가장 먼저 막막함을 경험할 수 있습니다. 그래서 코드를 바로 살펴보기 보다 인프런의 강의가 어떻게 운영되는지 비지니스를 먼저 이해하고 코드를 이해하는 게 많은 도움이 될 수 있습니다. 이 강의에서 영한님은 조직에서 적응하려면 무엇이 중요한지 설명하고 있습니다. 이 가이드를 참고하여 인프랩에 적응하는 데 도움이 되리라 생각합니다.


React Native Modules & UI Components

인프랩 모바일셀은 React Native를 사용해 앱을 만들고 있습니다. 특히 몇몇 구성요소는 직접 Native 코드를 다루고 있습니다. 그렇기 때문에 React Native와 Native가 어떻게 상호작용하는지 알아두는 건 많은 도움이 됩니다. 이 과정은 인프랩의 코드를 이해하는 것 뿐만 아니라 React Native 생태계를 구성하는 다양한 라이브러리를 사용하면서 발생하는 문제를 이해하고 해결하는 데 또한 도움이 됩니다.


React

당연하게도 Native 코드를 다루고 있지만 앱의 대부분은 React로 이루어져있습니다. 그렇기 때문에 React를 잘 다루는 건 매우 중요합니다.


HTTP 웹 기본 지식 (필수)

인프랩 모바일셀은 기존에 존재하는 거대한 웹 서비스를 앱으로 구현하는 임무를 맡고 있습니다. 그렇기 때문에 기존 웹 서비스의 프론트엔드와 백엔드가 어떤식으로 소통하고 있는지 이해하고 앱에서 활용할 수 있어야 합니다. 그러기 위해선 HTTP가 어떻게 동작하는지 이해해야 합니다.


TypeScript (필수)

인프랩 모바일셀은 타입스크립트로 코드를 작성하고 있습니다. 따라서 타입스크립트의 기초 뿐만 아니라 상황에 따라 잘 활용할 수 있어야 합니다.


React Native의 현재와 미래

인프랩 모바일셀에선 React Native를 어떻게 활용해야 하는지 뿐만 아니라 어떤 방향으로 변하고 있는지도 꾸준히 관심을 갖고 있습니다. 이렇게 함으로써 구성원 각자 기술에 대한 관심을 높이고 기술을 잘 활용할 수 있도록 합니다.


Fastlane으로 앱 빌드 및 배포 자동화

인프랩 모바일셀에선 Fastlane을 활용해 빌드 및 배포를 자동화하고 있습니다. 팀의 생산성을 위해 자동화를 한 것도 중요하지만, Fastlane이 어떻게 동작하는지를 알아가다보면 각 환경의 빌드 및 배포 과정을 자연스레 이해할 수 있습니다. 인프랩 개발파트에선 개발 자체 뿐만 아니라 배포과정, 인프라 등에 대한 지식도 중요하게 생각하므로 파악해두면 많은 도움이 될 것입니다.


기타

그 외에 인프랩 모바일셀에선 TanStack QueryReact Hook Form, gluestack 등을 활용하고 있습니다. 모두 파악하기 보단, 어떤 기술인지 미리 한 번 살펴본다면 적응하실 때 도움이 될 것 입니다.


마무리

모바일 엔지니어로 합류하기전 알아야 할 내용이 너무 많다고 느끼시나요? 너무 걱정하지 마세요. 💪 앞서 말씀드렸다시피 이 로드맵은 모바일셀이 제품을 만드는 데 관심을 갖고 있는 주제와 기본이 되는 기술을 제시하는 것이지, 모든 내용을 숙지해야 한다는 걸 의미하진 않습니다. 이렇게 함으로써 합류전 '잘 적응할 수 있을지'와 같은 걱정보다 '모바일셀은 이런 데 관심이 있고, 이런 기술을 다루는 구나' 또는 '이런 내용을 파악하면 좀 더 수월하게 적응할 수 있겠구나'와 같이 '천천히 워밍업을 하고 합류'하실 수 있지 않을까 합니다.

문서가 부담된다면 강의로, 강의가 부담된다면 문서로 대체해서 알아보는 것도 적극 권장합니다. 👍

로드맵 상세보기

11개 코스

로드맵에 포함된 외부링크 썸네일
인프런
인프랩 개발팀의 미션과 가치
안녕하세요 인프랩의 향로입니다. 최근 인프랩 팀은 적극적으로 개발자 채용을 하고 있습니다. 인프랩 채용 공고 지원하시는 분들 입장에서는 인프랩 개발팀은 어떤 것을 추구할까, 나와…
로드맵에 포함된 강의 썸네일
성장하는 IT인들의 축제, 인프콘 2023에서 진행된 오프닝 및 발표 세션을 영상으로 다시 보실 수 있습니다.

무료

로드맵에 포함된 외부링크 썸네일
Sometimes a React Native app needs to access a native platform API that is not available by default in JavaScript, for example the native APIs to access Apple or Google Pay. Maybe you want to reuse some existing Objective-C, Swift, Java or C++ libraries without having to reimplement it in JavaScript, or write some high performance, multi-threaded code for things like image processing.
로드맵에 포함된 외부링크 썸네일
There are tons of native UI widgets out there ready to be used in the latest apps - some of them are part of the platform, others are available as third-party libraries, and still more might be in use in your very own portfolio. React Native has several of the most critical platform components already wrapped, like ScrollView and TextInput, but not all of them, and certainly not ones you might have written yourself for a previous app. Fortunately, we can wrap up these existing components for seamless integration with your React Native application.
로드맵에 포함된 외부링크 썸네일
There are tons of native UI widgets out there ready to be used in the latest apps - some of them are part of the platform, others are available as third-party libraries, and still more might be in use in your very own portfolio. React Native has several of the most critical platform components already wrapped, like ScrollView and TextInput, but not all of them, and certainly not ones you might have written yourself for a previous app. Fortunately, we can wrap up these existing components for seamless integration with your React Native application.
로드맵에 포함된 외부링크 썸네일
React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript. React is designed to let you seamlessly combine components written by independent people, teams, and organizations.
로드맵에 포함된 강의 썸네일
실무에 꼭 필요한 HTTP 핵심 기능과 올바른 HTTP API 설계 방법을 학습합니다.

33,000

44,000

로드맵에 포함된 강의 썸네일
《이펙티브 타입스크립트》 책 내용을 그대로 따라가는 스터디 영상입니다.
함께 공부하면 훨씬 쉬워질 거에요!

무료

로드맵에 포함된 외부링크 썸네일
2022년 마지막 밋업인 11월 30일 밋업 영상입니다.두번재 발표 그룹에서 발표를 진행해주셨습니다.이번 발표자는 커넥트드림 노영지님이 해당 토론 그룹을 대표하여 발표를 진행해주셨습니다.#리액트네이티브 #리액트네이티브서울 #fastlane #reactnative #reactnati...

로드맵 코스 11