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

이번 포스트에서는 프래그먼트의 네비게이션을 조금 더 시각적으로 관리할 수 있는 방법에 대해서 알아볼거야.지난 포스트(안드로이드 : 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 기준의 타임존으로 설정되어 있는 ..

페이스북 공유내가 작성한 웹페이지를 공유하는 기능을 붙이기 위해서는 오픈그래프 메타태그를 삽입해야 한다. 오픈그래프 메타태그 삽입 위치는 사이이다.중요한 메타태그 종류는 다음과 같다.메타태그 propertycontent 값 또는 의미og:typearticleog:title페이지 제목og:image대표 이미지og:description페이지 설명실질적인 예를 들어보겠다.위 4개 항목만 있다면, SNS 공유에는 일단 문제가 없다. 4개 항목 중 og:title, og:image 항목은 페이지에 따라서 그 값이 달라질 수 있는 항목이다. 위의 예처럼 고정값을 넣는다면, 공유시 항상 동일한 내용으로 공유가 될 것이다.4개 항목을 사이에 삽입하고 아래와 같이 페이스북에 공유하는 자바스크립트를 코딩한다. f..

Android 개발을 하기 위해서 필요한 API Level 과 Android OS 버전에 대해서 알아본다.참고 : https://apilevels.com/, [안드로이드]안드로이드 버전/API레벨/SDK/호환성Android OS 는 2008년 9월 20일에 최초의 버전 1.0이 출시되었다.참고 : 안드로이드 (운영체제)버전 이름대신 알파벳을 사용하는 특이점이 있다. 1.0 은 A 로 시작하는 Astro Boy (Applepie라는 말도 있다) 라는 내부적인 이름을 사용했으나, 정식으로 이 체계에 따른 버전이름은 1.5 버전인 Cupcake 부터이다.개발자나 사용자 입장에서는 숫자로 된 버전번호를 알파벳으로 된 버전이름과 매칭시켜야 하는 불편함이 있다. 그래서 이렇게 정리하게 만든다.Android 개발자에..