$$config title: 3일차 풀스택 keywords: - IT - ... $$ # 백준 nodejs // node.js에서 표준입력(키보드입력)을 처리하는 방법 var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split(' '); var a = parseInt(input[0]); var b = parseInt(input[1]); console.log(a+b); console.log(\\); -> \ console.log(\"); -> " console.log(\'); -> ' 사칙연산 console.log(Math.floor(a/b)); -> 입력 값 7 3 출력 값 2 console.log(a/b); -> 2.333333333 Math.floor함수 "버림" #자바스크림트 실습 1 console.log("HelloWorld"); 2 변수 var a = 2; // 변수 a로 지정하고 값을 2라고 줌 3 var message = "Hello"; console.log(message); 4 기본자료형 var n = 1; console.log(typeof(n)); //변수의 자료형을 알 수 있다. 5 문자열을 정수로 변환하기 위해 parseInt를 이용할 수 있음. var str="3.141592는 pi의 근사값입니다" var pi_Int = parseInt(str); , 실수로 변환 parsefloat 6 줄바꿈 \n, 따옴표 \', 큰따옴표 \", 역슬래시: \ 7 var obj = { name : "혜림" , age : "25" }; //name, age라는 속성을 추가 8 var book = { "title" : "어린왕자"}; console.log("제목:", book["title"]; => 제목: 어린왕자 9 undefined: 어떤 변수나 속성이 정의되지 않은 경우를 표현 null: 개발자가 명시적으로 비어있는 상태를 나타낼 때 사용 10 산술연산 11 함수 function solution(a,b){ return a+b; } 12 String 이어 붙이기 var prefix = "program"; var suffix = "mer"; var word = prefix.concat(suffix); //문자열을 붙이기 위함 var word_length = word.length; //문자열 길이를 알아내기 위함 13 String 다루기 function solution(str){ return str[0]; //str의 첫번 글자를 return 14 return str.substring(0,2); 15 function solution(abcdefg){ return str.substring(2,5); -> 2,3,4 문자열 출력 : cde str.substr(2,5); -> 2에서 5길이의 만큼 문자열 반환, 생략식 마지막까지의 문자열: cdefg 16 배열만들기 var arr1 = [ ] ; //빈 배열, var arr2 = [ 1,2.3] ; //길이가 3인 배열 var arr3 = [1, true,3.14, "string"] ; //모든자료형이든 저장 17 배열사용 arr.push(element); //배열 뒤에 엘리먼트 추가 arr.pop(); //배열의 뒤에서 엘리먼트 삭제하고 리턴 arr.shift(); // 배열의 앞에서 엘리먼트 삭제하고 리턴 arr.unshift(element); //배열의 앞에 엘리먼트 추가 ex) arr = [1,2,3]; arr.unshift("begin"); arr.push("end"); //begin, 1, 2, 3, end 18 if문 20세 미만인지 확인 var age=25; if(age <20) { console.log("20세 미만입니다."); } else{ console.log("20세 이상입니다."); } 19 age가 20세 이상, 30세 미만이면 20대 if(age >= 20 && age <30){ return true; } else{ return false;} 20 function solution(month){ switch(month){ //그 달이 몇일까지 있는 반환하는 함수 = return case 2: return 28; break; case 4: case 6: case 9: case 11: return 30; defalut: return 31; break; 21 while var count = 0; while( count < 10) { console.log(count); sum = sum + i ; i++; count++; } //count를 찍고 그 다음 1씩 더해줌 22 for var sum =0; for( var i =0; i < 5; i++) { sum = sum + i; } (var i = 0; i < cost.length; i++) //cost의 길이만큼 #html,CSS div, section, nav { //선택 div section nav만 쓰면 안됨 display: inline-block; } - block - 너비 : 너비가 지정되어 있지 않으면, 최대한 늘어난다. - 높이 : 높이가 지정되어 있지 않으면, 최소한 줄어든다. - 배열방향 : 한줄에 무조건 1개 - inline-block - 너비 : 너비가 지정되어 있지 않으면, 최소한 줄어든다. - 높이 : 높이가 지정되어 있지 않으면, 최소한 줄어든다. - 배열방향 : 한줄에 최대한 여러개 color:rgba(255,255,255,1) - 원본, 0.1~소수점 투명도 letter-spacing: -10px; 자간 "안녕" , "안 녕" 컬러 color picker -> color: #7d8adb3F; 원하는 색상 8170 -> 수업자료 8214 10강 엘리먼트, 부모, 자식, 형제관계