'2020'에 해당되는 글 497건

JQuery 객체이동

2020/JQuery 2020. 2. 28. 12:56
반응형
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
      $(document).ready(function() {
        $("img").css("height", 250);
        // 2초에 한번씩 사진 바뀜
        setInterval(function() {
          // 1번 이미지를 body에 붙이면서 맨 뒤로 보냄
          $("img")
            .first()
            .appendTo("body");
        }, 2000);
      });
    </script>
    <title>Document</title>
  </head>
  <body>
    <img src="/images/1.png" />
    <img src="/images/2.png" />
    <img src="/images/3.png" />
    <img src="/images/4.png" />
    <img src="/images/5.png" />
  </body>
</html>
반응형
저작자표시

'2020 > JQuery' 카테고리의 다른 글

JQuery replaceWith, replaceAll, 요소 대체하기  (0) 2020.02.28
JQuery 속성 값 입력  (0) 2020.02.28
JQuery selectbox 확인  (0) 2020.02.28
JQuery 객체추가  (0) 2020.02.28
JQuery 속성추가  (0) 2020.02.28
블로그 이미지

꽃꽂이하는개발자

,

MONgo db 환경변수 설정

2020/IT Q_A 2020. 2. 21. 18:48
반응형

윈도우 10에서 다운로드 > 설치 후 mongod가 실행되지 않는다면 다음을 따라서 환경변수 추가를 해보세요. 1. [내컴퓨터] 우클릭 > [고급시스템설정] > [환경변수(N)] 2. 시스템변수 리스트 중 'Path'를 선택하고 편집을 선택한 후 'Mongodb의 설치경로￦bin'을 추가 3. vscode 재실행 후 터미널에 'mongod'입력 mongo를 쳤을때 내용이 나오면 ㅇㅋ

반응형
저작자표시

'2020 > IT Q_A' 카테고리의 다른 글

com.mysql.cj.exceptions.InvalidConnectionAttributeException: The server time zone value  (0) 2020.05.20
java.net.BindException: Cannot assign requested address: JVM_Bind  (0) 2020.03.15
Visual Studio Edit in settings.json  (0) 2020.02.17
java script(const, let)  (0) 2020.02.14
증감연산자 x++, ++x  (0) 2020.02.13
블로그 이미지

꽃꽂이하는개발자

,

Node js install

2020/node js 2020. 2. 19. 15:26
반응형

window 사용자

 

1. 사이트 접속

https://nodejs.org/ko/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

필요하신 버전을 다운 받으시면 됩니다.

넥스트 넥스트..넥스트..

 

powershell 을 실행하시고

node -v 를 입력하시면

무슨 버전이 설치되어있는지 알게 됩니다.

 

반응형
저작자표시

'2020 > node js' 카테고리의 다른 글

Node.js란?  (0) 2020.02.19
블로그 이미지

꽃꽂이하는개발자

,

Node.js란?

2020/node js 2020. 2. 19. 13:46
반응형

node js를 써야할때 : 많은 데이터를 다뤄야할 때 (데이터베이스) 데이터를 다루는 성능이 아주 좋다.

알림, 실시간처리 등 대신 하드웨어 파워를 사용해야 할때(서버를 이용해야할 때)는 node js는 적합하지않다.

자바스크립트는 하드웨어에 접근할 수 없다. 하드코어프로세싱에 적합하지 않다. => 장고(파이썬)을 사용해야한다. =>서버의 램, 하드웨어를 사용해야한다.

데이터 저장 생성 삭제 등 빠르게 보여주고싶을때 => node js를 사용해야한다. 실시간처리 => 채팅기능 => 서버의 scale을 잘 다룰 수 있다. 정적인 웹사이트 (장고 php nodejs) 모두 적합하다.

언어별 장점과 단점을 고려해서 자신이 선택 미니멀리스틱, 간략한 0부터 시작해서 .. 모든걸 내가 컨트롤할 수 있는 것 이것이 node js!

 

node js를 사용해 만든 사이트

Netfilx

Payfal

Uber

이 곳들이 모두 node js를 사용해서 만든 곳입니다.

 

paypal uber netflix -> node js로 만들어진 웹사이트 -> 데이터를 다루기 때문에 node js 를 사용

 

netflix -> 엄청 많은 언어를 사용했을 것으로 추정 ! -> 기본 메인 언어는 하나 있겠지만, 여러 언어를 사용

 

