niceaji

<script>
  import Count from './Counter.svelte';
</script>

<h1>hello svelte</h1>
<Count />

niceaji

{"a":1}

niceaji

const modalClass = 'modal';
const modalBodyClass = 'modal-body';
const modalCloseClass = 'modal-close';
const modalContentClass = 'modal-content';

function closeModal() {
  const $modal = document.querySelector(`.${modalClass}`);
  $modal.removeEventListener('click', closeModal);
  document.removeEventListener('keydown', closeModal);
  $modal.remove();

niceaji

<div id="root">
  <div class="count">10</div>
  <button>plus</button>
  <button>minus</button>
</div>

niceaji

console.log(1)

niceaji

[
  {
    "en": "I have breakfast sometimes",
    "ko": "나는 때때로 아침 식사를한다"
  },
  {
    "en": "I go to office",
    "ko": "나는 사무실에 간다"
  },
  {

niceaji

<div style="height:50px;background-color:#ddd">
  <div id="progress" style="background-color:green"></div>
</div>

#progress {

niceaji

<form>
id <input type="text" name="id">
pw <input type="text" name="pw">
<button type="submit">로그인</button>
</form>

niceaji

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^='top'] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^='bottom'] .react-datepicker__triangle,

niceaji

1boon 서비스 만들기

1boon서비스의 JSON API를 이용해서 간단한 1boon 서비스 만들기

준비

1. 기본 마크업에서 시작
2. 크롬 확장프로그램 JSON Formatter 설치