리본 리본

분류 전체보기

• [Node.js] Node.js w3schools Tutorial - Day.1

  programming/node.js 2019. 11. 16. 00:00

  *해당 내용은 https://www.w3schools.com/nodejs/ 의 튜토리얼을 따라 하며 정리하는 글입니다. Node.js를 공부해야겠다는 생각이 든 것은, 2~3년 전부터 심심할 때마다 구직사이트를 보는데 간간히 보이던 Node.js란 이름이 요즘에는 제법 많은 빈도로 보이게 된 때부터, 공부를 한번 해봐야겠다 생각이 들었다. 그리고 혼자 공부하면 조금 집중력이나, 진도가 느려질 것 같고 블로그에 글을 쓰면서 진행하면 좀 더 열심히 해보지 않을까 해서 글을 올린다. 정말 처음 배우는 입장이라, 잘못된 정보가 있을 수도 있지만 튜토리얼을 따라서 차근차근 진행할 예정이다. 왜 튜토리얼 사이트가 w3schools 이냐면, 그냥 많이 본 사이트라서 그렇다. 좀 더 좋은 Node.js 사이트가 있으면..

  Read More
• [리뷰] 앤커 버티컬 유선 인체공학 광마우스 사용기

  리뷰/전자기기 2019. 11. 14. 00:00

  첫 리뷰를 하게 된 제품은 올해 초부터 사려고 마음먹었던 버티컬 마우스다. 개발자로 일하다 보니 키보드나 마우스를 많이 쓰게 되고, 손목에 조금 부담이 느껴질 때가 있다. 그래서 키보드의 경우에는 손목 받침대 같은 것을 먼저 사서 쓰고 있는데, 제법 만족하며 사용하고 있다. 그래서 이참에 마우스도 한번 바꿔보면 어떨까 하고 버티컬 마우스로 바꿔 보았다. https://www.coupang.com/vp/products/10863197?vendorItemId=3073415506&isAddedCart= 앤커 버티컬 유선 인체공학 광마우스 98ANWVM-BA COUPANG www.coupang.com 이번에 구매한 제품은 앤커의 유선 마우스를 샀다. 가격은 1만 7천 원 정도인데, 비싸면 비싸고 싸다면 싼 거지..

  Read More
• [노트앱] Notion 소개 및 사용법

  리뷰/웹,앱 2019. 11. 13. 00:00

  인터넷 및 휴대폰이 많이 보급되어서 노트를 종이에 하는 사람보다는, 여러 노트 앱을 사용하는 사람이 많을 것이다. 에버노트를 필두로 여러 가지 노트 앱이 있다. 내가 사용해본 것은 에버노트뿐이고, 에버노트도 별로 사용해보지 않아서, 노트 앱끼리 비교는 충실하게 하지 못하지만, 또 다른 노트 앱을 추천해본다. 노션은 웹 / 데스크톱 앱 / 모바일앱 등을 지원하는 노트 앱이다. 노트 앱이기 때문에 기록하는 것에 편리한 기능을 많이 제공한다. 내가 생각했던 대표적인 기능 몇 개들을 소개하면 아래와 같다. 1. 마크다운 문법 지원 마크다운 문법을 위와 같이 지원한다. 2. 아이콘, 이모티콘 지원 처음엔 이모티콘이 별 쓸모가 없는 것 같았지만, 아래와 같이 깔끔하게 페이지 정리를 하는데 도움을 준다. 3. 다양한..

  Read More
• [JavaScript] 에러처리 try..catch..finally..throw..

  programming/JavaScript&jQuery 2019. 11. 12. 00:00

  많은 언어에서 에러처리를 지원한다. JavaScript에서도 비슷하게 try catch로 에러처리를 도와준다. try catch 1 2 3 4 5 6 try{ console.log("try"); num[-1] = 0; }catch(e){ console.log(e); } try catch는 try 블럭 안에 수행할 문장을 적어주고, 해당 문장에서 에러가 나면 catch 블럭을 실행한다. try catch finally 1 2 3 4 5 6 7 8 try{ console.log("try"); num[-1] = 0; }catch(e){ console.log(e); }finally{ console.log("finally message"); } Colored by Color Scripter try catch 문에..

  Read More
