[Node JS] readline 모듈로 입출력 방법 코딩공부를 하려고보니 막상 입출력 관련 모듈을 제대로 사용해본적 없었다. Javascript 입출력 관련은 여러가지 모듈들이 있지만.. 내장 모듈을 사용하고자 "readline"을 소개하려고 한다. 1) readline torimaru.tistory.com 이전글을 참고하여 간단하게 소프티어 연습문제를 풀어보았다. readline이 익숙치 않아 연습이 많이 필요해보인다. const readline = require('readline'); const rl = readline.createInterface({ input : process.stdin, output : process.stdout }); let sum = []; let array = []; //..

코딩공부를 하려고보니 막상 입출력 관련 모듈을 제대로 사용해본적 없었다. Javascript 입출력 관련은 여러가지 모듈들이 있지만.. 내장 모듈을 사용하고자 "readline"을 소개하려고 한다. 1) readline을 본격적으로 사용하기 앞서 기본적으로 필수적인 작성을 해야한다. //readline 모듈 IMPORT const readline = require('readline'); // 입출력을 위한 인터페이스 객체 생성 const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); 2) "on" 메서드를 통해 작성할 수 있으며, rl (=realine)은 line 한줄 한줄을 작성하기 위한 이벤트, clo..

Box Model이란 ? HTML element가 웹 페이지에서 차지하는 공간입니다. 키보드의 F12를 누르게되면 개발자 도구를 펼칠 수 가 있는데, 가령 Google에 접속하여 로고 공간에 대해서 생각을 해보겠습니다. 아래와 같은 영역을 선택하여 Element -> "Computed"로 진입하면 네모박스 형태의 CSS를 볼 수 있습니다. Computed탭을 자세히 보겠습니다. Google 로고인 box는 파란색 공간(Content)으로 width : 272, height : 92로 구성 되어있습니다. Google 밑에 있는 키보드 모양의 박스를 살펴보겠습니다. 아래의 CSS표기처럼, 1) div태그의 Umvnrc className의 파란색공간(Content)은 23.993 px * 43.993 px의 ..

!important란? CSS 코드를 살펴보다보면, 속성값에 !important를 어쩌다 한번쯤은 목격했을 것이라 생각됩니다. !important는 선택자의 우선순위 중에서도 가장 최우선으로 적용하고 싶을 때 사용됩니다. 인라인 스타일, id selector, class selector보다도 최최최최최우선 순위로 CSS를 입히고 싶을 때 사용합니다. 사용 방법은 속성값에 !important만 붙여주면 됩니다. [ CSS 적용 우선순위 ] !important > id > class , 가상클래스 > 요소 [예제] id가 first인 h1 요소들이 있습니다. 어떤 CSS를 적용했든 h1의 첫번째 요소를 파란색으로 입히고자 합니다. begin CSS1 begin CSS2 begin CSS3 begin CSS4..