분류 전체보기

[각주:1]

음.. IT경영과는..

이 블로그는 소프트웨어과이기 때문에 타과에 대한 자세한 언급은 삼가합니다.


소프트웨어과는 경쟁률이 줄고는 있으나 그래도 4.13으로 1등입니다.

정보보호과와 멀티미디어과는 3이네요.


본교 특별교육과정이수자는 IT경영과와 멀티미디어과, 정보보호과는 안넣으면 손해에 가까울 정도입니다.

IT경영과와 멀티미디어과에 지원하실 2020학년 지원자 분들은 꼭 특별교육과정을 이수하시길...!


  1. https://www.facebook.com/sunrinhs/photos/a.241942756420685/262377044377256 [본문으로]

사실 9시 해야하는 것을 까먹어서 급하게 했습니다.

※기존 http 경로는 접근이 불가능합니다.

업데이트 내용은 아래와 같습니다.

1. https로 전환

2. query 기능에 한해서 cors 무시 = 클라이언트에서 요청 가능합니다.

3. 쿼리기능에서 소문자(usdkrw)으로 요청할 경우 반환되지 않는 경우 해결!



http로 요청하시는 분은 빠르게 s를 붙여주세요!


  1. nickado 2018.11.28 10:21 신고

    늘 api 잘 쓰고 있습니다. 제 메일도 긴급 공지 리스트에 포함시켜주시면 감사하겠습니다. hyunsoo.go@gmail.com

모바일 + TV + 인터넷 세개 다 KT라 고생이 심했습니다.

교보문고는 통신이 되다가 광화문역만 가면 통신이 끊기고 남영역만 지나면 모바일 통신이 안됐습니다.


디지털 콘텐츠 경진대회 마감은 남산 도서관가서 해치웠습다.


인터넷은 한 오후 3~4시쯤에 복구된거 같고

모바일 통신은 저녁 7시쯤 복구 된거 같습니다.


이 사태가 KT가 국가 중요 통신망인 이유입니다. 

왜냐하면 KT가 한국 통신이었기 때문에 많은 공공기관에서 KT망을 씁니다. 게다가 시골까지 되는 곳은 KT 밖에 없기도 합니다.

SKT나 LGU+가 따라올 수 없는 부분입니다.

(혜화 전화국은 해외망 DNS를 담당하고 있다고 합니다.)

만약에 평일에 이런 일이 터졌거나 좀 더 범위가 넓었으면 피해는 더 커졌을거라 생각합니다.


보상은 1달치 요금 면제라니깐 그나마 다행이지 않나 싶습니다.


라디오가 꼭 필요하다는 것을 느낀 순간이었습니다.


'IT' 카테고리의 다른 글

Webstrom 편리한 기능 팁(구글 검색)  (0) 2018.12.14
KT 아현지사 화재로 인한 통신장애  (7) 2018.11.25
WebStorm 2018.3 출시  (0) 2018.11.20
WebStorm 2018.2.5 Update  (0) 2018.10.19
블러드 코인 추천인  (0) 2018.10.08
한국인 이메일 및 비밀번호 유출  (0) 2018.10.04
  1. cg10036 2018.11.27 21:00 신고

    선린 관련 글 올라와있어서 뭐 하나만 여쭈어 봅니다. 제가 모래 면접을 갑니다. 저희 중학교에서 자소서 & 학업계획서는 견본 가져가서 배껴쓰면 된다는데 혹시 진짜인가요?
    그리고 꿀팁 같은것 주시면 감사하겠습니다^^

    • 신재헌 2018.11.28 00:50 신고

      그 부분은 오래되서 기억이 잘 나지 않아 답변 해드릴 수 없네요.

    • 신재헌 2018.11.28 00:51 신고

      팁이라하기도 그렇지만, 주변에 휩쓸리지마시고, 공부하세요! 정보보호과의 분위기는 어떤지 모르지만, 내신은 정말로 중요합니다.

    • cg10036 2018.11.28 20:06 신고

      넵 알겠습니다^^ 붙으면 다시 댓글 달겠습니다ㅋㅋ

    • cg10036 2018.12.10 21:50 신고

      !!!!!! 붙었습니당!!!!!! 헤헤

    • 신재헌 2018.12.11 22:45 신고

      축하드려요~!

  2. cg10036 2018.11.27 21:02 신고

    헿 그리고 저는 정보보안과 넣었습니당.

