IT/Web 2019. 4. 1.
웹사이트 개발을 위한 에디터 추천 - Brackets
웹사이트 개발을 위한 에디터라고 하네 #html #css #editor 방문해서 설치해 보더라고. Brackets - A modern, open source code editor that understands web design A modern, open source code editor that understands web design Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 wee..
IT/Web 2019. 4. 1.
Html tag for Tumblr text post
아래 그림으로 충분~~ https://unwrapping.tumblr.com/post/97611392472/tumblr-text-formatting Unwrapping Tumblr Text Formatting for Tumblr's Dashboard: Add meaning and visual order to your text with these formatting styles that work on the Dashboard. Tumblr filters out some HTML tags, but these formatting... unwrapping.tumblr.com
IT/Web 2019. 3. 28.
html blockquote style
자료를 찾다보니 아래 링크에 몇가지 예제들이 잘 표현되어 있다. https://css-tricks.com/examples/Blockquotes/ Blockquote Examples by CSS-Tricks Better Blockquotes Blockquote examples By CSS-Tricks [DOWNLOAD EXAMPLE] Blockquotes are html elements that are meant to designate when a particular section of text is being taken from another website or other source. Different browsers have different built css-tricks.com 그중에 아래 제일 심..
스타트업/외국어 2019. 3. 25.
영어 공부 관련 정보
(수정시간) 2016-09-21영어 공부를 위해 조사한 내용을 누군가를 위해 남겨두다. 아는 범위에서 가격정보까지영어학원@수내역 랩스어학원 - 시간당 6만원 정도물론 20시간씩 하면 15~20% 할일한 45,000 원 정도로 가능@서현역마찬가지 그룹과외 주 3회 30만원 정도@서현역 월스트리트드라마, 영화 교육위주혼자 공부하는 시간이 많음.책장사. 무튼 가격은 6개월에 200만원 정도@역삼역 fastcampus2달과정. 비즈니스 괜춘한듯빨리하면 2달 70만원. 투자해~~온라인영어하우위잉글리쉬여기 실생활 회화가 늘 것 같은 느낌이 팍팍트레이닝 형태를 잘 따라가면..매력적인 강의방법/내용드라마, 영화에서 필요한 문자을 다 찾아서 강의. 좀 대단한듯~리카수니 - 입트영 첨삭블로그완전 잘 정리해주심. 매일매일 ..
IT/블로그 2019. 3. 25.
지킬 블로그 만들기 - jekyll, github, github pages
(수정시간) 2016-08-08블로그 만들면서 참고한 글을 정리해 본다.지킬 기반의 블로그카카오 기술 블로그 - 베껴오고 있음. 개인적으로 css 이런것도 만지기 힘든데. 이렇게 바꿔서 쓰도 되는 것인가????http://blog.appkr.kr/에서 블로그 플랫폼 이전 1찬찬히 5개의 단계로 나누어서 설명하고 있다. 찬찬히 배우자.WordPress 에서 Jekyll 로자세한설명, 따라하기 좋다.SCV君’s LifeLog : 이글루에 구글 맞춤검색창 달기 - 현재 페이지에 적용된 내용.Jekyll 커스터마이징- 코멘트와 페이지네이션Jekyll 커스터마이징 2 - 태그리소스무료이미지 Pixabay - 커버이미지, 글 이미지 등등 편하게 무료로morguefilehttp://unsplash.com/https:..
IT/Cloud 2019. 1. 24.
아두이노 이더넷(Arduino Ethernet) 와 MQTT 로 간단한 원격 메시지 보드 만들기
아두이노 이더넷(Arduino Ethernet) 와 MQTT 로 간단한 원격 메시지 보드 만들기거두절미하고, 모바일 앱으로 하는 것은 이전 글에 올렸고 널리 누구나 쓰고 있는 MQTT를 이용해 비슷한 것을 만들어 봤다.결과는 아래 그림과 같다.만들기 위해 좀 작업이 필요하다.일단 Arduino MQTT 라이브러리를 다운 받아야 한다. 여기서는 shiftr.io 서비스를 이용할 것이므로 궁합이 맞는 아래 라이브러리를 받아서 사용한다.https://github.com/256dpi/arduino-mqtt이전글에 소개한 MQTT client tool과 MQTT broker 사용법은 필독하고MQTT Client tool - MQTTLens (크롬 앱) (https://ts.devbj.com/581)MQTT bro..
IT/Cloud 2019. 1. 24.
MQTT broker or cloud service - 무료 심플
MQTT broker or cloud service - 무료 심플 여기저기 찾아보고 깔아보고 테스트하기도 어렵다. 그냥 쉽게 쓰자.아주 좋은 사이트가 있어서 소개shiftr.io이름도 서비스도 간단하다. feature 는 아래 그림에서 살짝 보자.일단 가입!! 그리고 자신의 namespace 를 만들면 끝난다.앞서 소개한 MQTT Client tool을 사용하면 금방 동작 테스트를 완료해 볼 수 있다.MQTT Client tool - MQTTLens (크롬 앱) 한번 아래 내용대로 만들어서 해보시길public으로 만들었는데, 필요하다면 private 으로 지원하니 사용해 보기 바랍니다. (나중에 유료화하지 않을까? 싶다) 이제 아무나 접속을 하지 않도록 key 와 secret token을 생성해야 한다...
IT/IoT | Hardware 2019. 1. 24.
MQTT Client tool - MQTTLens (크롬 앱)
MQTT Client tool - MQTTLens (크롬 앱)https://chrome.google.com/webstore/detail/mqttlens/hemojaaeigabkbcookmlgmdigohjobjm?hl=koMQTT 연결을 테스트하고 싶을땐 간단하게 프로그램 하지 않고 크롬익스텐션으로 해결할 수 있다. MQTTLens 사용법을 간단하게 익혀보자.설치후, 실행시키면 아래 창이 나타난다. 아래 1번을 눌러 새연결을 설정한다.프로필 이름, 서버 주소 정보와 연결 키 값등을 입력하고 만들기 버튼을 누르면 끝!!이제 원하는 topic 을 pub/sub 해 볼 수 있다. 너무나 쉽게 테스트 가능!!항상 감사합니다. 능력 개발자분들~~
IT/IoT | Hardware 2019. 1. 15.
Arduino Ethernet Shield 제품 리스트
Arduino Ethernet Shield 제품 리스트 테이블로 정리된 자료 http://devbj.com/2019/01/15/arduino-ethernet-shield-list/ W5500 부분만 추려오면 아래와 같다. NameMakerChipsetProduct linkARDUINO MKR ETH SHIELDArduinoW5500Product LinkW5500 Ethernet Shield S(secure)EWBMW5500Product LinkArduino Ethernet Shield 2ArduinoW5500Product LinkW5500 Ethernet ShieldWIZnetW5500Product LinkSweetPea UnoNet+ : Ethernet and NFC in one boardElectro..
IT/IoT | Hardware 2019. 1. 11.
스마트폰으로 간단하게 Arduino 제어하기 (3) - Remote Display
스마트폰으로 간단하게 Arduino 제어하기 (3) - Remote Display 아주 쉬운 OLED 모듈을 이더넷 쉴드와 함께 연결하여 스마트폰으로 간단히 메시지를 보내서 출력하는 예제를 만들어 보았다. 기존의 LED 제어하는 것은 아래 글을 참고하세요. 스마트폰으로 간단하게 Arduino 제어하기 (1) - 아두이노 이더넷 (https://ts.devbj.com/568)스마트폰으로 간단하게 Arduino 제어하기 (2) - 어플 소개 (https://ts.devbj.com/570) 일단 결과는 아래 그림과 같다. 소스코드는 아래 gist 사이트에 올려 두었으니 참고하면 된다. LED 제어하기 예제에 OLED I2c Display library를 추가해서 간단하게 구현이 가능하다. https://gis..
IT/IoT | Hardware 2019. 1. 9.
IPv6 Cheat Sheet - 간략한구조 설명자료
IPv6 Cheat Sheet - 간략한구조 설명자료 http://ipv6.co.hu/wp-content/uploads/2012/04/IPv6-Cheat-Sheet.pdfhttp://www.roesen.org/files/ipv6_cheat_sheet.pdfIPv6 Header cheat sheet (src : http://packetlife.net/media/library/8/IPv6.pdf)대충 이렇게 생긴 자료입니다. 아래그림 참고
IT/IoT | Hardware 2019. 1. 9.
ICMPv6 메시지 정리테이블과 기술자료
ICMPv6 메시지 정리테이블과 기술자료 (발췌 : 한국인터넷진흥원 『IPv6 보안 기술 안내서』). ICMPv6 처리와 관련된 좋은 자료..Managing an IPv6 Network: Deep Dive into ICMPv6 – Laura Knapp, AES (localcopy) 기타 다른 많은 좋은 자료도 많이 있다. 여기를 눌러서 살펴보자.http://rmv6tf.org/na-ipv6-summit/2013-na-ipv6-summit/2013-presentations 무튼 자료를 살펴보면, IPv6 Network Host의 경우 관리해야 할 정보들이 많다. (즉, 이걸 구현하려면 복잡해 져야 한다는 ㅜㅜ) Each host is to maintain the following:Neighbor Cache..
IT/IoT | Hardware 2019. 1. 9.
10 Netstat Command Examples
10 Netstat Command Exampleshttp://www.thegeekstuff.com/2010/03/netstat-command-examples/ 내가 찾고자 한 건 9번째 팁!!- netstat 로 현재 동작을 하고 있는 포트숫자 혹은 process 알아보기- 특정 포트를 쓰고 있는 프로세스 찾기http://www.thegeekstuff.com/2010/03/netstat-command-examples/ 9. Find out on which port a program is running# netstat -ap | grep ssh(Not all processes could be identified, non-owned process info will not be shown, you would ..
