본문 바로가기

전체 글111

[css] 자주 쓰는 애들 메모 1. 백그라운드 이미지 설정하기 background-image:url("이미지 url"); background-size:cover; background-position:center; 2. 화면 중앙에 위치시키기 요소들을 하나의 div안에 넣어놓고 magin속성을 auto로 지정 /*텍스트의 경우(바로 중앙정렬 안됨)*/ display:block;/*박스로 먼저 만들어줌*/ margin:auto; 또는 justify-content를 center로 지정 justify-content : center; 3. 폰트 설정 https://fonts.google.com/?subset=korean Google Fonts Making the web more beautiful, fast, and open through gr.. 2021. 6. 20.
[AWS] EC2, RDS를 이용한 데이터베이스 작업 저번 포스팅에서 예고했던 것 처럼 이번 포스팅에서는 파라미터값을 작성할 수 있도록 HTML코드를 입력한 PHP파일을 생성하고 DB에 데이터를 넘겨주는 실습을 해볼 것이다. 좀 더 구체적으로 말하자면, 1. RDS에 웹페이지에서 입력받을 EC2데이터의 타입에 맞도록 테이블을 생성 2. PHP파일을 DB에 연결하기 위해 Mysql 연동 라이브러리 설치 3. PHP파일을 생성하여 웹페이지로 데이터를 입력하고 데이터가 정상적으로 입력되었는지 DB에서 확인 하는 작업을 해볼 것이다🙄 [실습 참고 내용] 솔루션 : EC2 - ubuntu / RDS - MySQL 아키텍처 : 웹서버 / DB서버 현재 RDS에는 root유저만 생성되어있다. 그러나 root유저는 meta data로서 작업을 피하는 것이 좋기 때문에 새.. 2021. 6. 8.
[AWS] PHP설치, RDS 인스턴스 생성 이전 실습에서는 하나의 EC2에 OS(Ubuntu), 웹 서버(Apache), DB서버(Mysql)까지 설치해봤다. 그러나 사실상 회사에서는 하나의 서버에서 여러가지를 한꺼번에 관리하는 것이 아니라 각각의 기능에 따라 서버를 분리해두게 된다. 이를 토대로 이번 실습에서는 DB서버를 새로 만들어주는 작업을 해볼 것이다. DB는 AWS의 RDS를 사용한다. RDS 인스턴스를 생성하여 저번 포스팅에서도 사용한 Toad for MySQL로 접속해보고, DB에 접근하기 위해 웹페이지를 PHP로 작성해볼 것이다. 이번 포스팅은 기존에 만들어 둔 EC2 우분투 서버에 PHP를 설치하고 RDS를 생성하여 Toad에 연결해보는 것까지 하기로 한다. (PHP로 DB에 데이터를 넣는 작업은 다음 포스팅에서! 🙋‍♀️) PH.. 2021. 6. 8.
[Kotlin App] 여러 mp3파일을 재생하는 mp3 Player 만들기 강의자료 30페이지의 직접풀어보기 13-2를 참조하여 아래와 같은 앱을 작성하시오. 1. 음악이 종료되면 자동으로 초기상태로 전환하시오.(Hint: mPlayer.isPlaying로 재생중인지를 확인할 수 있음) 2. 시크바로 음악의 해당 부분을 재생할 수 있음 3. 음악 파일은 raw 폴더에 넣어도 되고, SD카드에 넣어도 됨 1. raw폴더에 저장 2. sd카드에 저장 Manifests.xml에 permission 추가 2021. 6. 8.
[Kotlin App] 서비스와 브로드캐스트 리시버 1. 서비스 2. 브로드캐스트 리시버 3. 콘텐트 프로바이더 서비스 일반적으로 화면없이 동작하는 프로그램을 뜻함 데몬(daemon), 백그라운드 프로세스라고도 함 서비스는 백그라운드에서 실행되므로 화면과 상관없이 계속 동작함 화면이 종료되어도 계속되는 음악 서비스 만들기 버튼을 클릭하면 음악이 시작되고, 화면이 종료되어도 음악이 계속 흐르는 서비스 또한 로그캣을 활용하여 메소드가 실행되는 순서를 확인해봄 xml Service클래스를 상속받아 구현한 MusicService클래스 생성 (Kotlin클래스) package com.cookandroid.kotlinapp0607 import android.content.Intent import android.media.MediaPlayer import androi.. 2021. 6. 7.
[Cloud]네트워크 기초 네트워크 기초 용어 1. 시스템 구분 노드 : 인터넷에 연결된 시스템의 가장 일반적인 용어 호스트 : 컴퓨팅 기능이 있는 시스템 클라이언트 : 서비스를 요청하는 시스템 서버 : 서비스를 제공하는 시스템 2. 네트워크 주소 네트워크 상에 존재하는 노드를 고유하게 식별 3. 주소 종류 MAC주소 : Link계층에서 사용 - LAN카드에 내장 비유하자면 물류센터 주소, 우체국 간에 사용하는 주소 IP주소 : 네트워크 계층에서 사용 비유하자면 집 주소 Port 번호 : 전송 계층에서 사용 비유하자면 방 번호, 수령인 특정 기능을 수행하는 서비스, 패키지의 경우에는 특정 포트를 이용하는 것이 규약 되어있음 (mysql : 3306, ubuntu : 80, SSH : 22 ... 등등) 위와 같이 이미 쓰고 있는 .. 2021. 5. 26.
[AWS] EC2에 MySQL 설치하기 이전 글에서 AWS EC2를 통해 우분투를 서버로 설치하였고, 우분투에 웹 서버를 구축하였다. 이번 실습에서는 MySQL를 설치하고 모든 권한을 가진 유저를 생성하여 외부에서도 DB에 접근할 수 있도록 작업을 해볼 것이다. 이번 실습에서 새롭게 사용하는 툴은 'Toad for MySQL'이다. teraterm의 터미널에서는 sql작업을 하기가 어렵기 때문! 목차 1. EC2에 mySQL 설치하기 2. mysql DB에 유저 생성하기 3. Toad로 mysql 접속 [리눅스 명령어 사용 tip] * tab : 접근하려는 경로에 겹치는 문자가 없다면 추측가능한 파일명/폴더명을 찾아서 자동완성해준다. * 터미널에 복붙하고 싶은 경우 내용을 복사해서 터미널에 마우스 오른쪽 클릭을 하면 된다. [실습에서 사용하는.. 2021. 5. 25.
[Kotlin App] 파일 처리 내장 메모리에 파일 쓰기/읽기 raw파일 읽어오기 SD카드에 디렉터리 생성/삭제, 파일 쓰기/읽기 시스템 폴더의 폴더/파일 목록 확인하기 1-1. 내장 메모리에 파일 쓰기 : openFileOutput("파일명",모드) var outFs = openFileOutput("파일명", Context.MODE_PRIVATE) var str = "파일 내용" outFs.write(str.toByteArray()) outFs.close() 1-2. 내장 메모리에 파일 /읽기 : openFileInput("파일명") try { var inFs = openFileInput("파일명") var txt = ByteArray(inFs.available()) // 읽어들일 파일의 크기만큼 메모리 할당 inFs.read(txt.. 2021. 5. 11.
[AWS] 우분투 리눅스 기본 명령어 이전 글에서 AWS EC2 인스턴스를 tera term이라는 에뮬레이터 프로그램을 사용하여 웹서버를 생성해보고 기본적인 우분투 기본 명령어를 알아보았다. 이번에는 추가적으로 자주 사용하는 기본 명령어에 대해 포스팅해보겠다. 목차 1. 절대경로와 상대경로의 차이 2. chmod 명령어 사용법 3. cat, grep, file, ps, adduser, chown 명령어 su와 sudo 명령어 차이 본격적인 내용으로 들어가기 전에 내가 저번 시간까지 모르고 있던 점이 있었는데, 바로 su와 sudo 명령어의 차이이다. 사실 둘이 같은 기능이라고 생각하고 있었는데 교수님께서 둘의 차이에 대해 설명해주셨다. sudo는 현재 유저에서 일시적으로 super user의 권한을 빌릴 때 사용하며, su는 아예 super.. 2021. 5. 4.
[Android] 날짜와 시간 관련 위젯 1. Chronometer : 타이머 기능 2. CalendarView : 캘린더 3. DatePicker : 캘린더 (두 가지 옵션이 있음) //or calendar 4. TimePicker : 시간 설정 2021. 5. 4.
[Kotlin App] DatePickerDialog / TimePickerDialog 첫 번째 이미지는 DatePickerDialog, 두 번째 이미지는 TimePickerDialog를 사용한 화면이다. xml파일 : 각 위젯의 id확인하기 MainActivity.kt package com.cookandroid.kotlinapp0503_2 import android.app.DatePickerDialog import android.app.TimePickerDialog import android.os.Build import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.DatePicker import androidx.annotation.RequiresApi import kotlinx.. 2021. 5. 4.
[Kotlin App] 웹뷰 웹뷰 사용자가 웹 브라우저 기능을 앱 안에 직접 포함할 수 있는 위젯 연습문제 실습 1. menifest.xml파일에 permission주기 - 웹 브라우저 접근 권한 2. xml작성 3. MainActivity.kt작성 package com.cookandroid.kotlinapp0503_2 import android.os.Bundle import android.webkit.WebResourceRequest import android.webkit.WebView import android.webkit.WebViewClient import androidx.appcompat.app.AppCompatActivity import kotlinx.android.synthetic.main.activity_main.* .. 2021. 5. 4.
[Kotlin App] Action Bar와 Flagment 액션바 태블릿과 같은 대형 화면에서 여러 화면을 사용하기 위해 고안됨 액션바를 구현할 때는 프래그먼트를 사용하는 것이 좋음 프래그먼트 액티비티보다 작은 단위의 화면 대형화면에서는 액티비티 화면을 분할하여 표현할 수 있음 소형화면에서는 화면의 분할보다는 실행중에 화면을 동적으로 추가하거나 제거하는데 더 많이 활용됨 연습문제 실습 탭별로 다른 화면을 출력한다. 탭은 액션바를, 화면은 프래그먼트를 사용한다. 1. 액션바를 이용해 탭을 붙여준다. 2. MyTabFragment 클래스를 만들어준다. (프래그먼트 객체 생성을 위함) 3. onTabSelected메소드를 구현한다. (여기서 프레그먼트 생성) MainActivity package com.cookandroid.kotlinapp0503 import and.. 2021. 5. 4.
[Kotlin App] TabHost 탭호스트 여러 탭을 두고 각 탭을 클릭할 때마다 해당 화면이 나오도록 설정하는 뷰 컨테이너 탭스펙 탭을 구성하는 요소들의 집합 탭스펙을 준비하여 탭호스트에 붙여넣으면 탭이 됨 탭호스트를 사용할 때 주의사항 1. TabWidget의 id 속성값은 반드시 "@adroid:id/tabs"값을 지정해야 함. 탭호스트, 탭위젯, 프레임레이아웃은 id가 지정되어 있는데 이 지정된 id를 변경하지 않고 그대로 사용해야 안드로이드가 탭호스트의 구성을 인식함 2. 탭호스트의 형태는 리니어 레이아웃 > 탭 위젯 > 프레임 레이아웃이며, 프레임 레이아웃에 보여줄 내용을 포함시킴 탭호스트를 사용한 Kotlin코드 var tabHost = this.tabHost //탭호스트 변수 생성 //탭스펙 생성 var tabSpec1 =.. 2021. 5. 3.
[AWS] teraterm을 이용하여 EC2 인스턴스 사용 저번 포스팅은 EC2인스턴스 생성을 다뤄보았다. 이번 실습은 우리가 생성한 EC2인스턴스의 OS인 우분투 환경에서 기본적인 명령어와 웹서버를 설치하는 것까지 실습을 진행해보고자 한다. 목차 1. teraterm 접속방법 2. 우분투 리눅스 디렉토리 구조 이해 3. 우분투 리눅스 기본 명령어 4. 우분투에서 웹서버 설치 teraterm 접속방법 teraterm 설치 링크 tera-term.softonic.kr/ Tera Term 개인 컴퓨터 용 오픈 소스 에뮬레이션 소프트웨어 tera-term.softonic.kr teraterm은 오픈 소스에뮬레이터프로그램, 터미널 또는 콘솔 프로그램이다. 주 기능은 사용자와 컴퓨터의 인터페이스 역할을 하며 다양한 용도로 사용할 수 있다. 이번 실습에서는 teraterm.. 2021. 4. 26.

티스토리툴바