[React Native] 리액트 네이티브 안드로이드 실행 방법 (Open Android)
·
Front-End/React Native
QR코드를 Expo 앱에서 스캔하여 리액트 네이티브를 실행시킬 수도 있지만, 안드로이드 스튜디오를 설치하고 Virtual Device를 생성하면 컴퓨터에서도 모바일 안드로이드 화면을 확인할 수 있습니다. 개발하기 편리하겠죠? 😀 📝 설치 방법 ⦁ Failed to resolve the Android SDK path. 안드로이드 스튜디오를 설치하지 않아서 발생하는 에러입니다. 리액트 네이티브의 open Android 명령어를 실행하려면, 먼저 안드로이드 SDK을 설치하고, 가상 디바이스를 생성해야합니다. https://developer.android.com/studio?gclid=Cj0KCQjw48OaBhDWARIsAMd966DMyOfxDlPjoseRaqwTyh4qSqyyum5xe8CW5CdZ7wl4Ox8..
[React Native] 리액트 네이티브 To Do 앱 만들기 (AsyncStorage, Map)
·
Front-End/React Native
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 비..
[JSP] MVC 모델2 게시판 만들기-2 (기능 구현)
·
Front-End/JSP
https://hyunki99.tistory.com/58 [JSP] MVC 모델2 게시판 만들기-1 (서블릿, 자바 빈즈, JDBC, JSP 활용) 지금까지 자바 웹 개발에 필요한 서블릿, 자바 빈즈, JSP, JDBC를 학습했습니다. (이전 글들을 참고해 주세요.) 웹 개발자들 사이에서 우스갯소리로 혼자서 게시판을 만들 줄 알면 웹을 다 만들 수 hyunki99.tistory.com 지난 포스팅에서 MVC 모델2가 뭔지 알아봤습니다. 게시판 기능들을 직접 구현해 봅시다. 😀 💻 미리보기 ⦁ 기능 어드민 계정으로 로그인하면 유저 관리 페이지가 나옵니다. 일반 유저면 게시판으로 들어가집니다. 회원가입, 글 작성, 수정, 삭제 등 기능이 구현되어 있습니다. 📝 구현 순서 ⦁ MVC 모델2 순서 모델 2는 항..
[JSP] MVC 모델2 게시판 만들기-1 (서블릿, 자바 빈즈, JDBC, JSP 활용)
·
Front-End/JSP
지금까지 자바 웹 개발에 필요한 서블릿, 자바 빈즈, JSP, JDBC를 학습했습니다. (이전 글들을 참고해 주세요.) 웹 개발자들 사이에서 우스갯소리로 혼자서 게시판을 만들 줄 알면 웹을 다 만들 수 있다는 말이 있다고 합니다. 😂 그동안 배운 것들을 활용해서 웹 게시판을 MVC 모델 2로 구현해 봅시다. 📝MVC 모델 2란? ✔예전 포스팅 참고 https://hyunki99.tistory.com/46?category=1099323 [JSP] 서블릿(Servlet)과 JSP 정리, MVC 패턴 서블릿은 자바 기반의 웹 프로그래밍 기술로 자바 언어의 모든 기능을 사용할 수 있다. (확장자도 .java) 스레드 기반의 빠른 처리 속도를 자랑하지만, 프로그램 내에서 HTML을 작성하는 것이 화면 hyunki..
[JSP] JDBC 회원가입 및 관리자 페이지 구현 실습
·
Front-End/JSP
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로 전..
[JSP] JSP에서 DB연동하기 (JDBC, 오라클, 커넥션 풀)
·
Front-End/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번째 방법을 사용한다고 합니다. 폴더가 없으시면 ..
[JSP] 자바빈즈로 회원가입 페이지 구현하기 (useBean 액션 사용, 미사용 버전 2가지)
·
Front-End/JSP
저번에 만든 회원가입 유효성 검사 페이지에 자바 빈즈를 추가하여 구현해 봤다. 액션 태그를 사용한 버전과, 사용하지 않은 버전 2가지다. 📝JoinFrom.jsp 회원의 정보를 입력하는 회원가입 페이지다. 유효성 검사가 구현되어 있다. 📝JoinCheck.jsp 회원이 입력한 정보를 보여주는 페이지다. 회원이 1페이지에서 입력한 정보를 자바 클래스에 저장하고 저장된 정보를 화면에 표시해준다. 📝 BeanTest.java 유저가 입력한 데이터를 클래스의 필드에 저장한다. 빈즈 클래스도 자바 클래스 이므로 기본적으로는 자바 클래스 규격을 따른다. 멤버 변수는 private로 선언하며 DB 테이블의 컬럼 이름, HTML form이름과 일치하는 것이 좋다. getter / setter 메서드는 당연히 가지고 있..
[JSP] 간단한 장바구니 구현하기 (세션 사용)
·
Front-End/JSP
JSP 내장 객체인 세션을 이용해서 간단하게 장바구니를 구현했다. Login.jsp : 사용자 이름을 입력 setProduct.jsp : 리스트에서 원하는 상품 추가 add.jsp : 선택한 상품을 세션에 넣는다. 다시 상품페이지로 이동 checkOut.jsp : 선택한 상품의 목록을 보여준다. (계산) + logout.jsp : 로그아웃 클릭시 세션 초기화 ( session.invalidate() ) clear.jsp : 장바구니 비우기를 구현하기 위해 추가함 📝 결과물 ⦁ 1. Login.jsp 🧾 소스코드 더보기 로그인 이름 : ⦁ 2. setProduct.jsp 🧾 전체 소스코드 더보기 제품 페이지 님이 로그인 한 상태입니다. Apple Kiwi Mango Pineapple 계산 ⦁ 3. add...