개발자의 개발 블로그

유니티 창에서 

1. 상단 메뉴 - File - Build Settings하면 Build Settings창이 열린다.

2. Player Setttings... 를 클릭한다.

3. 상단에 Product Name을 변경해주면된다.

이것이 빌드 후, 모바일에 설치될 때 이름이기 때문이다.

유니티에서 안드로이드 모바일 폰으로 빌드를 했을 때,

아이콘이 두 개 생성되는 것을 볼 수 있다.

그 이유를 검색해본 결과,

유니티 개발 시 플러그인을 사용하는 경우가 많은데,

안드로이드 매니페스트(AndroidManifast.xml) 파일이 두 개 존재할 경우, 두 개의 아이콘이 생성된다.

자세히 말하면, AndroidManifast.xml 자체가 두 개여서가 아니라,

             <intent-filter>

                 <action android:name="android.intent.action.MAIN" />

                 <category android:name="android.intent.category.LAUNCHER" />

             </intent-filter>

위 코드가 존재하면, 메인화면이므로 아이콘이 1개 생성된다. 

기본적으로 아이콘이 만들어지므로, AndroidManifast.xml를 찾아 들어가서, 위 코드를 없애야한다.

이 블로그에서 해답을 찾았다. 

클래스

- 연산자 .으로 호출

- 중복 허용.

아이디

- #으로 호출

- 중복 불가(유일한 1개 매칭)

[테이블에서 왼쪽 정렬된 텍스트를 가운데 정렬하는 방법]

text-align : center;  로 가운데 정렬을 할 수 있다. 

td {

text-align : center;

은 가운데 정렬이 되는데, 

th {

text-align : center;

적용이 안된다. 

tr > th로 해야,

적용이 된다. 

[테이블에서 테두리를 따로따로 지정하는 방법]

border : 1px solid red;    // 모든 테두리를 한꺼번에 변경

이외에도, 상하좌우 각각 변경이 가능하다.

border-

left right top bottom 을 붙이면 된다.

상단을 좀 더 굵게 검은색으로 하고싶다면

border-top: 2px solid black;으로 하면 된다.

홈페이지 개발 시, 화면 영역 크기를 제한하려고 한다.

제한하지 않으면, 아래 이미지와 같이 화면 창 끝과 끝까지 텍스트가 길어져 보기 좋지 않다.

그래서, 대부분의 홈페이지들은 중앙에 내용을 위치하며, 너비의 제한을 둔다.

컨텐츠 화면을 중앙으로 배치하는 방법.. margin : 0 auto;

지금 작성중인 티스토리 글쓰기 화면도 마찮가지다.

어떻게하면, 컨텐츠를 중앙으로 옮길 수 있을까?

간단하다. 하지만 모르면 어렵다.

중앙으로 이동하고자하는 div태그에 다음과 같이 style 속성을  추가해주면 된다.

width는 당연하겠지만, 너비다. 900px만 사용하겠다는 의미이다.

margin: 0 auto가 중요하다.

0은 위아래 마진이다. 위아래는 마진이 필요없으므로 0

auto는 좌우 마진이다. auto는 자동이므로 양옆을 균일한 값으로 마진이 발생한다.

따라서, 정중앙으로 컨텐츠 이미지가 이동하게 된다.

아래 사진을 보면 하단이 적용한 텍스트이다. 보기 더욱 깔끔해졌다.

margin을 쓸때는 

상 하 좌 우 모두 따로따로 사용할 수 있다.

또는 

상하 , 좌우 를 두개로 묶어서 사용할 수 있다.

아니면, 동일하게 마진(패딩)을 적용하고 싶다면, 그냥 

라고 쓰면 된다.

패딩도 똑같은 원리로 적용할 수 있다.

1. 다음 지도 API를 검색한다

2. Daum 지도 API 사이트에 들어간다.

3. 웹사이트에 삽입할 것이므로 Web 선택한다.

1일 300,000회까지 사용이 가능하다고 한다. 시작하기 고고~

Daum 지도 Javscript API 는 키 발급을 받아야만 사용할 수 있다. 

그리고 키를 발급받기 위해서는 카카오 계정이 필요하다.

아 맞다.. 다음이 아니라 카카오였지..

키 발급에는 아래 과정이 필요하다. 지도 하나 주는데 까다롭다...

1. 카카오 개발자사이트 (https://developers.kakao.com) 접속한다.

2. 개발자 등록 및 앱 생성한다.

3. 웹 플랫폼 추가: 앱 선택 – [설정] – [일반] – [플랫폼 추가] – 웹 선택 후 추가한다.

4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)

5. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.

6. 앱을 실행한다.

도메인이 아직 없는데 뭔 도메인을 입력하라는건지 모르겠다. 필수 입력이라는데... 그냥 원하는 도메인을 입력했다. 

안된다..

등록된 사이트 도메인에서만 지도API를 사용할 수 있기 때문에 반드시 등록해주세요.

 도메인을 만든 뒤 하자. 아니면 서버를 열어서 하자

작성 끝.

정말 쉽네요~

자동완성이 엄청난것 같아요.

약 2자만 치면 자동으로 목록이 나오고, 선택하면 

시작태그와 끝태그 그리고 중요한 속성까지 입력할 수 있게 자동완성되어 보여지네요

맥 기준으로 Option + Shift + F를 통해 HTML 자동 정렬까지 가능하구요~

확장을 통해 브라우저까지 쉽게 열 수 있으니... 이건 뭐 개발 속도가 증가될 수 밖에요 

아톰에서 엄청 삽질했던게 기억나는데

이런 세상이 있었다니..

물론... 알아야 잘 쓸수 있는거니까... 삽질이나 노가다 입력을 통해 HTML 구조에 대해 알고 계시는 것이 좋을 것같아요.

비주얼 스튜디오 코드에서 브라우저를 쉽게 열려면 패키지를 설치해줘야 한다.

1. 보기 메뉴 - 확장을 선택한다.

2. 아래와 같은 창이 나온다. 

3. View in Browser를 입력한다. 그리고 설치한다.

설명은 다음과 같다. 단축키는 Ctrl + F1이라고 한다.

끝났다..

깔끔하게 종료한 뒤, 다시 들어가서 코드에 커서를 놓고

윈도우 : Ctrl + F1

맥 : Command + F1

을 누르게 되면 자동으로 브라우저가 열리며 코드가 적용된것을 볼 수 있다.

유니티에서 간단하게 앱을 종료시키는 방법은 다음과 같다.

일단, 종료 버튼에 On Click에다가 함수를 연결한 뒤, 아래와 같이 한 줄만 써줘도 버튼을 눌렀을 때 앱은 종료된다.

이렇게 하게 되면, 앱이 종료된다.

테스트해보기 위해서는 직접 디바이스에서 해야한다.

PC상의 유니티에서는 아무런 반응이 일어나지 않는다.