Coding Story

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..

HTML, CSS, Javascript -html : markup(content) language 브라우저에게 웹사이트의 content 구조가 어떤지 설명해줌 뼈대 ​ -css : Cascading Style Sheets html과 함께 사용함 브라우저에게 웹사이트가 어떻게 보여야 하는지 알려줌 link들이 어떻게 보이는지 알려줌 근육 ​ -javascript : web programming laugnage 웹사이트를 동적 상호작용하게 해줌 뇌 ​ css와 html은 따로 하나만 사용하지 않고 같이 사용한다. HTML ​ -리스트 1. ordered list - ol 2. unordered list- ul ​ -속성(attributes) : 태그에 추가하는 부가적인 정보 ​ -href : http (or..