예상 점검 시간 

11월 27일 21시부터 22시까지

점검 내용

서버 기능 향상

점검 이유 

클라이언트단 지원(CORS 무시 지원)

https 지원


11월 27일 21시부터 22시까지 서버 점검으로 인해 API 제공이 중단 될 예정입니다.

예정보다 빠른 시간에 API 제공이 재개 될 경우 메일 및 블로그로 안내해드리겠습니다.


다음은 업데이트 내용입니다.


1. API를 클라이언트단에서도 사용 가능

클라이언트 지원 요청이 많아 API의 클라이언트 지원을 할 예정입니다.

클라이언트단 지원은 Query를 사용해야만 지원할 예정입니다. 트래픽 절감을 위한 방침이니 양해 부탁드립니다. 

메인 API( https://earthquake.kr:23490)는 지원하지 않고 Query(https://earthquake.kr:23490/query)만 지원합니다.

※트래픽 사용량이 12월 1일부터 12월 15일까지 500GB를 넘을 시에는, 서버 업그레이드를 위한 점검이 있을 예정입니다.


2. HTTPS 적용

https를 적용할 예정입니다.

점검 이후로는 https://earthquake.kr:23490으로 접근하시기 바랍니다.


감사합니다.

WebStorm 2018.3 출시

2018.11.20 18:39

웹스톰 2018.3이 출시되었습니다.

추가된 기능들

  • 자바스크립트에서 자동 import 기능 추가
  • 자바스크립트에서 매개변수 힌트 사용
  • 화살표 함수를 변수로 변환
  • Angular 지원 향상
  • Node.js API 매개 변수 정보 및 문서 지원 확대
  • Vuetify 지원(1.1이상)
  • React 지원 향상
  • HTML 접근성 검사
  • CSS 추출
  • CSS 코드 스타일 옵션 추가
  • 태그 제거 기능 향상
  • ESLint 및 TSLint 우연한 작동 
  • package.json 자동완성
  • Angular 테스트 지원
  • Chrome 확장 프로그램 없이 실시간 편집 지원
  • Github Pull Requests 지원
  • 고대비 테마
  • 새로운 플러그인 페이지


더 자세한 내용은 https://www.jetbrains.com/webstorm/whatsnew/

'IT' 카테고리의 다른 글

Webstrom 편리한 기능 팁(구글 검색)  (0) 2018.12.14
KT 아현지사 화재로 인한 통신장애  (7) 2018.11.25
WebStorm 2018.3 출시  (0) 2018.11.20
WebStorm 2018.2.5 Update  (0) 2018.10.19
블러드 코인 추천인  (0) 2018.10.08
한국인 이메일 및 비밀번호 유출  (0) 2018.10.04

조회 천만건 돌파!!

2018.11.17 03:09

2018-11-17 3:00 기준 10,122,438번 조회!

vue-naver-maps

2018.10.29 01:21

vue-naver-maps

npm npm npm

네이버의 지도 API를 Vue로 간편하게 사용할 수 있게하는 라이브러리입니다.

이 라이브러의 목표는 사용자가 직접 지도 클래스를 다루지 않고도 자바스크립트 기본 타입만으로 다룰 수 있도록 하는 것입니다.

현재 지원하는 컴포넌트

  • naver-maps 네이버 지도
  • naver-marker 마커 컴포넌트
  • naver-info-window InfoWindow 컴포넌트

시작하기

설치 방법

yarn 사용을 권장드립니다.

  • yarn : yarn add vue-naver-maps
  • npm : npm install vue-naver-maps

네이버에서 발급된 지도 API키가 필요합니다. 
기본적으로 네이버 클라우드를 지원하며, 기존 오픈 API 사용시 useOpenAPI를 true로 바꿔줘야합니다.

  • main.js
    import naver from 'vue-naver-maps';
    Vue.use(naver, {
      clientID: 'Q3terhW342KFsdfC1M',
      useOpenAPI: true //OpenAPI 사용
    });
  • .vue파일
    <naver-maps :width="600" :height="400"></naver-maps>

이제, 600x400 사이즈의 지도가 뜨게됩니다.

기본 맵 옵션

<naver-maps :width="600" :height="400"  :mapOptions="mapOptions"></naver-maps>

mapOptions으로 아래와 같은 데이터를 넣을 수 있습니다.

단, lat(위도)과 lng(경도)는 필수 입니다.

mapOptions: {
  zoom?: Number(기본값은 10),
  lat: Number,
  lng: Number,
  zoomControl?: Boolean,
  zoomControlOptions?: {
    position: String
  }
}

zoomControlOptions의 position은 TOP_RIGHT등 기존 JS 라이브러리의 enum 이름을 사용합니다.

추가 옵션 설정하기

기존 js 라이브러리와 마찬가지로, map 객체에 setOptions(options)를 사용할 수 있습니다. 단, 맵이 로딩 된 후에만 사용이 가능합니다.

onLoaded(this)

지도를 효과적으로 컨트롤 하기 위해 onLoaded(this) callback 함수를 사용할 수 있습니다.

<naver-maps :width="600" :height="400" :mapOptions="mapOptions" :onLoaded="callback"></naver-maps>

지도가 로딩되면 호출됩니다. 또한 인자로는 naver-maps 컴포넌트의 this를 넘겨줍니다. this.map으로 네이버 Map 객체에 접근이 가능합니다.

naver-maps

naver-maps컴포넌트에는 기존의 js 라이브러리가 사용했던 메소드들이 있습니다. 예를 들면 기존에는 setCenter 함수를 map.setCenter(new naver.maps.LatLng(lat, lng)); 으로 수행해야 합니다. 하지만 naver-maps 컴포넌트에서는 this.setCenter(lat,lng)으로 사용할 수 있습니다.

현재는 개발 버전이라 naver-maps 컴포넌트에 사용가능한 모든 메소드가 포함되어 있지 않습니다. 이 경우에는 this.map으로 직접 접근해야합니다.

Methods

setOptions(options)

ParamType
optionsObject

setMapType(type)

ParamTypeDescription
typestringNORMAL, TERRAIN, SATELLITE, HYBRID

setZoom(level, useEffect)

ParamTypeDefaultDescription
levelnumbermust be int
useEffectbooleanfalse

setCenter(lat, lng)

ParamType
latnumber
lngnumber

fitBounds(lat, lng)

ParamType
latnumber
lngnumber

panTo(lat, lng)

ParamType
latnumber
lngnumber

panToBounds(lat, lng)

ParamType
latnumber
lngnumber

panBy(x, y)

ParamType
xnumber
ynumber

naver-marker

지도에 마커를 표시해줍니다.

네이버의 이벤트는 @name 으로 접근 가능합니다. 예) @click, @dbclick 등

