'분류 전체보기'에 해당되는 글 82건

출처링크/IT지식

유니티 기술문서

https://docs.unity3d.com/kr/530/Manual/ExecutionOrder.html


http://themestock7.tistory.com/58


https://wikidocs.net/book/1793

'출처링크 > IT지식' 카테고리의 다른 글

Do it 자바프로그래밍 입문  (0) 2018.09.01
아톰에디터 주석 색깔 변경  (0) 2018.08.13
무료 고퀄리티 이미지  (0) 2017.08.07
Atom Sync  (0) 2017.08.07
반응형 웹 디자인 무료PSD  (0) 2017.07.28
,
출처링크/IT지식

Do it 자바프로그래밍 입문

초보자에게 좋은 프로그래밍 책


1. 그림


2. 나혼자 코딩


3. 기억을 되살리는 연습문제


4. 코딩해보세요


5. 한 걸음더


6. 실무에서 사용하는 방법


그리고 설명


카테고리별로 자세한 설명과 그림으로 되어있어요


읽기만하면 익혀지는 좋은 책

 

그림 설명 너무 좋습니다!

 


 

'출처링크 > IT지식' 카테고리의 다른 글

유니티 기술문서  (0) 2018.09.01
아톰에디터 주석 색깔 변경  (0) 2018.08.13
무료 고퀄리티 이미지  (0) 2017.08.07
Atom Sync  (0) 2017.08.07
반응형 웹 디자인 무료PSD  (0) 2017.07.28
,
카테고리 없음

멋진 문구

https://scroogy.atlassian.net/wiki/spaces/SPRING/pages/1507387


IT is the foundation of all industries. Fighting!! All the developers in the world.



출처: http://objectofterang.tistory.com/11 [테랑's Object]

,
출처링크/IT지식

아톰에디터 주석 색깔 변경

file -> stylesheet 오픈.

아래 부분을 찾아서 수정하거나 없으면 추가해주면 된다. 


요기서 #67bd89 요것만 마음에 드는 색깔로 변경하면됨

https://search.naver.com/search.naver?sm=tab_hty.top&where=nexearch&query=%EC%83%89%EC%83%81%ED%91%9C&oquery=%23898989&tqi=T3ZMglpVuElssvHHNI8ssssssnN-473509



출처

http://nhj12311.tistory.com/entry/atom-%EC%95%84%ED%86%B0-%EC%A3%BC%EC%84%9D-%EC%83%89%EC%83%81-%EB%B3%80%EA%B2%BD-comment-color-change


'출처링크 > IT지식' 카테고리의 다른 글

유니티 기술문서  (0) 2018.09.01
Do it 자바프로그래밍 입문  (0) 2018.09.01
무료 고퀄리티 이미지  (0) 2017.08.07
Atom Sync  (0) 2017.08.07
반응형 웹 디자인 무료PSD  (0) 2017.07.28
,
카테고리 없음

jQuery - 이미지 슬라이드 소스

사전 준비사항 

 - 이미지 images1~5.png 파일 5개 버튼 좌우 이미지2개 필수

 - 그리고 src 경로는 본인 프로젝트 경로와 다를 수있습니다.


HTML - 소스

<!DOCTYPE HTML>

<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link href="../css/imgslide.css" rel="stylesheet" type="text/css" media="all"/>

<link href="../css/common.css" rel="stylesheet" type="text/css" media="all"/>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>

<script type="text/javascript" src="../js/controller.js"></script>

<script>

</script>

</head>

<body>

<div class="wrap"> <!-- 전체 wrap 감싸안으며 -->

 <div class="slide">

  <button type="button" class="prev">

   <img src="../images/left.png" />

  </button>

  <ul>

   <li><img src="../images/image1.png" alt="" /></li>

   <li><img src="../images/image2.png" alt="" /></li>

   <li><img src="../images/image3.png" alt="" /></li>

   <li><img src="../images/image4.png" alt="" /></li>

   <li><img src="../images/image5.png" alt="" /></li>

  </ul>

  <button type="button" class="next">

   <img src="../images/right.png" />

  </button>

  </div>

  </div><!-- wrap END -->

</body>

</html>


CSS - 소스


img{

  display: block;

  border: 0;

}


.slide{

  width: 600px;

  height: 300px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}


.slide ul{

  width: 3000px;

  list-style: none;

  font-size: 0;

}


.slide ul li{

  display: inline-block;

}


.slide button.prev{

  position: absolute;

  left: 0;

  top: 120px;

}


.slide button.next{

  position: absolute;

  right: 0;

  top: 120px;

}


JS - 소스



