IT 세미나

Nodejs + socketio 를 활용하여 채팅을 구현해보자. 필수 설치 목록 nodejs npm 이 곳에서 다운로드하면 nodejs, npm 모두 설치된다. 사용하게 될 스펙 및 중요 모듈 Back-end : nodejs, express, socket.io, Front-end : jquery, bootstrap(css), 순서 (대기실 구성하기 - 일반 채팅) Express를 활용하여 웹서버 띄우기 프론트 그리기 SocketIO를 를 붙여서 서버와 클라이언트(브라우저) 연결 다음편 순서 (채팅'방' 구현하기) 1. Express를 활용하여 웹서버 띄우기 원하는 폴더를 생성하고, 그 폴더에서 (~/working_folder) $ npm init 을 실행한다. npm init 을 하고나서 주로 enter..

왜 이 키보드를 골랐을까? GK888B 를 1년 조금 안되게 사용중이다. 뭐 물론 키보드가 너무 괜찮은 것 같아서, 사무실에서도 집에서도 다 사용중 (글쓴이는 2개 구매…) 이다. 이렇게 사각사각 거리는 좋은 느낌을 받은 키보드는 처음 ! 힌성 GK888B 미니. 화이트 색상이다. 처음에 샀던 건 블랙색상! 이건 집에서 쓰고 있는 화이트 색상이다. 처음엔 키보드 고민을 되게 많이했다. 무접점하면 대표적으로 , 리얼포스, 해피해킹이니까. 한성 키보드는 옵션에도 없었다. 그런데 내가 원하는걸 다 충족하는 건, GK888B 밖에 없더라. 내가 찾던 키보드의 필수 사항 텐키리스 (오른쪽 숫자키가 없는 것) 무접점 키보드 (타입핑을 너무 많이 하다보니 손까락 관절염이..) 유무선 – 윈도우에서도 쓸 수 있고, 맥..

NHN 온라인인 기술 콘퍼런스 NHN FORWARD 일정: 12. 14.(월)~12. 15.(화) NHN FORWARD는 온라인으로 진행되며, 누구나 자유롭게 참여할 수 있습니다. forward.nhn.com 날짜 : 2020.12.14 ~ 2020.12.15 장소 : 온라인 등록을 꼭 할 필요 없음. 세션 정보 확인 하기

iOS 14 업데이트 기능, 완전히 변한다고? 올 가을 공개될 iOS 14, 홈화면이 바뀐다! 올 가을에 정식 공개될 iOS 14, 성능 뿐만아니라 홈화면도 개선된다고 한다. 먼저 14버전을 확인하고 싶은 사람은 베타 소프트웨어를 신청해서 , 미리 사용해 볼 수 있다. 아직 정식버전이 아니니까.. 안쓰는 핸드폰으로 하는 것을 추천한다. 링크는 여기!(iOS 14 베타 신청 링크) //beta.apple.com/sp/ko/betaprogram/ Apple 베타 소프트웨어 프로그램 Apple 베타 소프트웨어 프로그램 iOS, iPadOS, macOS, tvOS 및 watchOS의 다음 릴리즈를 가장 뛰어난 제품으로 만드는 데 도움을 주십시오. Apple 베타 소프트웨어 프로그램의 회원으로서 체험판 버전을 테..

개요 Hoist란? 선언부, 할당부 변수 호이스트 함수 호이스트 1. Hoist란? Hoist의 영어적 의미를 찾아보면 다음과 같다 (흔히 밧줄이나 장비를 이용하여) 들어[끌어]올리다 -- naver 검색 그렇다면 자바스크립트(Javascript)에서는 어떤 의미로 사용될까? javascript에 hoisting은 변수/함수를 상단으로 들어[끌어]올리는 것을 말한다. 이게 무슨말이냐 하면, var hoisted = "true"; hoisted 라고하는 변수를 scope 내 상위로 끌어올려 선언을 먼저 한다는 뜻이다. 여기서 진짜 엄청 중요한게.. "선언한다"와 "할당하다"는 다르다는 것이다. 2. 선언부, 할당부 그럼 위의 코드를 선언부와 할당부로 나눠보자. // 선언부 var hoisted; // 할당..