<naver-maps :width="600" :height="400"  :mapOptions="mapOptions">
    <naver-marker :lat="37" :lng="127" @click="onMarkerClicked" :onLoaded="onMarkerLoaded"></naver-marker>
</naver-maps>
<script>
export default {
  data(){
    return {};
  },
  methods:{
    // naver-marker는 다음과 같은 체이닝이 가능합니다.
    onMarkerLoaded(vue){
      vue.marker.setDraggable(true).setCursor('').setClickable(true);
    },
    onMarkerClicked(event){
      console.log(event); // 네이버 event 객체
    }
  }
}
</script>

Methods

setClickable(clickable) ⇒ Marker

ParamType
clickableboolean

setCursor(cursor) ⇒ Marker

ParamType
cursorstring

setDraggable(draggable) ⇒ Marker

ParamType
draggableboolean

setAnimation(animation) ⇒ Marker

ParamType
animation&#x27;BOUNCE&#x27; | &#x27;DROP&#x27;

setIcon(icon) ⇒ Marker

ParamType
iconstring | ImageIcon | SymbolIcon | HtmlIcon

setOptions(options) ⇒ Marker

ParamType
optionsMarkerOptions

setPosition(position) ⇒ Marker

ParamType
positionCoord | CoordLiteral

setShape(shape) ⇒ Marker

