~☆~ 우하하!!~ 개발블로그

이번 포스트에서는 RecyclerView 를 사용하는 방법을 알아보려고 해.RecyclerView 는 다수의 동일한 모양의 뷰를 실제 아이템의 갯수만큼 만드는게 아니라 한 화면에 표시할 수 있을만큼의 갯수만 미리 만들어놓고 데이터를 변경하면서 다시 사용하는 방법이야.조금 더 손쉬운 예를 들어보자면, 핸드폰 안의 주소록에 정말 많은 수의 지인 연락처가 있잖아? 지인 연락처 갯수가 1,000개라고 치자. 그런데, 연락처가 보여줄 데이터 종류는 뻔하잖아? 이름, 핸드폰 번호, 직장이름 등. 그러면 1,000명의 연락처를 보여주기 위해서 1,000개의 뷰를 생성하는게 아니야. 한 화면에는 고작 10개 정도의 연락처만 보여줄 수 있는데, 10개정도의 뷰만 생성해놓고, 1,000명의 데이터를 바꿔 보여주면서 처리할..

이번 포스트에서는 웹 프로그램이 제공하는 RestAPI 를 이용해서 데이터를 주고받는 기능을 만들어보려고 해. 가장 먼저 안드로이드앱이 웹 프로그램에 로그인할 수 있는 기능을 추가해야 하는데, 이전에 만들었던 웹 프로그램 diary 에서는 RestAPI 로 로그인하는 기능은 구현되어 있지 않아. 먼저 안드로이드앱이 사용할 수 있도록 로그인하는 RestAPI 를 추가해볼께.이미 Spring Boot : diary – jwt 로그인으로 변경, 로그아웃까지 수정 포스트에서 jwt 토큰방식의 로그인, 로그아웃 기능으로 변경해본 바 있어. 이번 포스트에서는 이 기능을 활용하는 RestAPI 를 추가해보려고 해.@RestController 애노테이션을 붙인 APILoginController 클래스를 하나 만들어볼께..

이번 포스트에서는 프래그먼트의 네비게이션을 조금 더 시각적으로 관리할 수 있는 방법에 대해서 알아볼거야.지난 포스트(안드로이드 : diary – Fragment Navigation (1)) 에서 확인한 바로는 프래그먼트를 배치할 레이아웃으로 FragmentContainerView 를 사용했었지.activity_main.xml 그리고 FragmentManager 로부터 구한 FragmentTransaction 의 replace 메소드를 이용해서 프래그먼트를 전환했었어.MainActivity.kt... if (!loginState) { val fragmentTransaction = supportFragmentManager.beginTransaction() ..

주요 내용프래그먼트 전환프래그먼트 뷰프래그먼트에서 MainActivity 함수 호출diary 웹 프로그램은 총 3개의 화면으로 구성되어 있어.로그인, 일기 목록, 일기 내용 작성(수정)안드로이드 앱도 웹 프로그램과 마찬가지로 3개 화면으로 구성해볼거야.안드로이드 앱에서 화면간의 전환을 네비게이션이라고 불러. 3개의 화면을 액티비티(Activity)라는 구성요소로 만들 수도 있지만, 이 포스트에서는 프래그먼트(Fragment)라는 구성요소를 이용해서 구성해볼거야.프래그먼트는 하나의 액티비티 안에서 처리될 수 있는 화면 단위야. 액티비티 3개를 이용해서 화면을 구성하는 것보다 프래그먼트 3개를 이용해서 화면을 구성하는 편이 장점이 더 많아. 이 부분에 대해서는 나중에 추가로 자세하게 알아볼께.안드로이드 : ..

diary 웹 프로그램을 만들었는데, 이 프로그램에서 작성한 RestAPI 를 이용하는 안드로이드 앱을 만들어보려고 해.안드로이드 스튜디오(Android Studio Iguana:2023.2.1)를 설치하고나서 [File] – [New] – [New Project] 메뉴를 선택해서 여러 종류의 템플릿 중 Empty Views Activity 를 선택하여 프로젝트를 만들어볼께. Name : androiddiaryPackage name : com.woohahaapps.androiddiary (Name 을 입력하면 Package name 의 마지막이 자동으로 완성돼)Save location : D:_MyProject\AndroidStudioProjects\androiddiary (역시 Name 을 입력하면 디..

React 앱을 실행했을 때 이 React 앱이 로그인하지 않으면 안되는 앱이라면 필수적으로 로그인화면을 거쳐야만 한다. 물론 이미 로그인된 상태라면 로그인 상태에서 볼 수 있는 초기화면으로 이동해도 되겠지만, 지금 당장은 여기까지 생각하지 않기로 하자.앱이 실행되자마자 로그인화면으로 이동하게 만들기 위해서는 라우터를 사용해야 한다.라우터는 요청에 대한 경로를 설정한다는 의미이다. React 프로젝트에서 라우터를 설정하기 위해서는 react-router-dom 패키지를 설치하는 작업부터 진행한다.react-router-dom 패키지 설치npm install react-router-domReact 프로젝트 디렉토리에서 위 명령을 실행시키면 된다. vscode 나 IntelliJ 에는 터미널 창이 존재한다...

https://iwoohaha.tistory.com/312 에서 알아본 것과 같이 React 프로젝트를 개발할 환경 구성을 모두 완료NVM -> Node.js (npm, npx)하였다면, npx 를 이용하여 React 프로젝트를 생성할 수 있는데,npx create-react-app 위 명령어를 실행시켰을 때 아래와 같이 오류가 발생할 수 있다.npx create-react-app reactdiaryCreating a new React app in /Users/dbfis/_MyProject/woohahaapps.com/reactdiary.Installing packages. This might take a couple of minutes.Installing react, react-dom, and reac..

전체 순서는 다음과 같다.################################################### TOC# 타임존 설정# OpenJDK 설치 (17.0.10+7)# apache2 설치# PostgreSQL 16 설치# AWS CLI v2 설치# webapp 계정 생성##################################################각 단계별 스크립트 내용을 살펴보자.각 단계별 스크립트마다 맨 앞 라인에 #!/bin/bash 를 추가해서 파일로 작성하면 실행이 가능하다.파일로 저장된 스크립트 파일은 실행 모드를 추가해야 한다.sudo chmod +x  타임존 설정AWS EC2 인스턴스를 생성한 후 별도의 설정을 하지 않으면 UTC 기준의 타임존으로 설정되어 있는 ..