반응형
반응형

Deno - A secure runtime for JavaScript and TypeScript.

 

Node.js의 개발자 Ryan Dahl이 개발한 개선되고 더 안전한 Node.js,

 

Node는 JavaScript를 실행하기 위한 런타임인 것처럼, Deno는 TypeScript를 실행하기 위한 Command-line 런타임

 

Deno is a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust.

  1. Secure by default. No file, network, or environment access, unless explicitly enabled.
  2. Supports TypeScript out of the box.
  3. Ships only a single executable file.
  4. Has built-in utilities like a dependency inspector (deno info) and a code formatter (deno fmt).
  5. Has a set of reviewed (audited) standard modules that are guaranteed to work with Deno: deno.land/std

반응형

'프로그래밍 > Script' 카테고리의 다른 글

Bootstrap modal 사이즈 및 위치 조절  (0) 2021.08.03
[Node.js] 파일 업로드 하기 (multer 모듈 사용 )  (0) 2021.07.23
[jQuery] image slideshow  (0) 2021.07.06
[javascript]  (0) 2021.07.05
How TO - Sort a Table  (0) 2021.06.01
반응형

“내가 왕이 된 것을 즐거워하는 것은
바로 남에게 줄 수 있는 것이 즐거워서다.”
어떤 이가 말했다. “얻은 것을 모두 남에게 주시면,
자기에게는 어떤 물건이 남습니까?”
알렉산더 대왕이 말했다. “남에게 주는 즐거움이 남는다.”
- 알렉산더 대왕 이야기


위장은 음식을 소화시켜 자기가 필요한 것을 직접 취하고
그 나머지는 신체의 다른 기관에 나누어줍니다.
그래서 위장이 튼튼하면 신체가 더 건강해집니다.
만약 다 간직하고서 나눠주지 않는다면 위장은 남아도는 근심이 있고,
신체는 부족한 걱정이 있게 되어, 둘 다 병들고 맙니다.

반응형
반응형

1945년,
해방을 6개월 앞두고
윤동주가 2월 16일에,
송몽규는 3월 7일에 피골이 상접한 상태로
숨을 거뒀다. 윤동주는 외마디 비명을 지르고
죽어갔고 송몽규는 눈을 부릅뜬 채 죽어갔다.
순국 당시 윤동주와 송몽규의 나이는
28살이었다.


- 하성환의 《우리 역사에서 왜곡되고 사라진 근현대 인물 한국사》 중에서 -


* 중국 연변 용정에 가면
윤동주 생가가 있고, 바로 옆집에
송몽규의 생가도 있습니다. 같은 나이에 태어나
서로 벗하며 자랐고, 일본 유학도 함께 했고, 그 기막힌
생의 마감도 함께 했습니다. 28세, 꽃다운 나이에,
그것도 조국의 해방을 불과 6개월을 앞두고
말입니다.윤동주의 외마디 비명,
송몽규의 부릅뜬 눈을 우리는
결코 잊을 수 없습니다.

반응형

'아침편지' 카테고리의 다른 글

아이들의 말이 희망이 될 수 있게  (0) 2021.07.12
즐거움도 근육이 필요해  (0) 2021.07.09
연애를 시작했다  (0) 2021.07.07
돈이 전부가 아니다  (0) 2021.07.06
소년소녀여, 눈부신 바다에 뛰어들라!  (0) 2021.07.05
반응형

사람은 누구나 나쁜 운과 좋은 운을 동시에 가지고 있다.
운이란 시간을 말하는 것인데
하루 24시간, 1년 사계절 중에서 즐겁게 일할 수 있는 시간이 좋은 운이다.
이것을 놓치지 않고 열심히 일하는 사람에게는
나쁜 운이 들어올 틈이 없다.
- 고 정주영 현대 회장, ‘91년 광주 MBC 시민교양강좌에서


선배 세대들은 40년 만에 GNP 60달러에서
1만 달러를 훨씬 넘기는 기적을 만들었습니다.
그때의 무기가 할 수 있다는 자신감, 전 세계인이 놀란 근면성,
배움에 대한 강렬한 의지 등이었습니다.
우리 세대는 무엇을 무기로 세계 1등 국가로 발돋움 할 수 있을까요?
미래는 승리를 가장 원하는 자의 것이 됩니다.
불평보다는 먼저 실천함으로써 우리의 운을 스스로 개척해 나갈 수 있기를 희망합니다.

반응형
반응형

얼마 후,
우리는 참으로 나답고,
참으로 그녀 다운 방법으로 연애를 시작했다.
내 삶에도 몇 번의 기적과 같은 순간이 있었다.
그것은 그야말로 기적이었다. 기적은, 소리 없이
다가왔다. 내가 더 잘해서, 내가 더 좋은
사람이어서 온 것이 아니었다.
그것은 그냥 갑자기
찾아왔다.


- 좋은비의《서른의 연애》중에서 -


* 기억하시나요?
연애가 시작되었던 그날을!
그날의 하늘, 그날의 바람, 그날의 심장 뛰는 소리를!
그리고 거친 사랑의 강을 건너면서 비로소 알게 된
격랑과 상처와 아픔을! 몇 번의 기적과도 같은
순간도 기억하시나요? 사랑하고 부딪치며
전혀 다른 모습으로, 전혀 다른 사람으로
태어나던 그 순간순간들이 나를 쑥쑥
성장시킨 값진 시간들이 아니었나요?
연애가 준 선물입니다.

반응형
반응형

 

https://www.w3schools.com/howto/howto_js_slideshow.asp

 

How To Create a Slideshow

How TO - Slideshow Learn how to create a responsive slideshow with CSS and JavaScript. Slideshow / Carousel A slideshow is used to cycle through elements: ❮ ❯ Create A Slideshow Step 1) Add HTML: Example

www.w3schools.com

 

<!-- Slideshow container -->
<div class="slideshow-container">

  <!-- Full-width images with number and caption text -->
  <div class="mySlides fade">
    <div class="numbertext">1 / 3</div>
    <img src="img1.jpg" style="width:100%">
    <div class="text">Caption Text</div>
  </div>

  <div class="mySlides fade">
    <div class="numbertext">2 / 3</div>
    <img src="img2.jpg" style="width:100%">
    <div class="text">Caption Two</div>
  </div>

  <div class="mySlides fade">
    <div class="numbertext">3 / 3</div>
    <img src="img3.jpg" style="width:100%">
    <div class="text">Caption Three</div>
  </div>

  <!-- Next and previous buttons -->
  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
  <a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<br>

<!-- The dots/circles -->
<div style="text-align:center">
  <span class="dot" onclick="currentSlide(1)"></span>
  <span class="dot" onclick="currentSlide(2)"></span>
  <span class="dot" onclick="currentSlide(3)"></span>
</div>
* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
반응형

+ Recent posts