리본 리본

programming

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

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

  *해당 내용은 https://www.w3schools.com/nodejs/ 의 튜토리얼을 따라 하며 정리하는 글입니다. [Day1] 내장 모듈들 노드에는 내장된 모듈이 몇 개 있다. 그중 HTTP 모듈도 있는데, 사용하려면 require() 메소드를 사용하면 된다. var http = require('http'); url 모듈 1 2 3 4 5 6 7 8 9 var http = require('http'); var url = require('url'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); var q = url.parse(req.url, true).query; var txt = q..

  Read More
• [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
• [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
• [윈도우] 윈도우10 단축키 모음

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

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

  Read More
• [window] 윈도우 화면 녹화 기능

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

  윈도우10을 사용한다면 화면 녹화를 사용할 수 있다. "Window + G" 키를 누르면 아래와 같은 메뉴들이 생긴다. 해당 메뉴에서 3번째 동그란 녹화 버튼을 누르면 녹화가 시작된다. 시작되면 아래와 같은 메뉴가 오버레이로 생성되면서 녹화 컨트롤을 할 수 있다. 바로 녹화를 시작하려면 "Window + ALT + R" 키를 누르면 바로 시작할 수 있다. 동영상이 저장되는 기본 위치는 "내 PC > 동영상 > 캡처"에 저장된다. 아니면, 설정 화면에서 경로를 변경할 수 있다.

  Read More
• [jQuery&html] html 요소 지우기 .remove()

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

  기본 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 test p tag text test p 2nd text test code test Colored by Color Scripter cs 1. remove() Description: Remove the set of matched elements from the DOM. remove()에 대한 jQuery에 올라와 있는 설명이다. 일치하는 요소들을 DOM에서 없애는 기능을 가지고 있다. 2. 사용법 1 2 3 4 5 6 7 8 $("#main").remove(); // div#main 없애기 $("button").remove(); // 모든 버튼 없애기 $("button").first().remove() // 첫번째 버튼만..

  Read More