반응형

1. 시험환경

    ˙ 인터넷

 

2. 목적

    ˙ 검색 엔진 노출을 위한 사이트맵 파일(sitemap.xml)을 생성한다.

 

3. 적용

    ① 무료 사이트맵 생성 파일 제공 URL

        - http://www.web-site-map.com

 

Free XML Sitemap Generator - Online Tool

Use our online tool to create free XML sitemaps for your websites and improve SEO rankings.

www.web-site-map.com

 

        - https://www.xml-sitemaps.com

 

Create your Google Sitemap Online - XML Sitemaps Generator

Installable version We offer a server-side script written in PHP language that you can install on your server and create sitemap for your website. The script doesn't have the limit on number of pages included in sitemap, although server resources required

www.xml-sitemaps.com

        - https://xmlsitemapgenerator.org

 

Free Sitemap Generator • XML • HTML • RSS • Google

Try our free XML Sitemap Generator. Available online, for Wordpress and for Windows. Use our XML sitemap generator to produce HTML, RSS and Google XML Sitemaps!

XmlSitemapGenerator.org

        - https://xmlsitemapgenerator.org

 

Free Sitemap Generator • XML • HTML • RSS • Google

Try our free XML Sitemap Generator. Available online, for Wordpress and for Windows. Use our XML sitemap generator to produce HTML, RSS and Google XML Sitemaps!

XmlSitemapGenerator.org

        - http://www.check-domains.com/sitemap

 

XML Sitemap Generator - Free Unlimited Pages.

XML Sitemap Generator - Free Unlimited Pages

www.check-domains.com

 

    ② 위 사이트에서 생성한 sitemap.xml 파일을 호스팅 root 경로에 업로드한다.

        - github pages 기능으로 웹 호스팅을 하는 경우 Repository root  경로에 업로드하였다.

 

    ③ 구글 서치 콘솔 등 검색엔진 노출을 위해 사이트맵 경로를 등록한다.

 

4. 결과

    ˙ 검색 엔진 노출 결과를 확인한다.

 

반응형
저작자표시

'웹 사이트' 카테고리의 다른 글

쿠키(Cookie)와 세션(Session)  (0) 2024.01.25
가비아(Gabia)에서 구매한 도메인(URL)을 EC2에 연결하기  (0) 2023.07.03
네이버 서치 어드바이저 등록  (0) 2023.01.05
구글 서치콘솔 등록  (0) 2023.01.05
Github Pages 기능으로 정적 웹 페이지 구축  (0) 2023.01.05
반응형

1. 시험환경

    ˙ Github

 

2. 목적

    ˙ Github Pages 기능을 활성화한다.

 

3. 적용

    ① 정적 웹 파일이 저장된 Github Repository에서 "Settings" 메뉴를 클릭한다.

        - 호스팅을 원하는 Repository는 Public으로 생성되어야만 한다.

        - Settings 메뉴는 Github에 로그인한 본인의 Repository에서만 확인할 수 있다.

 

    ② 좌측 메뉴에서 "Pages" 메뉴를 클릭한다.

 

    ③ 웹 페이지 접속을 위한 URL이 나타난다.

 

4. 결과

    ˙ URL 링크를 클릭하면 HTML, CSS 등으로 제작된 정적 웹 페이지에 접속할 수 있다.

 

반응형
저작자표시

'웹 사이트' 카테고리의 다른 글

쿠키(Cookie)와 세션(Session)  (0) 2024.01.25
가비아(Gabia)에서 구매한 도메인(URL)을 EC2에 연결하기  (0) 2023.07.03
네이버 서치 어드바이저 등록  (0) 2023.01.05
구글 서치콘솔 등록  (0) 2023.01.05
사이트맵 생성 및 검색엔진 등록  (0) 2023.01.05
반응형

1. 시험환경

    ˙ npm

    ˙ vue cli

 

