🐹's tory

오늘 TAVE 전반기, 후반기가 끝나고 컨퍼런스까지 완료되었다! 전반기에는 JavaScript 스터디를 진행했고 후반기에는 백엔드-Nodejs 스터디를 진행했다 내가 전에 올렸던 Do it 자바스크립트 글은 스터디를 하면서 내가 정리했던 내용이고 Nodejs도 스터디를 하면서 생활코딩으로 공부했던 내용을 정리한 것이다 전반기엔 상은 받지 못했지만 후반기엔 상도 받았다!!(스터디-2등 >.

글 목록 만들기 저장된 data를 읽어오는 법 *GET에 대한 라우트 app.get('/topic', function(req, res){ // get 방식으로 /topic 라우트 fs.readdir('data', function(err, files){ if(err){ res.status(500).send('Internal Server Error'); } res.render('view', {topics: files}); }) }) 템플릿엔진을 이용한다 app.set('views', './views_file'); app.set('view engine', 'pug'); 전 수업에서 작성했던 이 코드가 있어야 함 readdir을 이용해서 data를 읽어온다 그때 callback 함수는 err와 file 목록(f..

쿼리스트링 http://a.com/topic?id=1 protocol / domain / path / query string 쿼리스트링에 따라 같은 path에서도 다른 페이지를 보여줄 수 있다 app.get('/topic', function(req, res){ let topics = [ 'Javascript is...', 'Nodejs is...', 'Express is...' ]; let str = ` JavaScript Nodejs Express ` let output = str + topics[req.query.id]; res.send(output); }); a태그를 이용해서 쿼리스트링을 바꿔준다 더보기 app.get('/topic',function(req, res){ let topics = [ '..

동기화 비동기화 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번을 선택하셨습니다"); ..