Coding Story

fs 모듈 테스트 케이스는 파일로 존재하고, fs.reqdFileSync('/dev/stdin').toString() 를 통해 문자열을 읽는다. split을 통해 문자열을 괄호안의 기준으로 끊어 input 배열로 반환한다. 한 줄 입력받기 const fs = require('fs'); const input = fs.readFileSync('/dev/stdin').toString().split(' '); const num = Number(input); for (let i = 1; i parseInt(el)); }) .on('close', function () { console.log(input[0] + input[1]); process.exit(); }); 여러 줄 입력받기 const readline = ..

IF-ELSE 로 이벤트에 반응하는 로직을 짜는 법 const title=document.querySelector("#title"); const BASE_COLOR="rgb(52, 73, 94)"; const OTHER_COLOR="#7F8C8D"; function handleClick(){ const currentColor=title.style.color; if (currentColor==BASE_COLOR){ title.style.color = OTHER_COLOR; }else{ title.style.color=BASE_COLOR; } } function init(){ title.style.color=BASE_COLOR; title.addEventListener("click", handleClick)..

css와 같이 자바스크립트에서도 element를 선택할 수 있다. javascript 에서 id로 무언가 선택할 때는 document.getElementById 라고 쓴다. 1. id 속성을 가진 요소를 찾아 객체 반환하기 const title = document.getElementById("title"); 2. 내용수정 title.innerHTML = "Hi! From JS" 3.색상변경 title.style.color = "red" 4. 타이틀 변경 document.title = 'I own you now' js로 객체화 하는 것을 통해 각종 html 문서를 감지하고 추가하고 변경하는 등의 것들을 할 수 있다. document.queryselector() queryselector는 노드의 첫번째 자식..

What is Javascript? 백엔드로는 python, ruby, asp, java 등등이 있지만 프론트엔드의 경우 자바스크립트가 유일한 프로그램 언어다. 모두 같은 언어로 얘기할 수 있어 분열이 없는 것이 장점이고 단점은 바꾸고 싶을 때 못바꾸거나, 업데이트 못하거나, 할 수 없는게 있을 수 있다는 것이다. 인터넷이 빨리 발전하는 만큼 자바스크립트도 빠르게 발전했고 막강해지고 영향력 커졌다. =>개발자가 할 수 있는 일이 점점 더 늘어남 javascript로 웹, 웹앱, 모바일 어플리케이션, nateve application, 비디오 게임, 데스크톱 앱 등을 만들 수 있다. javascript로 만들어진 데스크톱앱으로는 vsc, atom이 있다. javascript의 versions- es5, e..

1330번 - 두 수 비교하기 const fs=require('fs'); const input=fs.readFileSync('/dev/stdin').toString().split(' '); const a = parseInt(input[0]); const b = parseInt(input[1]); if(a>b){ console.log('>'); } else if(a=90){ console.log('A'); } else if (score>=80){ console.log('B'); } else if (score>=70){ console.log('C'); } else if (score>=60){ console.log('D'); } else{ console.log('F'); } 2753번 - 윤년 const fs..

9498번 - 시험 성적 const fs=require('fs'); const input=fs.readFileSync('/dev/stdin').toString(); const score=parseInt(input); if (score>=90){ console.log('A'); } else if (score>=80){ console.log('B'); } else if (score>=70){ console.log('C'); } else if (score>=60){ console.log('D'); } else{ console.log('F'); }

1330번 - 두 수 비교하기

1000번 - A+B node.js는 다른 언어들 보다 입력받는 방법이 불편한것 같다. readline을 사용하는 방법, fs모듈을 사용하는 방법인데 난 후자를 택했다. fs모듈이란 file system의 약자로 파일 처리와 관련된 작업을 하는 모듈이다. readFileSync()은 파일을 동기적으로 읽는다는 것이다. 프로세스가 다른 작업을 수행하지 않고 온전히 파일을 읽는데에만 집중한다는 의미이다. 동기적 읽기 방식을 사용하면 파일을 읽으면서 다른 작업을 동시에 할 수 없다. '/dev/stdin' 은 백준에서 입력 예제를 넣고 그 파일을 읽어 실행하게끔 만든것! 파일에서 문자열을 읽어와 공백(' ')을 기준으로 나눈다. 그 후 문자열인 input 값들을 숫자로 바꿔준 후 더한 값을 출력한다. cons..

console.log() console.log()를 하면 ()안에 있는 것이 콘솔창에 출력된다. console -> 객체(object) log -> 메서드(method) () 안 -> 매개변수(parameter) 즉, 객체 안에 있는 메서드를 실행시켜 매개변수를 작동시키는 작업이다. console 객체는 다양한 메소드들을 가지고 있다. console.warn() -경고 표시 console.error() -에러 표시 console.dir() -자바스크립트 객체의 속성들을 출력 2557번 - Hello World console.log('Hello World!'); 10718번 - We love kriii console.log('강한친구 대한육군'); console.log('강한친구 대한육군'); 10171번..

CSS와 HTML을 섞는 방법 ​ 1.같은 html 파일에 html, css 코드 넣는 방법 -inline CSS -head 태그 안의 style 태그 안에 css 작성 2.CSS 파일을 만드는 방법 -external CSS -link태그로 파일을 연결. css와 html 과의 관계(rel)는 stylesheet이라고 명시 ​ ​ CSS ​ css가 하는일은 html 태그를 가리키는 일! Cascading Style Sheet - 브라우저가 css 코드를 읽을 때 위에 있는 코드부터 차례대로 읽음 (코드의 순서가 결과에 영향을 미친다. 밑의 줄에 있는 코드를 읽는다.) ​ css 작성법 : 태그{ 속성이름: 속성 값; } ​ selector : 가리키는 대상. 많은 속성을 가질 수 있다. ID 특정 id..