211220 [월] 잠은 죽고 나서 자자

 생각은 창의적으로,, 일은 기계적으로,, - 오창중

 이번 주는 HTML, CSS를 마무리하고 JavaScript진도가 시작된다. 뭔가 새로운 정보가 계속 들어올 때 정리를 바로바로 해줘야 이해 못 한 상태로 다음 진도를 나가는 참사가 생기지 않는다. 피곤하더라도 할 건 하고 , 더 나아가서 조금 더 찾아보는 그런 자세를 가지도록 하자. 

 

 진짜 힘들다고 생각이 들때, 세 번만 더 해보자. 하고 나서 체크하자. 

 

(18:26) 수업종료,, 오늘 큰일났다 배운게 진짜 많다. 오늘 자기전에 무조건 정리 마무리 목표로 간다.

(19:30~21:28) 스터디

1. HTML 마무리와 CSS selector부분까지 수업 리뷰

2. 오늘 공부한 부분으로 간단한 웹 페이지 예제 각자 만들어보기

 

[문제 발견 / 접근 / 해결]
1. 오늘은 짧은 시간에 정말 많은 정보가 입력이 되었다. > 스터디에서 한번 훑고 이해하고 넘어가서 잘 커버했다 생각한다. > 내일 CSS가 마무리되고 JavaScript가 나갈것 같다. > 오늘 자기전까지 JavaScript 예습을 해야겠다.


[오늘의 키워드]
1. HTML 마무리

2. CSS 시작
3. JavaScript 전역객체(window 객체) 찾아보기
4. 절대경로 상대경로 찾아보기

5. 호이스팅(hoisting)

[오늘의 계획]
1. 수업내용 복습 : HTML

2. JavaScript(뉴렉처) : 13강~

3. 영타 연습 (쉬는시간..)

4. 프로그래밍 게시글, 영상 찾아보기 > 간단하게 기록하기

[오늘의 공부]

//13강 <연산자>
        for(var i=0;i<3;i++)
        document.write(i+"<br/>");

        var ar=["hello","hi","greeting"];
        for(var i=0;i<ar.length;i++)
        document.write(ar[i]+"<br/>");

        for(var i in ar)
            document.write(ar[i]+"<br />");

        var ob ={id:1, title:"hello",writerId:"hyunwoo"};

        for(var i in ob)
            document.write(ob[i]+"<br />");
        //for-in 문은 값을 순회하는게 아니라 key값을 순회한다!!

        //14강 <함수>
        //자바스크립트는 함수를 만든다.
        var add = new Function("x,y","return x+y;");
        document.write(add(3,4)+"<br />");

        var add2 = function(x,y){
            return x+y;
        }

        function add3(x,y){
            return x+y;
        }
        
        //15강 <함수의 가변인자 arguments>

        //16강 <변수의 가시영역과 전역변수>
        //var 선언 변수는 정적인 방식으로 생성
        var a =1;
        //alert(a);
        //undefined 됬다는거는 변수선언은 된거임. 단지 초기화가 안됬을뿐
        //
        //전역객체의 속성로 붙는거임 (window객체)
        b =1;
        document.write(b);
        // 지역변수가 더 우선순위 가 높다 전역변수보다
    //     var f1 = function(){
    //         c=1; //window.a =1;
    //         var c = 3;
    //         c++;
    //         alert(c);
    //     }
    //     var d =1;
    //     var d =2;
    //     //alert(d);
    //     //일반적으로 중괄호는 변수의 생명주기에 영향을 주지않음 안에있으나 바깥에 있으나 상관없음
    //     //하지만 function에서의 중괄호는 지역변수를 만들어줌 (중괄호 안 변수에는 생명주기가 있음)
    //     {
    //         var e =5;
    //     }
    //     //alert(e);
    //     //정리) 스크립트에서는 함수영역만 변수영역을 나눈다.!!!

    //     function f2(){
    //         f=6;
    //     }
    //     function f3(){
    //         alert(f);
    //     }
    //     f2();
    //    // f3();

       function f4(){
           var g=1;
           f5();
           function f5(){
               var g=2;
               f6();
               function f6(){
                   var g=3;
               }
           }
       }
       f4();
       alert(g);

[스터디 계획]
1. 수업내용 복습
2. 프로젝트 할만한 거 토의

[스터디 결과]
[ HTML ]

label

select

datalist

fieldlist

<form action ="#"

 

[ CSS ]

cascade

format

style

selector (basic, attributor, virtual)

스터디 alink 활용 예제

#국비 #국비지원 #국비교육 #초보개발자 #신입개발자 #컴퓨터학원 #자바 #JAVA #취업준비 #면접준비