paypal -> 자바 : 은행과 연결 -> 등등 다른 언어들... facebook -> 수백개의 언어로 만들어졌다. -> 채팅 : javascript(websocket)

 

==node js== 많은 테스트가 있었고, 많은 사람들이 사용하고 , 많은 회사에서 사용한다. cool~~~~ 수없이 검증되었고 많은 곳에서 사용 되니 걱정말고 공부하자~

반응형
저작자표시

'2020 > node js' 카테고리의 다른 글

Node js install  (0) 2020.02.19
블로그 이미지

꽃꽂이하는개발자

,

reset css

2020/CSS 2020. 2. 19. 12:21
반응형

모든 기본값을 마진 0으로 만듭니다.

https://meyerweb.com/eric/tools/css/reset/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

수많은 태그들이 스타일을 가지고 있습니다.

 

반응형
저작자표시

'2020 > CSS' 카테고리의 다른 글

border line  (0) 2020.03.23
box-sizing: border-box  (0) 2020.03.23
CSS 글 목록이 아래에서 위로 올라오는 기능 fadeIn  (0) 2020.02.18
CSS 사진회전, 그림자  (0) 2020.02.18
css focus 기능  (0) 2020.02.18
블로그 이미지

꽃꽂이하는개발자

,

CSS 글 목록이 아래에서 위로 올라오는 기능 fadeIn

2020/CSS 2020. 2. 18. 19:52
반응형
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 3;
        transform: none;
    }
}

main {
    animation: fadeIn 0.5s ease-in-out;
}

글 목록이 아래에서 위로 올라오는 기능 fadeIn

반응형
저작자표시

'2020 > CSS' 카테고리의 다른 글

box-sizing: border-box  (0) 2020.03.23
reset css  (0) 2020.02.19
CSS 사진회전, 그림자  (0) 2020.02.18
css focus 기능  (0) 2020.02.18
gradient 추천 사이트  (0) 2020.02.18
블로그 이미지

꽃꽂이하는개발자

,

CSS 사진회전, 그림자

2020/CSS 2020. 2. 18. 19:46
반응형
@keyframes spin {
    from {
        transform: none;
    }

    to {
        transform: rotateY(1turn)
    }
}

.incoming-message img {
    width: 30px;
    border-radius: 15px;
    margin-right: 15px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px,
        rgba(0, 0, 0, 0.024) 0px -6px 16px -6px;
    animation: spin 2s linear infinite;
}
반응형
저작자표시

'2020 > CSS' 카테고리의 다른 글

reset css  (0) 2020.02.19
CSS 글 목록이 아래에서 위로 올라오는 기능 fadeIn  (0) 2020.02.18
css focus 기능  (0) 2020.02.18
gradient 추천 사이트  (0) 2020.02.18
페이지에서 색상 변경 가능, 사이즈 확인 site  (0) 2020.02.17
블로그 이미지

꽃꽂이하는개발자

,

css focus 기능

2020/CSS 2020. 2. 18. 18:45
반응형

input 같은 요소를 클릭해 선택해서 입력하는 동안이나 선택해 있는 동안의 스타일 지정을 합니다.

 

예제 1

<style>
input:focus {background-color: yellow;}
</style>

<form>
<input type="text" name="focus">
<input type="submit" value="Submit">
</form>

input창을 클릭하면 노란색으로 바뀝니다.

결과 확인은

https://codepen.io/sinbi/pen/WNeYdoV

 

WNeYdoV

...

codepen.io

예제 2

<style>
input {background-color:gray;}
input:hover {background-color:red;}
input:active {color:white;background-color:blue;}
input:focus {color:green;background-color:yellow;}
</style>
 
<input  type="text"/>

https://codepen.io/sinbi/pen/gOYQoWZ

반응형
저작자표시

'2020 > CSS' 카테고리의 다른 글

CSS 글 목록이 아래에서 위로 올라오는 기능 fadeIn  (0) 2020.02.18
CSS 사진회전, 그림자  (0) 2020.02.18
gradient 추천 사이트  (0) 2020.02.18
페이지에서 색상 변경 가능, 사이즈 확인 site  (0) 2020.02.17
css media queries  (0) 2020.02.16
블로그 이미지

꽃꽂이하는개발자

,
반응형

공지사항

글 보관함

달력

«   2025/01   »
일 월 화 수 목 금 토
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

티스토리툴바