신기한 웹 세상

[TIL]Chapter01 앵귤러 준비하기

Chapter01 앵귤러 준비하기 1.1 Node.js Node.js는 이벤트 루프, 코어 라이브러리로 구성된 서버 사이드 자바스크립트 실행 환경입니다. Node.js덕에 브라우저라는 족쇄를 벗은 자바스크립트 NPM이라는 날개를 만나면서 인기가 더욱 높아졌습니다. NPM은 Node Package Manager의 약자로 Node.js에서 기본으로 사용하는 패키지 관리 도구이다. Node.js 홈페이지(http://nodejs.org/ko/)… Continue Reading →

트위치 영상 다운로드 받는 방법(Twitch Leecher)

요즘 방송에 관심이 가면서 트위치, 카카오TV, 아프리카TV를 테스트로 실험 방송중입니다. 영상을 다운로드 방법을 찾던 중에 괜찮은 프로그램이 있어서 알려드립니다. 우선 설명하기 앞서 알려드립니다. ※ 주의 : 불법적인 사용으로 인해 발생하는 문제에 대해서 필자는 일체 책임이 없음을 미리 알려드립니다. 저작권을 준수합시다…. Continue Reading →

배틀그라운드 하이라이트 영상 찍는법

배틀그라운드 플레이 하다보면 완전 멋지게 죽였는데 영상으로 쉽게 남기는 방법을 알려드리겠습니다. 우선 이 기능을 사용하려면 GTX 600 시리즈 이상, 노트북은 660M 이상이 필요하다고 합니다. 1. Geforce 드라이버와 Geforce Experience를 최신버전으로 설치 1-1. Geforce 드라이버 업데이트 및 설치 드라이버 및 설치… Continue Reading →

손흥민 시즌 10호 골! 새해 첫 골!

손흥민 새해 첫 해 시즌 10호 골을 넣었다. 중거리 슛으로 넣었는데 개 멋지게 넣음! 앞으로도 좋은 모습 보여주라! (국대에서도..)

아톰(Atom) platformio-ide-terminal 패키지 이용하기

프론트단에서 npm, gulp, grunt, yarn 등 사용을 하려면 터미널을 사용해야하는데 Atom(아톰) 에디터에서도 터미널을 사용할 수 있다. 기본적으로 terminal-plus 패키지를 많이 사용했지만 호환이 제대로 안되서 그런건지 몰라도 platformio-ide-terminal를 많이 사용하여 이것을 다운받아서 사용했다. 설치 setting -> install에서 platformio-ide-terminal를 검색하여 설치를 하면된다…. Continue Reading →

2018년 무술년이 밝았습니다.

안녕하세요! 2018년 무술년이 밝았고 이틀이 지났네요. 다들 작년 마무리 잘하시고 올해의 계획을 잘 세웠는지요! 저는 사실 작년부터 조금씩 계획(?) 아닌 목표같은 걸 세우고 있는데 올해도 많은 일을 하기보다는 좀 더 확실하고 할 수 있는 것으로 잡아보려고 합니다. 새해 福 많이… Continue Reading →

배그 3닭 먹었다! ㅋㅋㅋ

요즘 배틀그라운드 게임에 빠져서 살고 있는데… 1등을 하면 오늘의 저녁은 닭 먹었다는 메세지가 나온다. 이 메세지를 받은 본지가 오래인데… 오랜만에 닭을 먹었고.. 닭을 3연닭이나!! ㅋㅋㅋ 그래서 인증함 훗

종각역 맛집 쌀치킨 미친닭

종각역 맛집! 쌀치킨 미친닭에 다녀왔습니다. 너무 맛있다고 하길래 찾아가서 시켜서 먹어봤습니다. 사장님도 너무 친절하고 완전 대박 맛있습니다. 치킨 플레이트를 시켜서 먹으면 대박 배부르고 저기에다가 빵이나 치즈를 넣어서 먹으면 크으 진짜 미친 닭이 됩니다. 엄청 푸짐하죠? 4명이서 먹었는데 다 먹긴 했지만… Continue Reading →

아이폰X 입문자가 알면 좋은 제스처 꿀팁 몇가지

아이폰X(텐)를 구매하면서 모든 사람이 알지만 또 잘 모를 수 있는 제스처 몇개를 공유하려고 합니다. 아래의 제스처들은 아이폰X(텐)을 사용하면서 꼭 알아야할 제스처들입니다. 기본적으로 화면 깨우기는 그냥 화면에 터치를 하면 됩니다. 다른 기기에서는 ‘들어 올려서 깨우기’가 있습니다만 아이폰X에서도 ‘들어서 올려서 깨우기’를 사용할… Continue Reading →

배틀그라운드 레이팅 전적 검색!

요즘 오버워치 게임보단 배틀그라운드 게임을 많이 하고 있습니다. 그러면서 전적을 궁금해 할 수 있습니다. 전적검색 할 수 있는 사이트 4군데를 소개하려고 합니다. ※ 아래 순서는 인기도와 상관없습니다. OP.GG Dak.gg BGLOG.ME BZONE OP.GG 아래 캡쳐화면은 아프리카 BJ아이디로 검색한겁니다. 제 아이디로는 많은… Continue Reading →

[파워포인트]파워목업 4.3 설치 하자!

소개 파워 목업: 파워포인트의 모형 및 와이어 프레임 확장툴입니다. 백문불여일견 이라고 한번 영상을 보는 것이 낫겠죠? 공식 홈페이지에 있는 영상. ※ 파워목업은 기본적으로 파워포인트가 설치가 되어있어야 사용이 가능합니다. 특징 빠른 검색으로 찾을 수 있습니다. 드래그 앤 드롭으로 슬라이드 화면으로 Shapes를… Continue Reading →

IE10, IE11 셀럭트박스 텍스트상자 커지는 현상

문제 IE10, IE11에서 셀럭트박스 선택을 하면 아무이상이 없는데 input 상자에 포커스 있는 상태에서 셀럭트박스를 다시 선택하면 텍스트상자 넓이가 커지는 현상이 있습니다. 이유는 placeholder로 인해서 일어나는 현상입니다.(IE10, IE11에서만 오류가 일어납니다.) 오류는 아래와 같습니다. 선택1선택2선택3 오류 체크 하셨습니까? 혹시 확인을 못하신 분들을… Continue Reading →

jQuery Tab Menu 사용하기

jQuery로 만든 Tab Menu 플로그인.
웹에서 자주 사용하는 Tab Menu를 플로그인으로 만들어봤습니다. 소스는 초보자들을 위해서 만들었으니 참고 부탁드립니다.

프론트 엔드 개발자를 위한 온라인 코드 에디터 소개

UI 개발을 하다보면 실시간으로 확인을 한 것이 필요할때가 있고 또 소스를 일부 공유 해야할 때가 있습니다. 아직 비공개이거나 일부 내용만 공개 하고 싶을 때 사용할 수 있는 온라인에서 코드 작성할 수 있는 에디터들을 몇가지 소개를 하려고 합니다. UI Development Online… Continue Reading →

크롬 확장프로그램 비주얼 인스펙터 사용하기

F12키나 Ctrl+Shift+i을 누르면 개발자 도구가 나오는 것은 이쪽에서 일하는 사람은 다 알 것이다. 개발자 도구는 웹페이지의 구성요소를 확인할 수 있고, 바로 코드를 삽입하거나 수정해서 변화된 페이지를 바로 볼 수 있다. UI개발자라면 이 페이지에서는 CSS의 칼라값이 몇 개가 사용되고 몇개의 이미지가… Continue Reading →

wow.js으로 동적인 재미난 애니메이션 만들기

동적인 애니메이션을 만들기 위해서는 CSS3를 이용을 해야한다. CSS3 애니메이션은 엘리먼트에 적용되는 CSS 스타일을 다른 CSS 스타일로 부드럽게 전환시켜준다. 간단히 애니메이션에 대해서 알아보도록 하자. 애니메이션 속성 animation-delay: 엘리먼트가 로드되고 나서 언제 애니메이션 시작될지 지정한다. animation-direction: 애니메이션 종료되고 다시 처음부터 시작할지 역방향으로… Continue Reading →

« Older posts


© 2018 신기한 웹 세상

Up ↑