리액트 네이티브에서 가장 많이 사용되는 라이브러리 중 하나인 React Navigation을 활용해서 하단 탭 바를 구현해 보겠습니다. 리액트의 라우터를 사용하는 것과 비슷합니다. 📝 공식 문서 ✔ 공식 문서에 예제 코드가 나와있으니 따라 해 봅시다. 😀 https://reactnavigation.org/docs/getting-started/ https://reactnavigation.org/docs/getting-started/ reactnavigation.org ⦁ 설치하기 npm install @react-navigation/native or yarn add @react-navigation/native //Expo 사용 시 npx expo install react-native-screens reac..

QR코드를 Expo 앱에서 스캔하여 리액트 네이티브를 실행시킬 수도 있지만, 안드로이드 스튜디오를 설치하고 Virtual Device를 생성하면 컴퓨터에서도 모바일 안드로이드 화면을 확인할 수 있습니다. 개발하기 편리하겠죠? 😀 📝 설치 방법 ⦁ Failed to resolve the Android SDK path. 안드로이드 스튜디오를 설치하지 않아서 발생하는 에러입니다. 리액트 네이티브의 open Android 명령어를 실행하려면, 먼저 안드로이드 SDK을 설치하고, 가상 디바이스를 생성해야합니다. https://developer.android.com/studio?gclid=Cj0KCQjw48OaBhDWARIsAMd966DMyOfxDlPjoseRaqwTyh4qSqyyum5xe8CW5CdZ7wl4Ox8..

https://nomadcoders.co/react-native-for-beginners 왕초보를 위한 React Native 101 – 노마드 코더 Nomad Coders React Native로 2개의 앱 만들기 nomadcoders.co 프로젝트를 하면서 앱을 개발해야 하는 일이 생겨서 니꼬 선생님의 강의를 듣고 React Native를 사용해 To Do 앱을 만들었습니다. Expo를 사용하면 환경 설정이 간단하고 제공해 주는 API, 컴포넌트들이 많아서 쉽고 빠르게 개발이 가능합니다. 📝 To Do 앱 ⦁ 🧾 기능 1. To Do List / 여행 리스트 추가 삭제 2. 체크박스 선택 시 텍스트 줄긋기 및 색 변경 ( 완료 체크 ) 3. AsyncStorage 사용 ( Local Storage 비..

https://hyunki99.tistory.com/58 [JSP] MVC 모델2 게시판 만들기-1 (서블릿, 자바 빈즈, JDBC, JSP 활용) 지금까지 자바 웹 개발에 필요한 서블릿, 자바 빈즈, JSP, JDBC를 학습했습니다. (이전 글들을 참고해 주세요.) 웹 개발자들 사이에서 우스갯소리로 혼자서 게시판을 만들 줄 알면 웹을 다 만들 수 hyunki99.tistory.com 지난 포스팅에서 MVC 모델2가 뭔지 알아봤습니다. 게시판 기능들을 직접 구현해 봅시다. 😀 💻 미리보기 ⦁ 기능 어드민 계정으로 로그인하면 유저 관리 페이지가 나옵니다. 일반 유저면 게시판으로 들어가집니다. 회원가입, 글 작성, 수정, 삭제 등 기능이 구현되어 있습니다. 📝 구현 순서 ⦁ MVC 모델2 순서 모델 2는 항..

지금까지 자바 웹 개발에 필요한 서블릿, 자바 빈즈, JSP, JDBC를 학습했습니다. (이전 글들을 참고해 주세요.) 웹 개발자들 사이에서 우스갯소리로 혼자서 게시판을 만들 줄 알면 웹을 다 만들 수 있다는 말이 있다고 합니다. 😂 그동안 배운 것들을 활용해서 웹 게시판을 MVC 모델 2로 구현해 봅시다. 📝MVC 모델 2란? ✔예전 포스팅 참고 https://hyunki99.tistory.com/46?category=1099323 [JSP] 서블릿(Servlet)과 JSP 정리, MVC 패턴 서블릿은 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모든 기능을 사용할 수 있다. (확장자도 .java) 스레드 기반의 빠른 처리 속도를 자랑하지만, 프로그램 내에서 HTML을 작성하는 것이 화면 hyunki..

지난 시간에는 JDBC를 활용하는 방법을 알아보았습니다. 자바 IDE로 이클립스를 많이 사용하실 텐데, 이클립스에서도 전용 프로그램만큼은 아니지만 DB를 사용할 수 있는 기능을 제공합니다. 이클립스에서 JDBC를 사용하면서 간단한 쿼리문을 조회할 때 유용할 것 같습니다. 😀 📝커넥션 설정하기 ⦁ 1. 이클립스 하단 Data Source Explorer 탭 > Database Connections > new 클릭 ⦁ 2. 사용할 DBMS 선택 ( 저는 오라클 ) ⦁ 3. New Driver Definition 버튼 클릭 ⦁ 4. Name/Type 선택 ( 사용하는 버전에 맞게 ) ⦁ 5. JAR LIST 넣기 ( Clear All 한 다음 진행하세요 ) ✔파일 위치 C:\oraclexe\app\oracle..

JSP에서 JDBC를 활용해서 간단한 회원가입 및 관리자로 접속 했을 때 회원을 관리하는 프로그램을 실습했습니다. 이론보다는 소스코드 위주의 포스팅입니다. 📝 파일 목록 loginForm.jsp : 로그인 폼 페이지 joinForm.jsp : 회원가입 폼 페이지 (이전 글 참고) loginProcess.jsp : 로그인 처리 joinProcess.jsp : 회원가입 처리 Main.jsp : 메인 페이지 Member_list.jsp : 어드민 회원목록 확인 Member_info.jsp : 어드민 회원정보 조회 Member_delete.jsp : 회원 삭제 처리 logOut.jsp : 로그아웃 (세션 초기화) 📝 프로그램 흐름 ⦁ 📑 로그인 페이지 ✔ 폼에 정보를 입력하고 loginProcess.jsp로 전..

JDBC(Java DataBase Connectivity)는 자바 언어로 DB 프로그래밍을 하기 위한 라이브러리입니다. DBMS에 종속되지 않는 관련 API를 JDK에서 제공합니다. 사용하기 위해서는 각 DBMS 회사에서 제공하는 라이브러리 압축 파일인 JDBC 드라이버가 필요합니다. 오라클 JDBC 드라이버를 사용해서 JSP와 오라클 DB를 연동해 봅시다. 📝 JDBC 드라이버 가져오기 ⦁ 어디에 있나요? DBMS를 설치한 경로에 있습니다. C:\oraclexe\app\oracle\product\11.2.0\server\jdbc\lib ✔저는 오라클을 설치 했기 때문에 오라클의 JDBC가 있습니다. 이 JDBC를 사용하는 3가지 방법이 있습니다. 주로 3번째 방법을 사용한다고 합니다. 폴더가 없으시면 ..