yunwon's tech blog

지원과 합격 청년여성멘토링 이란 여성가족부에서 주관하는 사업으로 다양한 분야로 진출한 여성 리더들이 멘토가 되어, 청년여성 (대학생, 취업준비생, 사회초년생) 의 진로 상담과 커리어 개발을 비롯한 멘토링을 지원하는 프로그램 이다. 관심 분야의 커리어로드맵을 개발하고자하는 멘토링이 필요한 청년여성을 대상으로 진행된다. 소프트웨어 전공으로 대학교를 다닌 지 (휴학을 포함해) 5년이 되어 간다. 처음 학과에 들어와서 2학년까지는 큰 관심이 없어 이 분야로 나아가고자 하는 마음이 없었다. 그래서 2학년을 마친 후 곧바로 휴학을 했고 1년의 자유로운 시간 동안, 타 전공들을 경험해보았다. 먼길을 돌고 돌아 다시 ㅍ소프트웨어 전공으로 돌아왔고, 3학년부터 4학년 1학기까지 학과 생활에만 충실히 해왔다. 처음 접하는..

1. 시작하며 ​ '온 우주가 돕는 코드문맹 탈출기'라는 타이틀을 건 부스트 코딩 뉴비 챌린지 2020에 참여하게 되었다. 챌린지를 진행한 edwith는 네이버와 커넥트재단이 제공하는 MOOC(Massive Open Online Course) 서비스를 제공하는 플랫폼이다. 사이트에서는 소프트웨어 코딩의 기초 개념부터 웹/모바일 개발 및 인공지능 강좌까지 양질의 수업들을 무료로 수강할 수 있다. 뿐만 아니라 카이스트, 포스텍, 유니스트와 같은 과학 기술 특성화 대학 및 소프트웨어 중심 대학의 강좌도 들을 수 있는 기회를 제공한다. 대부분의 강좌들이 상시 수강 가능하며, 몇몇 강의들은 온라인 수료증도 발급받을 수 있다. ​ ​ 처음, 챌린지에 참여하기 위해서 하버드 대학교에서 진행하는 "모두를 위한 컴퓨터 ..

2021년 9월의 첫날 안드로이드 모바일 앱 개발자 면접을 보고, 개발팀 인턴으로 3개월 간의 근무를 마치고 그간의 기억을 붙잡아둘 겸 회고록을 작성하고자 한다. 어떻게 보면 처음 작성해보는 이 회고록은, 이전에 읽었던 [회고를 해야하는 이유] 를 참고하였다. / 회고를 해야 하는 이유 ... 시각화된 기록으로 남김으로써 내 경험을 더욱 유의미한 것으로 만들고자 한다. 경험을 당한 것이 아니라 직접 글로 써보면서 내가 한 경험을 확실하게 정리할 수 있다. 실수면 비슷한 실수를 고칠 수 있고, 잘한 점이라면 자신을 칭찬할 수도 있다. 3개월이라는 기간이 짧게 느껴지면서도, 만난 사람들 때문인지 마주한 오류 때문인지 돌이켜 생각해보았을 때 결코 적지 않은 시간이었다고 생각된다. 개발자로써는 나름의 첫 도전이..

현재 프로젝트가 React Native 하이브리앱으로 제작되면서, 네이티브 코드를 만질 일이 많지는 않지만 후에 커스텀하기 편하도록 RN 코드와 AndroidㆍiOS 간 네이티브 모듈을 제작해보았다. 구현 방식 자체는 어렵지 않다 ! 해당 내용들은 React Native 공식 홈페이지에서 캘린더 모듈을 생성하는 예제를 토대로 작성해보았다. 천천히 알아보자 🚀 안드로이드 네이티브 모듈 (1) 파일 생성 네이티브 모듈을 생성하기 위해 우선 모듈 파일과 패키지 파일을 생성해주어야 한다. android/app/src/main/java/com/your-app-name/ folder 위 경로에 "..Module.java", "...Package.java" 의 형태로 파일을 생성한다. 아래의 예제는 캘린더 모듈을 생..

로그인 구현하는 김에 토큰의 종류도 함께 알아보자! 단순히 "로그인을 하면 발급받는 토큰을 저장해두고, 해당 토큰을 사용하여 사용자의 로그인 상태를 관리한다" 정도로만 알고 있기에 이번 기회에 더 정확히 알고 사용하자는 다짐 .. ✍ JWT JSON Web Token 모바일이나 웹의 사용자 인증을 위해 사용하는 암호화된 토큰을 의미한다. 자세히 말하면, JSON 포맷을 이용해 사용자에 대한 속성을 저장하는 Claim 기반의 웹 토큰이다. 이는 토큰 자체를 정보로 사용하는 self-contained 방식으로 정보를 안전하게 전달한다. JWT 정보를 request 에 담아 사용자 정보 열람, 수정 등 개인적인 작업을 수행할 수 있도록 한다. 💫 JWT 구조 Header : Signature 서명 값을 만드는..

