<div class="bg-light container">
    <table class="table text-center">
        <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">First</th>
            <th scope="col">Last</th>
            <th scope="col">Handle</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <th scope="row">1</th>
            <td>a</td>
            <td>b</td>
            <td>@abc</td>
        </tr>
        <tr>
            <th scope="row">2</th>
            <td>qwer</td>
            <td>qaa</td>
            <td>@abc</td>
        </tr>
        <tr>
            <th scope="row">3</th>
            <td>aa</td>
            <td>asde</td>
            <td>@abc</td>
        </tr>
        </tbody>
    </table>
</div>

길이 수정

width

<div class="bg-light container">
    <table class="table text-center">
        <thead>
        <tr class="d-flex">
            <th class="col-3">#</th>
            <th class="col-5">First</th>
            <th class="col-4">Last</th>
            <th class="col-3">Handle</th>
        </tr>
        </thead>
        <tbody>
        <tr class="d-flex">
            <th class="col-3">1</th>
            <td class="col-5">a</td>
            <td class="col-4">b</td>
            <td class="col-3">@abc</td>
        </tr>
        <tr class="d-flex">
            <th class="col-3">2</th>
            <td class="col-5">qwer</td>
            <td class="col-4">qaa</td>
            <td class="col-3">@abc</td>
        </tr>
        <tr class="d-flex">
            <th class="col-3">3</th>
            <td class="col-5">aa</td>
            <td class="col-4">asde</td>
            <td class="col-3">@abc</td>
        </tr>
        </tbody>
    </table>
</div>

'IT > 기타' 카테고리의 다른 글

윈도우10 블라이트 차단 - windows 10 blue light filter  (0) 2020.05.17
untity 무료 설치 2편 Unity  (0) 2020.05.17
untity 무료 설치 1편 Unity Hub  (0) 2020.05.17

 

untity 무료 설치 2편 Unity

 

유니티 허브가 설치가 안되있으면 전편에 유니티 허브 설치를 보고 오자

https://easytoy.tistory.com/150

 

untity 무료 설치 1편 Unity Hub

1편 Unity Hub 유니티 다운로드 홈페이지 : https://store.unity.com/kr/#plans-individual 게임 및 모바일 앱의 크로스 플랫폼 개발을 위한 강력한 2D, 3D, VR 및 AR 소프트웨어를 제공합니다. 크로스 플랫폼 기..

easytoy.tistory.com

 

설치된 유니티 허브를 가지고 유니티를 설치해보자

 

일단 설치 위치를 선택해준다.

설치 위치는 기본적으로 유니티 허브를 설치한 드라이브에 unity폴더로 설정되 있다.

나는 D드라이브에 유니티 허브를 설치하여 D드라이브로 설정이 되있다.

경로를 병없이 유니티 허브를 설치했을 경우에는 C드라이브의 untiy로 지정되있을 것이다.

이제 다음단계인 회원가입으로 가자 위에 ID만들기를 해주고

만약 ID를 이미 생성했을경우에는 이미 UnityID가 있습니다. 로 해준다.

구글이나 페이스북으로 가입이 가능하다.

이제 만들고자하는 장르와 프로젝트 이름을 지정해준다.

 

그럼 이제 설치가 다 될때까지 기다린다.

동영상이나 보자

설치가 끝났다 이제 유니티를 시작하자

실행 화면이다.

1편

  Unity Hub

유니티 다운로드 홈페이지 : https://store.unity.com/kr/#plans-individual

 

게임 및 모바일 앱의 크로스 플랫폼 개발을 위한 강력한 2D, 3D, VR 및 AR 소프트웨어를 제공합니다.

크로스 플랫폼 기능이 필요한 2D, 3D, VR, AR 프로젝트를 진행하셔야 하나요? 취미 개발자부터 전문 개발자 및 기업 비즈니스에 이르기까지 Unity가 도와드리겠습니다! Unity 실시간 개발 플랫폼에 대�

store.unity.com

 

무료설치 조건

 

위에 조건에 만족하면 유니티 홈페이지로 이동한다 https://store.unity.com/kr/#plans-individual

 