(function(){

    var current = 0;

    var max = 0;

    var container;

    var interval;

    var xml;

    var animateTarget = null;

    function init(){

      container = jQuery(".slide ul");

      max = container.children().length;

      //console.log();

      events();

      interval = setInterval(next, 3000);

  }

  // 무한 롤링 셋팅

  function setting(){

    container.css("margin-left","-600px");

    container.prepend(container.children()[max-1]);

  }

  function events(){

    jQuery("button.prev").on("click", prev);

    jQuery("button.next").on("click", next);

    jQuery(window).on("keydown", keydown);

  }

  function prev( e ){

    current--;

    if( current < 0 )  current = max-1;

    animate("prev");    // pram

  }

  function next( e ){

    current++;

    if( current > max-1 ) current = 0;

    animate("next");    // pram

  }

  function animate( $direction ){

    if( animateTarget !=null ){

      TweenMax.killTweensOf( animateTarget );

      animateTarget.css("margin-left","0");

    }

    if( $direction == "next"){

      jQuery(container.children()[1]).css("margin-left","600px");

      container.append( container.children()[0] );

    } else if( $direction == "prev"){

      container.prepend( container.children()[max-1] );

      jQuery(container.children()[0]).css("margin-left","-600px");

    }

    animateTarget = jQuery(container.children()[0]);

    TweenMax.to( animateTarget, 0.8, { marginLeft:0, ease:Expo.easeOut });

    clearInterval(interval);  // 누적된어 있는것을 클리어 함

    interval = setInterval(next, 3000);  // Interval 누적됨

  }

  function keydown( e ){

    //console.log(e); 키보드 이벤트 로그

    if( e.which == 39 /*right*/ ){

        next();

    }else if( e.which == 37 /*left*/ ){

        prev();

    }

  }

  jQuery( document ).ready( init );

})();




소스 출처 : https://www.youtube.com/watch?v=ifchyv2u-VE&list=PLkvX9D0C9X8tPzDuTEVd4O2aJs-nYNLir&index=4


유지남님 감사합니다.

,
Front-End/J-Query

Jquery 기본 문법

<script>


$(document).ready(function(){


... jQuery 메소드, 액션을 입력 ...


});


</script>




<script>


$(function(){


... jQuery 메서드, 액션을 입력 ...


});


</script>


출처 : http://theqoop.tistory.com/295

'Front-End > J-Query' 카테고리의 다른 글

w3schools - templates  (0) 2017.07.06
jQuery Misc  (0) 2017.07.06
jQuery AJAX  (0) 2017.07.06
jQuery Traversing  (0) 2017.07.06
jquery HTML  (0) 2017.07.06
,
Front-End/JavaScript

자바스크립트가 서버 사이드로 발전

자바 스크립트는 프로그래밍 적으로 웹 브라우저를 제어한다.

onclick="alert('Hello World')"

탈 웹브라우저


웹서버를 동작하게 한다.

서버 사이드 스크립트

(자바스크립가 웹 브라우저에서 사용하는것은

클라이언트 사이드 스크립트)


웹서버   <----요청----   웹 브라우저

웹서버    ----응답---->  웹 브라우저

PHP           웹

JAVA

PYTHON

JavaScritp


기존에는 웹 브라우저를 제어했었던 자바스크립트

현재는 웹 서버를 제어하는 자바스크립트

= 자바스크립트를 웹 서버에서 사용하게 하는 기술의 대표가

Node.js


자바스크립트가 브라우저에서 벗어나서 서버 언어로 발전  = 탈웹


출처 : 생활코딩

https://www.youtube.com/watch?v=PZIPsKgWJiw

'Front-End > JavaScript' 카테고리의 다른 글

논리연산자  (0) 2017.03.13
함수  (0) 2017.03.11
while  (0) 2017.03.11
반복문 - for  (0) 2017.03.11
시간에 따라 다른 메시지 표시하기 - 논리 연산자  (0) 2017.03.11
,
카테고리 없음

선택자 공부 팁

http://flukeout.github.io/


출처 : 생활코딩


이고잉님 항상 감사합니다

,
출처링크/IT지식

무료 고퀄리티 이미지

https://pixabay.com/

'출처링크 > IT지식' 카테고리의 다른 글

Do it 자바프로그래밍 입문  (0) 2018.09.01
아톰에디터 주석 색깔 변경  (0) 2018.08.13
Atom Sync  (0) 2017.08.07
반응형 웹 디자인 무료PSD  (0) 2017.07.28
자바스크립트 강좌  (0) 2016.07.07
,
출처링크/IT지식

Atom Sync

2bf42e33c118192d6dda9dffa39a3f385e996106


693b2ff2bf0f59e86358a51ed347199d

'출처링크 > IT지식' 카테고리의 다른 글

아톰에디터 주석 색깔 변경  (0) 2018.08.13
무료 고퀄리티 이미지  (0) 2017.08.07
반응형 웹 디자인 무료PSD  (0) 2017.07.28
자바스크립트 강좌  (0) 2016.07.07
함께서울  (0) 2016.07.05
,

최근 댓글

최근 트랙백

알림

이 블로그는 구글에서 제공한 크롬에 최적화 되어있고, 네이버에서 제공한 나눔글꼴이 적용되어 있습니다.

태그

링크

ㆍ 지메이트 시스템즈
ㆍ 헝그리하트의 블로그
ㆍ 언제나 휴일
ㆍ 함께서울 - 블스님 명강의
ㆍ 개발자를 위한 레시피 :: 개발자를 위한 레시피
ㆍ lhh3520's 공간박스
ㆍ 줄없는 연습장
ㆍ Let's Smile : )
ㆍ 같이 살자
ㆍ :: 8Kun' ARCHIVE :: :: 8Kun' A…

카운터

Today :
Yesterday :
Total :

티스토리툴바