Tigercow.Door

이전글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2)리액트 네이티브 #6_ 인스타그램(Instagram) UI 무작정 따라하기 (3)리액트 네이티브 #7_ 인스타그램(Instagram) UI 무작정 따라하기 (4) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅을 통해 우리는 인스타그램에서 프로필화면의 상단부까지 UI를 따라해보았습니다. 이번 포스팅에서는, 프로필화면에서 하단 네개의 버튼을 구성하고, 네개의 버튼중 두개에 대해서 화면구성을 완성해보도록 하겠습니다. 제가 1편에서 소개해드렸던 영상의 강의는 해..

안녕하세요. 문범우입니다.이번 포스팅을 시작으로 해서, 파이썬 기반 웹 프레임워크인 플라스크(Flask)에 대한 기초다지기 강의를 시작할 예정입니다.해당강의는 서울시립대학교 멋쟁이사자처럼 python 스터디에서 진행되는 강의이며 블로그에 게시되는 내용들은 각 수업을 정리하여 스터디에 참석하지 못한 인원이나 복습용입니다.(추가로 영상촬영을 생각하고 있지만 아직 실질적인 계획은 없습니다.) 해당 수업은 다음과 같은 분들을 대상으로 진행됩니다.- HTML, CSS 에 대해서 기본적으로 알고계시는 분들(직접적으로 사용되지는 않습니다.)- Python에 대해 관심이 있고 흥미가 있으신 분들(문법이 크게 중요시되지 않습니다. 파이썬 문법이 매우 simple하고 쉽기 때문에 중간중간 필요한 것들에 대해서는 설명드릴 ..

안녕하세요. 문범우입니다.이번 포스팅에서는 텐서플로우의 새로운 기능인 dynamic rnn에 대해서 알아보도록 하겠습니다. * 해당 포스트의 모든 내용은 김성훈 교수님의 '모두를 위한 딥러닝'을 바탕으로 제작되었습니다.관련한 상세 내용은 아래 링크를 참고해주세요.https://hunkim.github.io/ml/ 1. Dynamic RNN 우리가 그동안 다루어보았던 RNN모델을 다시한번 생각해보도록 하겠습니다.이전의 모델을 이용해서 'hello'와 같은 문자열을 다루어볼때는, 우리가 다루고자하는 문자열의 크기에 따라서 RNN을 구성하였습니다.하지만 실제의 데이터에서는 문자열의 크기가 가변적입니다.예를 들어, 누군가가 전달하는 문자열 데이터를 처리한다고 했을 때, 그 데이터가 항상 고정된 길이는 아닙니다...

안녕하세요. 문범우입니다. 이번 포스팅에서는, 그 동안 배운 RNN 내용을 통해서, RNN을 보다 wide하고 deep하게 만들어 보도록 하겠습니다. * 해당 포스트의 모든 내용은 김성훈 교수님의 '모두를 위한 딥러닝'을 바탕으로 제작되었습니다.관련한 상세 내용은 아래 링크를 참고해주세요.https://hunkim.github.io/ml/ 1. Long sentence 우리가 지난 번 내용을 통해 'hihello'라는 문자열에 대해 RNN을 이용하여 문자열을 예측하는 모델을 구성해 보았습니다. 그럼, 이러한 모델이 아래와 같은 긴 문장에서도 잘 작동할까요? 결과는 No. 입니다. 위와 같은 긴 문장은 우리가 그전에 만들어보았던 모델에서 제대로 작동되지 않습니다. 왜 그럴까요?간단하게 생각해보면, 우리의 ..

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2)리액트 네이티브 #6_ 인스타그램(Instagram) UI 무작정 따라하기 (3) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅에서는 인스타그램 메인 화면 상단에 있는 스토리바를 추가해보았습니다.이번 포스팅에서는 프로필창의 상단부분을 완성시켜보도록 합니다.이번 포스팅을 통해 나오는 결과물은 다음과 같습니다.(강의에서 진행되는 내용과 약간의 차이가 존재합니다.) 1. 상단 네비게이션바 수정 먼저 현재의 프로필 탭을 눌러보면 다음과 같은 화면이 나옵니다. 첫..

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1)리액트 네이티브 #5_ 인스타그램(Instagram) UI 무작정 따라하기 (2) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다. 지난 포스팅에서는 Home 화면에 피드를 추가하는 과정까지 진행해보았습니다. 이번 포스팅에서는 Home 화면에서 상단에 있는 스토리바를 추가해보도록 하겠습니다.해당 포스트를 통해서 나오는 결과물은 아래와 같습니다. 1. 스토리바 만들기 우리는 스토리바를 추가하기 위해 HomeTab.js 에서 작업을 진행합니다.이전 포스팅을 통해 현재 HomeTab.js의 코드는 아래와 같습니다. 123456789101112131415..