ParamType
shapeMarkerShape

setTitle(title) ⇒ Marker

ParamType
titlestring

setVisible(visible) ⇒ Marker

ParamType
visibleboolean

setZIndex(zIndex) ⇒ Marker

ParamType
zIndexnumber

naver-info-window

<naver-info-window :onLoaded="onWindowLoad" :isOpen="info" :marker="marker">
  <h1>Hello, World!</h1>
</naver-info-window>

OnLoaded

지도가 로딩되면 호출됩니다. 또한 인자로는 naver-info-window 컴포넌트의 this를 넘겨줍니다.

  • this.infoWindow으로 네이버 InfoWindow 객체에 접근이 가능합니다.
  • this.map으로 네이버 Map 객체에 접근이 가능합니다.

Example

<template>
  <naver-maps :height="400" :width="600" :mapOptions="{lat:37,lng:127,zoom:10}" :onLoaded="onLoad">
    <naver-marker :lat="37" :lng="127" @click="onMarkerClicked" :onLoaded="onMarkerLoaded"></naver-marker>
    <naver-info-window :onLoaded="onWindowLoad" :isOpen="info" :marker="marker"><h1>Hello, World!</h1></naver-info-window>
  </naver-maps>
</template>

<script>

  export default {
    name: 'HelloWorld',
    data() {
      return {
        info: false,
        marker: null,
      }
    }, methods: {
      onLoad(vue) {

      },
      onWindowLoad(vue) {

      },
      onMarkerClicked() {
        this.info = !this.info;
      },
      onMarkerLoaded(vue) {
        this.marker = vue.marker;
      }
    }
  }
</script>


'npm' 카테고리의 다른 글

vue-naver-maps  (0) 2018.10.29
업비트 API upbit-api v0.5.0 출시  (0) 2018.09.09
업비트 API upbit-api 0.3.0 출시  (0) 2018.09.09
yahoo-exchange 2.1.0 Release  (0) 2018.09.02
region-name-kr 1.0.0. Released  (0) 2018.08.28
yahoo-exchange 2.0.1 Released  (0) 2018.08.25

Nuxt.js에서 Dynamic Routes를 사용하고 그대로 배포하면 404페이지가 뜨게 됩니다.

이 경우에는 파이어 베이스의 설정을 변경하면 됩니다.


hosting 폴더에 있는 firebase.json 파일을 아래와 같이 고쳐주세요.

"rewrites":[
{
"source":"**/*",
"destination": "/index.html"
}
]

일반 경로(예: /login 등)를 제외하고는 index.html로 연결됩니다. 그러면 이제 nuxt.js에서 라우팅 처리를 하게됩니다.



'Web Programming' 카테고리의 다른 글

firebase에서 nuxt.js dynamic routes 사용하기  (0) 2018.10.23
심플한 로그인 및 회원가입  (0) 2018.09.22

니시혼간지에서 금각사로 가는 방법은 205번 버스를 타면됩니다. 

버스로 30분 정도 걸립니다.


205번 버스를 타시려면 七条通에 버스정류장이 있습니다. (히가시혼간지에서 니시혼간지로 이동할 때 간 도로입니다.)

내리는 버스 정류장은 金閣寺道(Kin-kaku-ji-michi)입니다.


교토 여행의 단점은 저 버스입니다. 버스에서 30분동안 서서가는 것도 일입니다.

게다가 교토는 도로가 좁습니다. 막힌다는 소리입니다. 게다가 물론 이건 좋은거지만, 느긋느긋합니다. 우리나라처럼 막 미리 일어나거나 하지도 않습니다.

