🐹's tory

동기화 비동기화 let fs = require('fs'); // Sync console.log('1'); let data = fs.readFileSync('data.txt',{encoding:'utf8'}); console.log(data); //Async console.log('2'); fs.readFile('data.txt', {encoding:'utf8'}, function(err, data){ console.log('3'); console.log(data); }); console.log('4'); Express express를 설치한 후! let express = require('express'); let app = express(); app.get('/', function(req, res){ r..

아래의 더보기는 처음으로 강의에서 진행한 부분! 더보기 폴더를 만든 후 hello.js 파일에서 alert를 띄우도록 작성 후 저장 [윈도우에서] 터미널을 열 땐 윈도우 키 + r cmd를 선택 후 열고 cd를 통해 파일에 접근 dir/w로 파일 목록 확인, 무엇이 있는지 알고 싶으면 dir node hello.js를 입력하면 nodejs로 hello.js 파일 실행 아래는 node.js 홈페이지에 나와있는 간단히 서버를 만드는 코드 const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) => { res.statusCode = 200; res..

9장 🌭폼과 자바스크립트🌭 폼이란? 사용자가 정보를 입력할 수 있게 만들어 놓은 웹 요소 자바스크립트로 폼 요소의 내용을 가져오거나 수정하고 정해진 형식에 맞는지 확인함 🌭폼 요소에 접근하는 법 id, class 값을 이용 돔의 요소에 접근하는 것과 같이 querySelector(), querySelectorAll() 함수 사용 // id document.querySelector("#billingName") // class document.querySelectorAll(".input-box")[2] name 값을 이용 // 접근하는 방법 document.ship.shippingName document.forms["ship"].elements["shippingName"] * form 태그뿐만 아니라 접근하..

8장 🐠 문서 객체 모델 (DOM) 🐠 : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법 DOM 트리 - 구조가 나무🌳처럼 생겼다 태그를 요소 노드로 표현 태그가 품고 있는 텍스트는 자식 노드인 텍스트 노드로 표현 태그의 속성은 요소노드의 자식 노드인 속성 노드로 표현 주석은 주석 노드로 표현 DOM 트리 구조를 보여주는 사이트! http://software.hixie.ch/utilities/js/live-dom-viewer/ Live DOM Viewer Live DOM Viewer ... Script not loaded. This script puts a function w(s) into the global scope of the test page,..

7장 🍮배열 Array🍮 : 하나의 변수에 여러 개의 항목 저장 배열 만드는 법 리터럴 표기법으로 배열 만들기 var A=[] // 배열 선언 var A=[1, 2, 3] // 선언과 할당을 동시에 Array 객체를 사용해서 인스턴스 만들기 var A=new Array(1,2,3); Array 객체의 함수 length: 요소의 개수 반환 var A=['1', '2', '3']; A.length; //3 concat: 배열 연결 var A=['1', '2', '3']; var B=['a', 'b', 'c']; A.concat(B); // [1 2 3 a b c] (콤마, 따옴표 생략) B.concat(A); // [a b c 1 2 3] (콤마, 따옴표 생략) join: 배열 요소 문자열로 연결 var A..

5장 🍮함수🍮 함수 선언 function addNum(a,b){ return a+b; } 함수 선언과 호출 위치에 관계없이 모두 실행된다 익명 함수 var add=function(a,b){ return a+b; } var num1=parseInt(prompt('첫 번째 숫자를 입력하시오')); var num2=parseInt(prompt('두 번째 숫자를 입력하시오')); //parseInt는 문자열로 입력받은 것을 정수로 변환 var result=add(num1, num2); console.log(sum); 함수 자체가 식이기 때문에 익명 함수를 변수에 할당할 수 있다 즉시 실행 함수 var sum=(function(a,b){ return a+b; }(10,20)); /* 이렇게도 가능 var sum=..

4장 🐨 조건문 if(score>60){ alert("통과"); } else{ alert("실패"); } 🐨 조건 연산자 score>60 ? alert("통과") : alert("실패"); 🐨 falsy 값 0 ""(빈 문자열) NaN(숫자가 아님) unfined(값이 할당되지 않음) null(유효하지 않은 값) 🐨 switch문 *case 뒤에 문자열로 처리해야 함 (case문 끝날 때마다 break, 마지막에 default 꼭 써주기) switch(num){ case "1": document.write("1번을 선택하셨습니다"); break; case "2": document.write("2번을 선택하셨습니다"); break; case "3": document.write("3번을 선택하셨습니다"); ..

1장은 개념이라서 읽고 넘겼다! JavaScript는 끝에 꼭 ; 붙여야 함!!! 2장 일단 js 파일과 html 파일 연동시키는 방법! body 태그 내의 어디서나 여러 번 사용할 수 있지만 닫는 body 태그 바로 위에 사용하는 습관을 들이는 것이 좋다 live server를 실행시킨 후 크롬 브라우저에서 ctrl + shift + J를 누르면 콘솔 창이 뜨게 된다! 입력값 받는 함수 prompt() prompt("이름을 입력하세요.","고양이"); 입력창에 "이름을 입력하세요."라는 설명이 뜨고 기본값은 "고양이"로 지정된다. 알림 창으로 출력하는 함수 alert() alert("고양이는 귀여워"); 웹 브라우저 화면에 출력하는 함수 document.write() var name = prompt("..