안녕하세요. 문범우입니다.이번 포스팅에서는 RNN을 이용하여 hihello를 학습시켜 보도록 하겠습니다. * 해당 포스트의 모든 내용은 김성훈 교수님의 '모두를 위한 딥러닝'을 바탕으로 제작되었습니다.관련한 상세 내용은 아래 링크를 참고해주세요.https://hunkim.github.io/ml/ 1. 'hihello' 학습시키기 이번에는 위와 같이 우리가 hihello 라는 문자열을 주었을 때, 각 문자에 대해 다음 문자를 예측해보도록 학습시킬 것 입니다. 이 문제가 간단해보일 수 있지만, 좀 더 자세히 살펴보면 h를 입력했을 때, 어쩔때는 i를, 어쩔 때는 e를 반환해야 합니다. 이는 RNN의 특성인, 이전 문자가 무엇이 나왔는지 알아야 값을 제대로 출력할 수 있습니다. 2. RNN basic 정리 그..

지난글리액트 네이티브 #4_ 인스타그램(Instagram) UI 무작정 따라하기 (1) Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.지난 포스팅에서는 인스타그램을 만들기 위해 기본적인 네비게이션 구성을 하고 각 화면으로 넘어가는 단계까지 진행하였습니다. 이번 포스팅에서는 메인화면에 피드를 추가해보는 과정을 진행해보도록 하겠습니다.이번 포스팅을 통한 결과물은 다음과 같습니다. 1. CardComponent 추가하기. 먼저 각 피드가 될, 새로운 js 파일을 만듭니다.저는 Components 폴더 내부에 CardComponent.js 라는 이름으로 파일을 만들었습니다. 그리고 CardComponent.js 의 내용으로는 기본 틀만 ..

Githubhttps://github.com/doorBW/INSTA-by-react-native 안녕하세요. 문범우입니다.오랜만에 리액트 네이티브에 대해 포스팅하게 되었습니다.이전 포스트까지 해서 리액트 네이티브 환경구성하고, 기본적인 flex에 대해서 알아보았는데, 이후에 어떤 것을 하면서 연습하면 좋을지를 고민하느라 늦어지게 되었습니다.그리고 결정을 내린건 인스타그램 UI를 만들어보기로 하였습니다.저도 공부를 시작하고 있는 터라.. 처음부터 완벽하게 하지는 못하겠더라구요.그래서 마침 유튜브에 좋은 강의가 올라와있길래 이를 참고하면서 포스팅을 진행해보도록 하겠습니다. https://www.youtube.com/watch?v=cgg1HidN4mQ&t=5s 위의 링크를 들어가보시면 인스타그램 UI 따라하기..

안녕하세요. 문범우입니다.이번 포스팅에서는 텐서플로우를 이용한 기본적인 RNN모델에 대해서 알아보도록 하겠습니다. * 해당 포스트의 모든 내용은 김성훈 교수님의 '모두를 위한 딥러닝'을 바탕으로 제작되었습니다.관련한 상세 내용은 아래 링크를 참고해주세요.https://hunkim.github.io/ml/ 1. RNN 우리가 이전, 이론에서 알아보았듯이 RNN 모델에서는 아웃풋이 다시금 영향을 주게 됩니다.위에서 왼쪽과 같은 것을 cell이라고 표현하는데, 즉 cell의 아웃풋이 다시 cell에 영향을 주게 됩니다. 그리고 이것이 기존의 Neural Network과 큰 다른점 입니다.그런데, 이것을 실제로 어떻게 구현할까요?생각보다 의외로, 텐서플로우에서 쉽게 구현이 가능합니다. 텐서플로우에서 RNN을 구..