Fir/18/Nov/22-JavaScript(Toggle),Docker (TimeAttack)

오늘은 오전에는 자바스크립트 의 toggle 관련하여 공부하였고,

 

오후에는 마지막 타임어택 으로 Docker에 대해 진행 하였다.

 

진행한 내용은 

 

Django 의 runserver 명령을 사용하여 배포,Postgresql 연동후 배포,nginx를 연동 후 배포 ,Gunicorn 을 사용하여 배포.

 

총 4가지 에 대해 진행 하였다

 

처음 진행하는 실습이여서 시간이 많이 걸렸다.

 

그래고 아직 이해 못하는 부분이 많이 있어서 개인 적으로 실습을 진행하면 좋을 같다.

 

또 자바스크립트 에 toggle  을 사용법 을 배웠는데

 

길었던 문장을 단 몇 줄로 만들어서 가독성을 높이는 것이 상당히 매력적이었다.

 

그래서 다음 프로젝틀르 진행 할때 사용 할 생각이다.

 

const h1 = document.querySelector('div.hello:first-child h1');

function handleTitleClick(){
    const clickedClass = "clicked";
    if (h1.classList.contains(clickedClass)) {
        h1.classList.remove(clickedClass)
    } else {
        h1.classList.add(clickedClass);
    }
}

h1.addEventListener('click',handleTitleClick);



# 토글을 상용하여 짧은 코드로 변환

const h1 = document.querySelector('div.hello:first-child h1');
function handleTitleClick(){
    h1.classList.toggle("clicked");
}

h1.addEventListener('click',handleTitleClick);