2. 목적

    ˙ vue cli를 통해서 프로젝트 초기 설정하는 방법을 확인한다.

    ˙ 생성된 프로젝트를 실행하고 초기화면을 접속한다.

 

3. 적용

    ① vue cli 설치

        - 명령어 : npm install -g @vue/cli

 

    ② 프로젝트 생성하기 (프로젝트 폴더 생성한 곳에서 실행)

        - 명령어 : vue create .

 

    ③ 프로젝트를 실행한다.

        - 명령어 : npm run serve

 

    ④ 추가 플러그인 설치

        - npm install 명령어 : npm install vue-router --save

        - vue add 명령어 : vue add axios

 

 

4. 결과

    ˙ 초기화면 접속

 

반응형
저작자표시

'FrontEnd Framework' 카테고리의 다른 글

[react.js] /ws fail 에러 디버깅 - 콘솔로그(F12)  (0) 2023.03.27
[react.js] Invalid Host Header 에러 해결  (0) 2023.02.28
React 프로젝트 생성, 실행, 빌드  (0) 2022.11.05
ReactJS 단계별 학습 2 - step.4 state, props 기본 사용법  (0) 2021.07.29
ReactJS 단계별 학습 2 - step.3 컴포넌트 파일로 분리  (0) 2021.07.29
반응형

1. 시험환경

    ˙ Android Studio

    ˙ Android Virtual Device

 

2. 목적

    ˙ BMI Calculator UI를 만들기 위해 Linear Layout 사용법을 학습한다.

    ˙ Code 기반으로 컴포넌트 사용법을 학습한다.

 

3. 적용

    ① BMI Calculator를 Android App으로 만들어 보자.

        - URL : https://www.calculator.net/bmi-calculator.html

 

BMI Calculator

BMI Calculator Result BMI = 20.1 kg/m2   (Normal) 161718.525303540UnderweightNormalOverweightObesityBMI = 20.1 Healthy BMI range: 18.5 kg/m2 - 25 kg/m2Healthy weight for the height: 59.9 kgs - 81.0 kgsPonderal Index: 11.1 kg/m3 The Body Mass Index (BMI) C

www.calculator.net

 

    ② Empty 프로젝트를 생성하고, Layout을 초기화한다.

        - layout 파일 : activity_main.xml

 

    ③ Constraints Layout을 Linear Layout으로 변경한다.

        - [Constraint Layout] 우클릭 → [Convert View...] → 팝업창 [LinearLayout] 클릭

 

    ④ Code탭에서 LinearLayout으로 변경된 것을 확인한다.

        - LinearLayout은 수평방향(horizontal) 또는 수직방향(vertical) 설정에 따라 순차적으로 컴포넌트가 배치된다.

 

    ⑤ LinearLayout에 컴포넌트를 배치 코드를 작성하고, 입력값을 받는 컴포넌트에 ID를 부여한다.

        - layout 파일 : activity_main.xml

        - Format 정렬 단축키 : <Ctrl> + <Alt> + <L>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    tools:context=".MainActivity">
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="50dp"
        android:text="연령(만)"
        android:textColor="@color/black"
        android:textSize="20sp"
        android:textStyle="bold" />
 
    <EditText
        android:id="@+id/ageEditTxt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:inputType="number" />
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="성별"
        android:textColor="@color/black"
        android:textSize="20sp" />
 
    <RadioGroup
        android:id="@+id/genderRdo"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
 
        <RadioButton
            android:id="@+id/maleRadio"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="남성"
            android:textSize="15sp" />
 
        <RadioButton
            android:id="@+id/femaleRadio"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="여성"
            android:textSize="15sp" />
    </RadioGroup>
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:inputType="numberDecimal"
        android:text="신장(cm)"
        android:textColor="@color/black"
        android:textSize="20sp" />
 
    <EditText
        android:id="@+id/heightEditTxt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:inputType="numberDecimal" />
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="몸무게(kg)"
        android:textColor="@color/black"
        android:textSize="20sp" />
 
    <EditText
        android:id="@+id/weightEditTxt"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:inputType="numberDecimal" />
 
    <Button
        android:id="@+id/calculateBtn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:text="계산하기"
        android:textSize="20sp" />
