728x90
반응형

☭DEVELOPER 234

[FRONTEND]리액트_ 레이아웃

* 중요 : 뷰 클래스(소스 코드) = 위젯(화면에 보이는거 : 화면 구성 요소) 화면에서는 버튼을 버튼 위젯이라고 부르고, 실제 코드에서는 버튼 클래스라고 부르는 식입니다! 그리고 다른 위젯을 담을 수 있는 위젯을 특별히 레이아웃이라고 하며, 레이아웃은 ViewGroup이라는 클래스 아래에 존재합니다. (레이아웃도 크게 보면 위젯에 포함됩니다) ================================================================== 안드로이드 화면에서 실제로 사용되는 것들은 모두 View라는 클래스의 상속을 받습니다. 즉 버튼, 라디오버튼, 이미지 등은 모두 View 클래스의 서브 클래스입니다. 뷰 클래스는 '위젯'이라고도 하는데, 쉽게 말해 화면에서는 버튼을 버튼 위젯,..

[BACKEND]ANDROID APP_youtube

프로젝트 생성 후 안드로이드 버전 변경 > 코끼리 때려주기! https://github.com/PierfrancescoSoffritti/android-youtube-player GitHub - PierfrancescoSoffritti/android-youtube-player: YouTube Player library for Android and Chromecast, stable and customizab YouTube Player library for Android and Chromecast, stable and customizable. - GitHub - PierfrancescoSoffritti/android-youtube-player: YouTube Player library for Android a..

[BACKEND]컴포넌트의 라이프 사이클 이해

https://ko.legacy.reactjs.org/docs/react-component.html React.Component – React A JavaScript library for building user interfaces ko.legacy.reactjs.org ※컴포넌트의 라이프사이클 이해(주요 메서드 호출 순서) 1. 컴포넌트 라이프사이클이란? 컴포넌트 라이프사이클은 컴포넌트의 생성부터 소멸에 이르는 일련의 이벤트로 생각할 수 있습니다. 모든 리액트 컴포넌트는 Lifecycle을 갖습니다. Lifecycle은 세 가지 카테고리로 나누어집니다. 1) Mounting: 컴포넌트가 화면에 나타남 2) Updating: 컴포넌트가 업데이트됨 3) Unmounting: 컴포넌트가 화면에서 사라짐 [참..

[FRONTEND]리액트 JSX와 컴포넌트2

// JSX는 JavaScript XML의 줄임말로 '자바스크립트에 XML을 추가한 확장형 문법'입니다. // 앞서 src폴더안에 App.js을 다음의 내용으로 코딩하고 yarn start 실행 확인해 보시기 바랍니다. import React from "react"; // 03폴더에 새로 작성한 TodaysPlan 컴포넌트를 불러들입니다. import TodaysPlan from './03/TodaysPlan'; // Import문에서 파일 이름의 확장자 js 또는 jsx가 생략된 이유 // create-react-app은 js 또는 jsx 파일의 확장자를 생략해도 해당 파일을 자동으로 찾을 수 있게 설정되었습니다. // 이렇게 자동으로 임포트할 수 있는 이유는 '웹팩 코드 검색 확장자(webpack m..

안드로이드 앱 뮤직플레이어 넣기

https://developer.android.com/guide/topics/media/mediaplayer?hl=ko MediaPlayer 개요 | Android 개발자 | Android Developers MediaPlayer 개요 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Android 멀티미디어 프레임워크는 다양한 일반 미디어 유형의 재생을 지원하므로 오디오, 동영 developer.android.com song1.mp3 raw 폴더에 붙여넣기 package com.androidappstudy.seekbarmusicapp; import androidx.appcompat.app.AppCompatActivity; import android.media.MediaPla..

[FRONTEND]리액트 ES6 문법 이해

※ 윈도우즈키 + r키 → chrome → 개발자도구(F12) → Console 탭 클릭하고 스크립트 소스 코딩 및 실행 확인 바랍니다. (참고로, 윈도우즈키 + r키 → chrome → node 실행하고 스크립트 소스 코딩 및 실행 확인도 가능합니다) 1. ES6에서 변수 선언하기 1) 자바스크립트 변화를 주도하는 기관 = ECMA(European Computer Manufacturers Association) 2) 자바스크립트 명세 = ES5 (var 한가지 방법 사용) 3) 자바스크립트 명세 = ES6 (2015년 6월에 크게 개정되었으며, ECMAScript6, ES6, ES2015, ES6Harmony 등 다양한 이름으로 불려지고 있습니다. (자바스크립트 변수 선언 방법 세가지를 말하시오 : v..

[BACKEND]리소스 파일과 저장폴더

※ 리소스 파일과 저장 폴더 응용 프로그램을 제작할 때 사용하는 다양한 리소스 파일이 저장되는 위치 리소스 | 폴더 | 저장 파일 =============================================== 그림 파일 | /res/drawable | *.png, *.jpg, *.xml ------------------------------------------------------------------------------- 메뉴 파일 | /res/menu | *.xml ------------------------------------------------------------------------------- 기타 XML 파일 | /res/xml | *.xml ------------------..

[BACKEND]안드로이드앱 아이콘 변경

※ 안드로이드앱 아이콘 변경 [본 자료의 무단 전재 및 배포를 금지합니다] 1단계) 이미지를 준비합니다. 아래는 이미지 다운로드 웹 사이트입니다. 1) 예시 : 안드로이드앱 아이콘으로 사용하고 싶은 png 파일을 다운로드하기 위해 아래 웹사이트에 접속합니다] https://www.iconfinder.com/ 2) PNG 파일 이미지를 준비합니다. 또는 위의 웹 사이트에서 이미지를 선택하고 다운로드 받습니다. (중요 : xml 형식에서 파일 이름을 소문자로 권장하기 때문에, PNG 이미지 파일명을 소문자로 해주시기 바랍니다) 2단계) 안드로이드 스튜디오에서 File => New => Image Asset 클릭합니다. 1) Name: 란에 아이콘 이름을 입력합니다. (중요 : xml 형식에서 파일 이름을 소..

[BACKEND] SpringBoot 웹개발 DB 연동 테스트

1. H2 데이터베이스 설치 : 개발이나 테스트 용도로 가볍고 편리한 DB, 웹 화면 제공 https://www.h2database.com - Windows Installer (6.7 MB) 다운로드 및 설치 h2-setup-2022-06-13.exe 실행해서 설치함 - 좌측 하단 시작 버튼 클릭 - H2 Console을 바탕화면으로 드래그앤드롭으로 넣어줌 2. 데이터베이스 파일 생성 방법 1) 바탕화면에 넣어준 H2 Console 아이콘을 더블클릭 합니다. 2) Chrome 웹 브라우저 연결 확인(h2 DB 기본 포트는 8082 입니다) * 예시 웹 URL = http://192.168.56.1:8082/login.jsp?jsessionid=15063e28cc5342af608ab4787600975c 3..

728x90
반응형