728x90 반응형 ☭DEVELOPER/#2 웹개발(자바기반 풀스택)214 [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.. 2023. 10. 18. 안드로이드 앱 뮤직플레이어 넣기 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.. 2023. 10. 18. [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.. 2023. 10. 17. [BACKEND]리소스 파일과 저장폴더 ※ 리소스 파일과 저장 폴더 응용 프로그램을 제작할 때 사용하는 다양한 리소스 파일이 저장되는 위치 리소스 | 폴더 | 저장 파일 =============================================== 그림 파일 | /res/drawable | *.png, *.jpg, *.xml ------------------------------------------------------------------------------- 메뉴 파일 | /res/menu | *.xml ------------------------------------------------------------------------------- 기타 XML 파일 | /res/xml | *.xml ------------------.. 2023. 10. 17. [BACKEND]안드로이드앱 아이콘 변경 ※ 안드로이드앱 아이콘 변경 [본 자료의 무단 전재 및 배포를 금지합니다] 1단계) 이미지를 준비합니다. 아래는 이미지 다운로드 웹 사이트입니다. 1) 예시 : 안드로이드앱 아이콘으로 사용하고 싶은 png 파일을 다운로드하기 위해 아래 웹사이트에 접속합니다] https://www.iconfinder.com/ 2) PNG 파일 이미지를 준비합니다. 또는 위의 웹 사이트에서 이미지를 선택하고 다운로드 받습니다. (중요 : xml 형식에서 파일 이름을 소문자로 권장하기 때문에, PNG 이미지 파일명을 소문자로 해주시기 바랍니다) 2단계) 안드로이드 스튜디오에서 File => New => Image Asset 클릭합니다. 1) Name: 란에 아이콘 이름을 입력합니다. (중요 : xml 형식에서 파일 이름을 소.. 2023. 10. 17. [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.. 2023. 10. 12. 이전 1 2 3 4 5 6 7 8 ··· 36 다음 728x90