</LinearLayout>
 cs

 

4. 결과

    ˙ Design탭에서 배치된 컴포넌트를 확인한다.

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

반응형
저작자표시

'안드로이드' 카테고리의 다른 글

Android Studio와 갤럭시 S 디바이스 장치 연결 설정  (0) 2022.12.10
Helloworld 프로젝트 생성 및 디바이스 테스트  (0) 2022.12.10
AVD(Android Virtual Device) 사용  (0) 2022.12.09
Android Studio 설치  (0) 2022.12.09
[widget] RadioButton, CheckBox 기본 사용법  (0) 2021.07.22
반응형

1. 시험환경

    ˙ JDK 17.0.5

    ˙ IntelliJ

 

2. 목적

    ˙ JAVA 코드를 이용하여 WGS84(lat, lng) 형식의 지점 간 거리 측정 코드를 작성한다.

    ˙ 구글지도에서 두 지점 간 거리 계산 기능과 작성한 코드를 비교하여 유효성을 확인한다.

 

3. 적용

    ① double로 정의된 두 지점 간 직선 거리를 계산하여 반환하는 메소드

        - lat1 : 지점1 위도

        - lon1 : 지점1 경도

        - lat2 : 지점2 위도

        - lon2 : 지점2 경도

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
public class Wgs84 {
 
    public double distance(double lat1, double lon1, double lat2, double lon2) {
        final int R = 6371; // Radius of the earth
 
        Double latDistance = toRad(lat2 - lat1);
        Double lonDistance = toRad(lon2 - lon1);
        Double a = Math.sin(latDistance / 2) * Math.sin(latDistance / 2) +
                Math.cos(toRad(lat1)) * Math.cos(toRad(lat2)) *
                        Math.sin(lonDistance / 2) * Math.sin(lonDistance / 2);
        Double c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
 
        return R * c;
    }
 
    private static Double toRad(Double value) {
        return value * Math.PI / 180;
    }
}
 
 cs

 

    ② Main 메소드에서 distance()를 호출한다.

1
2
3
4
5
6
7
8
9
10
public class Main {
    public static void main(String[] args) {
        double lat1 = 37.4857, lng1 = 127.1216;
        double lat2 = 37.5226, lng2 = 126.9051;
 
        Wgs84 wgs84 = new Wgs84();
        double dist = wgs84.distance(lat1, lng1, lat2, lng2);
        System.out.println(String.format("Distance = %f", dist));
    }
}
 cs

 

    ③ 소스코드 다운로드

Example.zip
0.00MB

 

4. 결과

    ˙ 입력한 두 지점 간 거리는 구글지도에서 19.54km

 

    ˙ 콘솔 로그 확인 결과, 구글지도 수동입력 오차를 감안하면 쓸만한 코드임을 확인할 수 있다.

1
2
3
Distance = 19.533678
 
Process finished with exit code 0
 cs

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

반응형
저작자표시

'스프링 프레임워크' 카테고리의 다른 글

springboot, mybatis, MySQL 연동 프로젝트 생성, 설정 및 예제 코드  (0) 2023.03.09
Springboot 최초 시작 시 IntelliJ 에러 (finished with non-zero exit value 1)  (0) 2023.03.09
[JAVA] 하위폴더 포함 폴더 내 파일 삭제  (1) 2022.12.10
[SpringBoot] application.properties 설정 (mariadb)  (0) 2022.10.22
[JAVA] 경로내에 파일 목록을 추출하여 리스트로 저장  (0) 2022.10.21
반응형

1. 시험환경

    ˙ Jdk-17.0.5

    ˙ IntelliJ

 

