[31일차 복습] req, res 배열, 객체 연습

교실을 바꿔서 

1. mysql, node.js 설치 

 

2. js terminal 명령들

npm init 

npm istall express

npm install nunjucks chokidar 

npm install body-parser

npm install mysql

npm install dotenv

 

3. mysql source + path

 

까지 다시 연습을 후딱 하게 되었는데 좋은 연습이었다. 그동안 게시판 만드느라 까먹었던 내용들 다시 블로그 보면서 복습할 수 있었다. 

 

 

 

앞으로 방향 

앞으로 배울 것은 라우터, ajax, javascript 심화문법, db접목한 to do list 을 배울 예정

 

blckchainetc.tistory.com/71

Router, 라우터란? API란? AJAX란? 비동기란? 특징과 장점들

-------------------------------------------------------------------------------------------------------------------------------

 

 

 

 

교수님의 코드

github.com/ingoo-code/nodejs_board/tree/master

ingoo-code/nodejs_board

 

 

배열, 객체 안의 요소 가져오기 연습

 

1. let 자동차라는 변수에 3개의객체를 가진 변수를 넣음 

    <script type="text/javascript">
    
        let 자동차 = [
            {name:'아반떼'},
            {engine:'v0'},
            {handle:'동그라미'}
        ]
        
        console.log(자동차); 
     /*     [
            {name:'아반떼'},
            {engine:'v0'},
            {handle:'동그라미'}
        ]   */
        console.log(자동차[0]); //           {name:'아반떼'},
        console.log(자동차[1].engine); // v0  
    
    </script>

 

2. 

    <script type="text/javascript">
    
        let 자동차 = [
            {name:'아반떼', engine:'v0', handle:'동그라미'},
            {name:'소나타', engine:'v1', handle:'세모'},
            {name:'그랜저', engine:'v2', handle:'동그라미'}
        ]
        
        console.log(자동차);
        /*
        (3) [{…}, {…}, {…}]
        0: {name: "아반떼", engine: "v0", handle: "동그라미"}
        1: {name: "소나타", engine: "v1", handle: "세모"}
        2: {name: "그랜저", engine: "v2", handle: "동그라미"}
        length: 3
        __proto__: Array(0)
        */
        console.log(자동차[0]);
       // {name: "아반떼", engine: "v0", handle: "동그라미"}
        console.log(자동차[1].engine);  //v1
        console.log(자동차[2].handle); //동그라미 
        
    </script>

 

3.

    <script type="text/javascript">
    
        let 자동차 = {
            아반떼:['v0', {handle:'동그라미'}, '바퀴4개'],
            소나타:['v1', {handle:'네모'}, '바퀴6개'],
            그랜저:['v2', {handle:'세모'}, '바퀴8개'],
            제네시스:function(){
                console.log('FINE');
            }
        }

        console.log(자동차);
        /*
        {아반떼: Array(3), 소나타: Array(3), 그랜저: Array(3), 제네시스: ƒ}
        그랜저: (3) ["v1", {…}, "바퀴8개"]  
        소나타: (3) ["v2", {…}, "바퀴6개"]
        아반떼: (3) ["v1", {…}, "바퀴4개"]
        제네시스: ƒ ()
        __proto__: Object
        */
       console.log(자동차.아반떼); //아반떼:['v1', {handle:'동그라미'}, '바퀴4개'],
        /*
        0: "v1"
        1: {handle: "동그라미"}
        2: "바퀴4개"
        length: 3
        __proto__: Array(0) */
        
        console.log(자동차.소나타[0]); //v1
        console.log(자동차.그랜저[1]); //{handle:'세모'}
        console.log(자동차.그랜저[1].handle); // 세모
        console.log(자동차.제네시스); 
        /*function(){
                console.log('FINE');
            } */
        console.log(자동차.제네시스());
        /* FINE */

    </script>

 

--------> 이를 통해 req, res의 반환값이 object 객체인 걸 알 수 있음 

그래서 우리가 req.query.idx / req.body.idx 이렇게씀 

 

 

 

Throw? 사용자 지정 오류를 생성할 수 있다. / 프로그래머의 판단에 따른 처리 

무엇인가 잘못되어서 오류가 발생하면 js는 엔진을 중지하고 오류 메세지를 생성. 

JS가 error를 throw 했다.