게임 및 모바일 앱의 크로스 플랫폼 개발을 위한 강력한 2D, 3D, VR 및 AR 소프트웨어를 제공합니다.

크로스 플랫폼 기능이 필요한 2D, 3D, VR, AR 프로젝트를 진행하셔야 하나요? 취미 개발자부터 전문 개발자 및 기업 비즈니스에 이르기까지 Unity가 도와드리겠습니다! Unity 실시간 개발 플랫폼에 대�

store.unity.com

그리고 위에 개인에서 Personal버전에서 시작하기를 눌러준다.

 

 

처음 시작했으니까 첫 사용자에서 시작하기를 클릭

 

약관에 이용조건을 확인하고 동의 및 다운로드 클릭

 

 

다운로드 받은 파일을 실행시키고 동의함을 눌러 진행한다.

 

설치폴더를 지정 해주고 설치를 시작한다.

따로 설치 폴더 세팅을 안할경우 D드라이브가 아닌 C드라이브에 설치가 된다.

설치 완료

 

이제 실행을 하면 엑세스 허용하냐고 뜨는데 허용해준다.

이제 유니티 허브는 설치가 완료된 것 이다.

이제 본격적인 유니티 설치이다.

 

2편으로 넘어가자

https://easytoy.tistory.com/151

 

untity 무료 설치 2편 Unity

untity 무료 설치 2편 Unity 유니티 허브가 설치가 안되있으면 전편에 유니티 허브 설치를 보고 오자 https://easytoy.tistory.com/150 untity 무료 설치 1편 Unity Hub 1편 Unity Hub 유니티 다운로드 홈페이지 :..

easytoy.tistory.com

 

'IT > 기타' 카테고리의 다른 글

untity 무료 설치 2편 Unity  (0) 2020.05.17
sql문 여러 칼럼에 1개지 값 검색하기  (0) 2020.03.15
javascript 변수명 변수 동적 변수명  (0) 2020.03.08


a칼럼||b칼럼 LIKE '%가나다%' 

 

a b
가이도 이이이
이만기 사맘삼
삼도근 사사사
도돌 오오오
도가지 이지

 

예시

select * from tablename where a||b LIKE '%이%'

 

결과

a b
가이도 이이이
이만기 사맘삼
도가지 이지


db 양이 작을때는 괜찮다 많으면 풀스캔으로 속도가 느려진다.
많을때는 a칼럼 LIKE '%가나다%' OR b칼럼 LIKE '%가나다%'
1개씩 해줘야 한다.

기본 사용법

var str_1 = "첫 글";

var str_2 = "두번째 글";

for(var i=1; i<3; i++) {

	console.log( eval('str_'+i) );

}

결과

첫 글

두번째 글

 

배열 응용

var str_1 = "첫 글";

var str_2 = "두번째 글";

var str_2 = "세번째 글";

var arr = ["1", "2", "3"];

arr.forEach(function(item, index){
	console.log( eval('str_'+item) );
});

결과

첫 글 

두번째 글

세번째 글

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
		<script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.js" ></script>
	</head>
	<script type="text/javascript">
	$(document).ready(function() {
		$(".table").sortable();
	});
	</script>
	<body>
		<ul class="table">
		  <li>테이블 1</li>
		  <li>테이블 2</li>
		  <li>테이블 3</li>
		  <li>테이블 4</li>
		  <li>테이블 5</li>
		</ul>
	</body>
</html>

 

소스예제 모음 (ASP, C, CSS, HTML, JAVA, JSP, JAVASCRIPT, PERL, PHP, OPEN API, LINUX, MOBILE, FLASH, FREE, UTILTY)


소스로 만드 많으 예제들이 있습니다.


참고하실때 좋습니다.


랑크

http://happycgi.com/









공감로그인을 필요로 하지않습니다.


공감




'IT > 기타' 카테고리의 다른 글

jQuery - sortable() 카테고리 마우스 다운으로 움직이기  (0) 2020.03.03
if문  (0) 2018.07.01
Visual Studio코드 정리 단축키  (0) 2018.06.30

+ 최근 게시물