2. 목적

    ˙ 특정 폴더 하위에 있는 모든 폴더를 순회하면서 파일을 삭제하는 코드를 작성한다.

 

3. 적용

    ① 테스트 대상 폴더 구조 및 임시 파일이 있다.

        - files : a.txt, b.txt

        - files\subFolder1 : c.txt, d.txt

        - files\subFolder1\subFolder2_1 폴더: e.txt

        - files\subFolder1\subFolder2_1 폴더: gf.txt, h.txt, i.txt

 

    ② 재귀함수를 호출하면서 하위 폴더에 있는 모든 파일을 File 클래스 내장 메소드를 이용하여 삭제한다. 

        - .isFile() : 파일 여부

        - .isDirectory() : 디렉토리 여부

        - .delete() : 삭제

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import java.io.File;
 
public class FileControl {
    static void deleteFiles(String _targetDir) {
 
        File path = new File(_targetDir);
        File[] fList = path.listFiles();
 
        if (fList != null) {
            for(int i = 0; i < fList.length; i++) {
                if(fList[i].isFile()) {
                    fList[i].delete();
                    System.out.println(String.format("%s is deleted...", fList[i].getPath()));
                }
                else if(fList[i].isDirectory()) {
                    deleteFiles(fList[i].getPath());
                }
            }
        }
    }
}
 
 cs

 

    ③ 대상 폴더를 지정하고 Main 클래스에서 테스트한다.

1
2
3
4
5
6
7
8
public class Main {
    private static String targetFolder = "D:/workspace-java/files";
 
    public static void main(String[] args) {
        FileControl fileControl = new FileControl();
        fileControl.deleteFiles(targetFolder);
    }
}
 cs

 

    ④ 프로그램 코드

Example.zip
0.00MB

 

4. 결과

    ˙ 로그에서 삭제된 파일 목록을 확인한다.

1
2
3
4
5
6
7
8
9
10
11
D:\workspace-java\files\a.txt is deleted...
D:\workspace-java\files\b.txt is deleted...
D:\workspace-java\files\subFolder1\c.txt is deleted...
D:\workspace-java\files\subFolder1\d.txt is deleted...
D:\workspace-java\files\subFolder1\subFolder2_1\e.txt is deleted...
D:\workspace-java\files\subFolder1\subFolder2_2\f.txt is deleted...
D:\workspace-java\files\subFolder1\subFolder2_2\gf.txt is deleted...
D:\workspace-java\files\subFolder1\subFolder2_2\h.txt is deleted...
D:\workspace-java\files\subFolder1\subFolder2_2\i.txt is deleted...
 
Process finished with exit code 0
 cs

 

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

반응형
저작자표시

'스프링 프레임워크' 카테고리의 다른 글

Springboot 최초 시작 시 IntelliJ 에러 (finished with non-zero exit value 1)  (0) 2023.03.09
[JAVA] WGS84 좌표간 직선거리 측정 코드  (0) 2022.12.10
[SpringBoot] application.properties 설정 (mariadb)  (0) 2022.10.22
[JAVA] 경로내에 파일 목록을 추출하여 리스트로 저장  (0) 2022.10.21
JSTL을 이용한 DTO 객체 출력  (0) 2022.07.26
반응형

1. 시험환경

    ˙ Android Studio

    ˙ 갤럭시 S 단말기

 

2. 목적

    ˙ 단말기에 개발자 옵션 및 USB 디버깅 설정하는 방법을 확인한다.

    ˙ 안드로이드 스튜디오에서 만든 App을 테스트하기 위해 실제 단말기와 연결한다.

 

3. 적용

    ① [설정] → [휴대전화 정보] 터치

 

    ② [소프트웨어 정보] 터치

 

    ③ [빌드번호] 여러번 터치 → "개발자 모드를 켰습니다" 메시지 출력

 

    ④ [설정] → [개발자 옵션] 터치

        - ③절차에 의해 개발자 모드가 켜지면 항목이 나타난다.

 

    ⑤ [USB 디버깅] 터치 → [확인] 터치

 

