React Native

[Project] 본방사수

정말 열심히 살았던 본방사수 프로젝트를 마무리하며 회고해 본다,, (프로젝트 기간: 4개월) # 프로젝트 배경 (1) 개인 대학교 컴퓨터 공학과(지금은 소프트웨어학과이지만..)에 입학 후 1학년 1학기 때 소셜 네트워크라는 페이스북의 탄생에 관해 다룬 영화를 봤었다. 그때 당시 나는 C 언어의 for문을 통해 '*'로 도형을 만드는 프로그램을 짜는 수준이었고, 그렇기에 영화 속 내용들이 썩 와닿지 않아 별로 재미가 없었다. 그런데, 언제였을까 군대를 전역한 후, 학교에 복학하기 전 겨울 방학 기간에 우연히 그 영화를 다시 한번 보게 되었고, 놀랍게도 Linux와 Wget, Python, 도메인 등등.. 정말 유명한 이름과 개념들이지만, 처음 봤을 땐 무슨 말인지조차 몰랐던 영화 속 대사들이 하나 둘 이해..

[React] React Hooks란 무엇인가?

[React] React Hooks란 무엇인가? (React 버전 : 16.12.0, 글쓴날 : 2020.02.24) * 이 글은 React Hooks에 대한 단순 소개 글입니다. * 글의 내용은 공식 홈페이지 Hooks 문서를 기반으로 공부하여 작성하였습니다. * React 버전 16.8.0 이상, React Native 버전 0.59 이상부터 Hooks를 지원합니다. React Hooks란? 1) Hooks 소개 기존 React 컴포넌트들이 작성되던 방식인 Class의 형태는 사람과 기계 양측 모두에게 좋지 않은 점들이 있었고 끊임없이 React 개발자들에게 문제를 야기해왔다고 합니다. 하지만, function을 이용한 함수형 React 컴포넌트에서는 state를 관리하기 어려운 큰 문제점이 있었고 ..

[React Native] React Navigation 설치 및 사용법

[React Native] React Navigation 설치 및 사용법 (React Navigation 버전 : 5~, 글쓴날 : 2020.02.07) * React Navigation V5 이전의 createAppContainer가 deprecated되었습니다... ㅠ.ㅠ 1. React Navigation 설치 1) React Navigation 패키지 설치 npm install @react-navigation/native * npm 및 패키지 설치에 관해 궁금하시다면 ☞ [Node.js] npm 소개와 설치 및 사용법 2) 의존 패키지 설치 npm install react-native-reanimated react-native-gesture-handler react-native-screens re..