Huawei | Nexus 6P | Not defined | Unknown | 1/214sec | F/2.0 | 0.00 EV | 4.7mm | ISO-60 | Flash did not fire | 2018:01:21 12:08:34

들어가면 보이는 데입니다. 입장료는 400엔입니다.

Huawei | Nexus 6P | Normal program | Center-weighted average | 1/1072sec | F/2.0 | 0.00 EV | 4.7mm | ISO-84 | Flash did not fire, auto mode | 2018:01:21 12:12:19

사실 교토하면 생각나는 곳이기도 해서 많이 가긴 하는데 2번째에는 갈 필요는 없는 곳입니다.

그야말로 금으로 덕지덕지 치장한 곳입니다. 1950년대에 재건하면서 한 몇 백kg을 발랐다고 합니다.

한마디로 한번 보고 이게 금각사구나 하는 것만 느낍니다. 옛스러운 미가 하나도 없어요..

Huawei | Nexus 6P | Not defined | Unknown | 1/876sec | F/2.0 | 0.00 EV | 4.7mm | ISO-60 | Flash did not fire | 2018:01:21 12:16:16

GOLD

Huawei | Nexus 6P | Not defined | Unknown | 1/827sec | F/2.0 | 0.00 EV | 4.7mm | ISO-60 | Flash did not fire | 2018:01:21 12:16:15Huawei | Nexus 6P | Normal program | Center-weighted average | 1/125sec | F/2.0 | 0.00 EV | 4.7mm | ISO-84 | Flash did not fire, auto mode | 2018:01:21 12:21:43

정원은 볼만 합니다.

Huawei | Nexus 6P | Normal program | Center-weighted average | 1/130sec | F/2.0 | 0.00 EV | 4.7mm | ISO-60 | Flash did not fire, auto mode | 2018:01:21 12:25:43

안에 부처님이 있는 거 같은 석탑입니다.

Huawei | Nexus 6P | Normal program | Center-weighted average | 1/1282sec | F/2.0 | 0.00 EV | 4.7mm | ISO-60 | Flash did not fire, auto mode | 2018:01:21 12:27:08

풍경은 좋습니다. 

Huawei | Nexus 6P | Normal program | Center-weighted average | 1/303sec | F/2.0 | 0.00 EV | 4.7mm | ISO-64 | Flash did not fire, auto mode | 2018:01:21 12:27:11

Huawei | Nexus 6P | Normal program | Center-weighted average | 1/43sec | F/2.0 | 0.00 EV | 4.7mm | ISO-631 | Flash did not fire, auto mode | 2018:01:21 13:15:43

점심시간이라 원래 시장가서 먹으려고 했는데 다들 배고팠기에 아까 내린 버스정류장 근처에 있는

㐂福庵金閣寺みち店이라는 음식점에서 먹었습니다.

여기서 중요한 건 가격이 비쌉니다. 저게 900엔인가 했습니다.


WebStorm 2018.2.5 Update

2018.10.19 23:22

Typescript : 프로젝트 외부의 파일에 대한 링크로 인해 발생하는 성능 문제 해결

Docker : 도커 도구창에서  pull image를 선택하면 나오는 NPE 해결

User Interface. Focus : 경로 대화 상자에서 찾기가 때때로 반응하지 않는 문제 해결

No subsystem : Gnome-Shell이 ​​경로 확인 작업에서 바꿀 때 충돌하는 문제 해결

Git : 이름이 이미 있는 경우 github 토큰을 만들 수 없는 문제 해결

JRE : IM 해결 방법이 더 이상 작동하지 않는 오류 해결

'IT' 카테고리의 다른 글

KT 아현지사 화재로 인한 통신장애  (7) 2018.11.25
WebStorm 2018.3 출시  (0) 2018.11.20
WebStorm 2018.2.5 Update  (0) 2018.10.19
블러드 코인 추천인  (0) 2018.10.08
한국인 이메일 및 비밀번호 유출  (0) 2018.10.04
iPhone 12세대 정식 공개!  (0) 2018.09.13

+ Recent posts

티스토리 툴바