• [HTML&CSS] 마우스 커서 변경하기(물음표, 금지, 손가락 등)

  programming/HTML&CSS 2019. 11. 11. 00:00

  마우스 커서는 여러 가지 종류가 있다. 버튼이나, 링크의 경우 손가락으로 변경되고, 무언가를 입력하는 창에서는 글씨를 쓸 수 있을 것 같은 모양의 포인터로 변경된다. 클릭하면 안 되는 것에는 금지 표시로 보여주면 좀 더 직관적으로 표현될 수 있다. 보통은 알맞게 변경되는데, 버튼에 도움말 표시를 달아주던가, 버튼이지만 클릭이 되지 않는 것을 보여주도록 일반 포인터로 바꾸던가 할 때는 강제로 변경시켜줘야 한다. 변경하기 위한 속성은 cursor 속성을 사용하면 된다. cursor 속성별 정리 1. cursor : default 기본 마우스 포인터 모양이다. 2. cursor : none 마우스 포인터를 보이지 않게 없앤다. 3. cursor : help 커서에 물음표 모양을 추가시킨다. 4. cursor ..

  Read More
• [HTML&CSS] CSS 우선순위 적용 (!important)

  programming/HTML&CSS 2019. 11. 10. 00:00

  디자이너와 개발자가 따로 작업을 할 경우, 남이 만든 HTML&CSS에 내가 직접 스타일을 입히고 싶을 경우, CSS, JS, HTML 파일이 완전히 분리된 상황에서 어느 것이 먼저 인지 헷갈릴 경우 등, CSS 우선순위를 알아야 할 경우는 많다. 이때 무조건 !important 속성을 붙여서 해도 되긴 하지만, 적용 순서를 알아보면 !important 속성을 사용하지 않아도 적용할 수 있는 방법이 많다. css_important.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 Page Title h1{ color : yellow !important; ..

  Read More
• 무료 이미지 사이트

  기타 2019. 11. 9. 00:00

  https://pixabay.com/ko/ 놀라운 무료 이미지 - Pixabay 놀라운 무료 이미지 우리의 관대한 커뮤니티를 통해 공유되는 1.8 백만개의 이미지와 비디오를 살펴보세요. 인기 있는 이미지: 가을, 꽃, 배경, 여행, 할로윈, 바다, 사람, 강아지, 하늘, 겨울, 우주, 책 pixabay.com 블로그를 하다 보면 이미지가 필요할 때가 많다. 이전에는 직접 캡처하고 직접 만들고 했었는데, 필요한 이미지들이 많아지면서 검색도 많이 하게 되었는데, 이때 저작권 걱정이 많이 들었다. 그래서 여러 무료 이미지 사이트를 찾던 중, 위 사이트를 찾게 되었는데, 아직은 만족하면서 사용하고 있다. 일단 홈페이지 설명에는 무료로 쓸 수 있다고 한다. (상업적/비상업적 관계없이) 사용법은 매우 간단하다. 첫..

  Read More
• [윈도우] 윈도우10 단축키 모음

  programming/OS 2019. 11. 8. 00:00

  윈도우 10을 기준으로 몰라도 되지만 알면 편한 단축키 몇 가지를 정리했다. 단축키를 외워서 마우스를 최대한 덜 쓰면서 빠르게 작업을 해보자. 일반 단축키 Window + E : 탐색기 열기 탐색기를 열 때 아래처럼 작업표시줄에서 열거나, 바탕화면의 아무 폴더나 클릭해서 열 수도 있다. 하지만 좀 더 빠르게 단축키로 열 수 있는 방법이 "Window + E" 다. 그러면 작업표시줄에서 탐색기 자리를 빼고 추가로 다른 실행 프로그램을 넣을 수 있다. Window + T : 작업 표시줄 검색 위에서 탐색기 자리를 하나 빼고 다른 프로그램을 넣거나, 넣지 않거나, 어쨌든 작업 표시줄은 쓸 일이 많다. 그래서 작업 표시줄을 차례차례 탐색할 수 있는 키가 "Window + T"다. 처음 단축키를 누르면 작업 표시..

  Read More