4. 결과

    ˙ 단말기와 PC간 USB를 연결하고, 안드로이드 스튜디오에서 연결한 핸드폰이 나타나는 것을 확인한다.

 

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

반응형
저작자표시

'안드로이드' 카테고리의 다른 글

[BMI Calculator] 1. LinearLayout에 컴포넌트 배치하기  (0) 2022.12.11
Helloworld 프로젝트 생성 및 디바이스 테스트  (0) 2022.12.10
AVD(Android Virtual Device) 사용  (0) 2022.12.09
Android Studio 설치  (0) 2022.12.09
[widget] RadioButton, CheckBox 기본 사용법  (0) 2021.07.22
반응형

1. 시험환경

    ˙ Android Studio

    ˙ AVD(Android Virtual Device)

    ˙ Physical Device(삼성 갤럭시 S)

 

2. 목적

    ˙ 안드로이드 스튜디오에서 신규 프로젝트를 생성한다.

    ˙ 프로젝트를 AVD에 Import하고 결과를 확인한다.

    ˙ 프로젝트를 핸드폰 단말기에 Import하고 결과를 확인한다.

 

3. 적용

    ① Android Studio를 실행하고 "New Project" 버튼을 클릭한다.

 

    ② 프로젝트 템플릿을 선택하고, "Next" 버튼을 클릭한다.

 

    ③ 생성할 프로젝트를 설정하고, "Finish" 버튼을 클릭한다.

        - Name : 프로젝트 이름 입력
        - Pakcage name : 앱 구분을 위한 고유값 입력
        - Save location : 프로젝트 저장 위치 입력
        - Minimum SDK : 안드로이드 SDK 버전 설정. (전세계 사용자 디바이스 장치와 호환율 확인)

 

    ④ 프로젝트가 생성된다.

    ⑤ 프로젝트를 가상디바이스에 Import하기 위해 가상 디바이스 장치를 선택한다.

        - Virtual Device를 생성하는 방법은 아래 포스팅을 참고한다. (https://languagestory.tistory.com/175)

 

AVD(Android Virtual Device) 사용

1. 시험환경 ˙ Android Studio ˙ AVD(Android Virtual Device, 안드로이드 가상 디바이스) 2. 목적 ˙ Android Studio에서 제공하는 AVD를 최초 실행 및 동작하는 방법을 학습한다. 3. 적용 ① Android Studio → More Actions

languagestory.tistory.com

 

 

    ⑥ "Run" 단축 아이콘을 클릭하여 프로젝트를 선택한 장치에서 실행한다.

    ⑦ 프로젝트를 실제 디바이스에 Import하기 위해 PC와 USB로 연결된 핸드폰 장치를 선택한다.

        -  Physical Device를 생성하는 방법은 아래 포스팅을 참고한다. (https://languagestory.tistory.com/177)

 

 

    ⑧ "Run" 단축 아이콘을 클릭하여 프로젝트를 선택한 장치에서 실행한다.

 

4. 결과

    ˙ Virtual Device에서 실행한 화면을 확인하고, 화면을 클릭하여 조작한다.

 

    ˙ PC와 연결된 핸드폰에서 실행한 화면을 확인하고, 화면을 터치하여 조작한다.

 

 

 

※ 내용이 도움 되셨다면 광고 클릭 한번 부탁드립니다 ※

반응형
저작자표시

'안드로이드' 카테고리의 다른 글

[BMI Calculator] 1. LinearLayout에 컴포넌트 배치하기  (0) 2022.12.11
Android Studio와 갤럭시 S 디바이스 장치 연결 설정  (0) 2022.12.10
AVD(Android Virtual Device) 사용  (0) 2022.12.09
Android Studio 설치  (0) 2022.12.09
[widget] RadioButton, CheckBox 기본 사용법  (0) 2021.07.22

+ Recent posts

티스토리툴바