var, let, const 의 차이에 대해 예제와 함께 알아보자. 개요 Javascript 에 ES2015(ES6) 가 도입되면서 , 비약적으로 많은 발전이 있었다. 그 중 하나는 scope 에 따라 달리 쓰게되는 let, const 이다. 이전에 함수나 변수를 정의하기 위해 사용되었던, var 의 대체재 이다. 그렇다며 ㄴ왜 ES6 에서는 var 를 사용하지않고, let, const 를 사용하게 되었을까? 셋의 차이를 알기 위해선 먼저, 이때까지 우리가 사용해 왔던 var 에 대해 먼저 알아볼 필요가 있을 것 같다. 순서 var var의 문제점 let이란 const Summary 1. var 우선 변수 선언에 대해서 말하기 이전, scope 란 무엇인지에 대해 간략하게 설명할 필요가 있을 것 같다. ..

우선, CDN 이란? Content Delivery Network의 약어로서 전 세계에 분산되어 있는 네트워크 서버를 사용하여 사용자가 리소스를 지리적으로 가까운 서버에서 끌어다 쓸 수 있게끔 해주는 네트워크이다. 물리적으로 지연되는 시간을 감소시킬 수 있다는 장점이 있다. CDN을 제공하는 서비스는 이미 대게 알고 있겠지만, 엄청 많다. AWS Cloud 를 사용한다면, 당연 CloudFront를 첫째로 꼽을 수 있겠고, 이 이외에도, MaxCDN, Akamai 등이 있다. 그렇다면 나는 Cloudflare 를 사용하고자 하는데, 왜 Cloudflare 에서 제공하는 CDN 을 선택한 것일까? Cloudflare - The Web Performance & Security Company | Cloudfl..

순서 거리 계산 하기 하버사인 공식 MySQL 하버사인 공식 적용 (내용이 궁금하지 않으면, 바로 3번으로!) 1. 거리 계산하기 사실 이 내용에 대해서는 상당히 많은 부분의 설명이 필요하다. 위도와 경도가 무엇인지 알아야 하며, 지구의 반지름에 대해서도 알아야 하고.. sin, cos에 대해서도 알아야 한다. 상당히 많은 부분을 알아야 하므로 이 부분에 대해서 간단히 넘어가려 한다. (그래도 궁금한 건 못 참는다 하시는 분들은 여기를 참조하세요.) 56. 이걸 알아야 하나? 위도, 경도, 거리 계산 이번 공간에서는 지도의 위도( latitude, 래티튜드 ), 경도 ( longitude, 란져튜드 )에 알아보려고 해요. ... blog.naver.com 2-D ( x-y ) 좌표에서 두 점 사이의 거리..

Bash Script에 슬랙을 연동하기 위해서는 슬랙 설정을 필수적으로 해야 한다. Bash Script에 연동하기 전에 슬랙에 기본 설정하기 슬랙 자동 알림 기본 설정 방법 (웹훅) 슬랙 자동 알림 설정, 예전만 해도, 서버에 문제가 있거나 상태 메시지를 확인하기 위해서, 이메일을 주로 활용해 왔다. 이메일 활용을 하는 것의 단점은, 이메일 노티피케이션 항상 켜 두어야 blog-it.seongman.com 코딩하기에 앞서 어떤 순서로 webhook integration 이 이루어지는지 알아보자 순서 cURL 요청 확인 Bash Script 작성 Bash Script 실행 1. cURL 요청 확인 Slack hook을 연동을 하기 위해서는 hooks의 url과 채널에 대해 알아야 한다. 슬랙 웹 훅 연동..

이번 포스트에서는 Nodejs를 활용해서 슬랙 webhook을 연동해보자. Nodejs에 슬랙을 연동하기 위해서는 슬랙 설정을 필수적으로 해야 한다. Nodejs에 연동하기 전에 슬랙에 기본 설정하기 슬랙 자동 알림 기본 설정 방법 (웹훅) 슬랙 자동 알림 설정, 예전만 해도, 서버에 문제가 있거나 상태 메시지를 확인하기 위해서, 이메일을 주로 활용해 왔다. 이메일 활용을 하는 것의 단점은, 이메일 노티피케이션 항상 켜 두어야 blog-it.seongman.com 코딩하기에 앞서 어떤 순서로 webhook integration 이 이루어지는지 알아보자 순서 Nodejs 서버 열기 request 모듈 설치 (npm install request) slack hooks에 curl 요청 1. Nodejs 서버 ..