현재 진행 중인 프로젝트는 하이브리드 앱으로, 내부 웹뷰를 네이트브로 감싸고 있다. 네이티브 쪽에서 로그인 프로세스를 진행하고 이제 웹뷰와 소통하는 방식으로 소셜 로그인이나 프로젝트 자체 API 를 적용하고자 했다. 처음에는 react-native-seoul 에서 제공하는 라이브러리를 사용하려 했지만, 웹뷰가 아닌 앱으로 이동되는 UX 를 충족시켜주기 위해서 actbase 라이브러리를 참고했다. (위 라이브러리도 추가 처리를 해주면 된다는데 왜인지 계속 오류 지옥 .. 🤦‍♀️) 정리하자면, 1. 안드로이드 네이티브에서 React 모듈 (bridge) 생성 2. 모듈 내 카카오 로그인 SDK 관련 코드 작성 3. ReactNative (js) 코드 상에 안드로이드 Module 주입 카카오 로그인 카카오 ..

프로젝트를 진행하며 오류를 파헤쳐본 결과, 안드로이드 상에서는 웹뷰가 크게 문제되는 부분이 없었다. 그래도 며칠간 조사한 부분이니까 쿠키 매니저에 관해 기록하고 싶어서 챱 챱 챱 🍪 주로 CookieManager 에 대해 다룰 것이며, 추가적으로 CutomTabIntents 와 WebView 간의 쿠키 공유에 대해서 (이 부분은 조금 더 조사가 필요하지만) 서술하고 마무리할 예정이다 ! 본격적인 글 작성에 앞서 기본 개념부터 다루어 본다면, 세션 = 서버에서 가지고 있는 정보 쿠키 = 사용자에게 발급된 세션을 열기 위한 열쇠 Cookie 쿠키는 웹 사이트에 방문한 사용자의 디바이스에 저장해 놓은 작은 데이터 파일로, 주로 사용자가 사이트를 재방문했을 때 편리함을 제공하기 위해 데이터를 저장한다. 사이트별..

Q. 지난 PHP 글에 이어서 iOS 글을 쓰는 이유 ? A. 알 수 없다. 아직 맥북도 XCode 도 낯설지만 웹뷰에 대해서 며칠간 너무 열심히 조사했기 때문에 잊지 않기 위해 정리하고자 한다. 이번 게시글에서는 앱에서 웹 페이지를 여는 세가지 방법에 대해 알아보자! (1) 사파리 앱을 열어줌 (2) WKWebView 로 열어줌 (3) SFSafariViewController 로 열어줌 1. Safari 앱 아이폰에 설치된 Safari 를 열어서 웹 페이지를 로딩하는 방법이다. 별도의 설정이 필요 없어 간편하지만, 커스텀이 전혀 불가능하고 Safari 로부터 어떠한 이벤트를 받아온다던가 앱 사이의 상호작용은 불가능하다는 단점이 있다. @IBAction func openSafariApp(_ sender:..

근 한 달 간 웹뷰 이슈 다루며 지겹게 마주한 웹뷰에 대해서 차근차근 정리하고, 쿠키 공유 관련 정책에 대해서도 작성하고자 한다. 웹뷰의 난이도에 대해 생각해본 적이 없는데, 생각보다 많은 시간을 쏟게 되면서 개발의 길은 멀고도 험하구나 . . 를 다시 실감 . . 아자아자 파이팅 🏳‍🌈 네이티브앱 vs 하이브리드앱 현재 다루고 있는 프로젝트에서 차용하고 있는 방식은 웹을 토대로, 모바일 앱에서는 그를 보여주기 위해 웹뷰를 이용해 창을 띄워주는 형식을 사용한다. 이러한 하이브리드 앱을 다루는 것은 처음이라, 네이티브 앱과 정확히 어떠한 차이가 있는 지부터 찾아보게 되었다. (1) 네이티브 앱 Native Application 모바일 기기에 최적화되어있는 스마트폰 앱으로 android, iOS 코드를 별도..

돌고 돌아 다시 안드로이드로 돌아왔다. 우리의 코드인듯 아닌듯한 아이를 분석하면서 프로젝트에 적용된 MVVM 패턴에 대해 정확히 학습해보고, 올해 클론코딩을 진행했던 "배달의 민족" 앱에 적용할 계획이다 ! 💫 MVVM 에 대한 본격적인 분석에 앞서 많이 사용되는 디자인 패턴 MVC/MVP 도 살펴보고 가자 아자자 MVC vs MVP vs MVVM 안드로이드 앱을 논리적 구성 요소들로 체계화하려는 노력은 지속되어왔다. 가장 기초적인 MVC (Model-View-Controller) 패턴으로 시작하여 더 모듈화되고 테스트 가능한 패턴으로 발전해왔다. MVC 를 대체하기 위해 가장 많이 쓰이는 두 가지 대안책으로 MVP (Model-View-Presenter) 와 MVVM (Model-View-ViewMod..