자바스크립트 새창에 값 출력하는 방법 window.open()

자바스크립트로 브라우저의 새창을 만들어서 값을 출력하는 방법에 대해 알아봅니다. window.open() 을 사용하는 방법입니다. 기초중에 기초이니 고수님들은 얼른 나가주세요. const name = '홍길동'; const age = '25'; const hobby = '피아노 치기'; const win = window.open('','','width=700,height=500'); //새 윈도우 창을 만들고 win.focus(); // 포커스를 준다음에…

0 Comments

github CDN 처럼 사용하는 방법

github CDN 처럼 사용하기 위해서는 간단한 과정만 거치면 됩니다. 우선 깃허브에 계정은 당연히 있어야 합니다. 깃허브 파일을 CDN처럼 사용하는 방법 github에 리포지토리를 새로 하나 만듭니다.만들때 리포지토리 이름을 [자신의 아이디].github.io 로 만듭니다.파일을 리포지토리에 올립니다. 예)test.js <script src="https://[자신의아이디].github.io/test.js"></script> 이렇게 사용 개발자도구 콘솔창에서 깃허브 javascript 파일…

0 Comments

[02] flex 속성 (부모속성, 자식속성) 이해

앞서서 우리는 flex는 부모-자식 관계 안에서 작동한다는 것을 알게 되었습니다. 이제 우리는 부모가 가지는 flex의 속성과 자식이 가지는 flex 속성에 대해 알아야합니다. 어떤것이 flex container properties (부모속성)이고 어떤 것이 자식 속성인지를 아는 것은 아주 중요합니다. CSS 초보자들은 이 둘을 헷갈려 혼합으로 사용하면서 "왜…

0 Comments

[01] CSS flex 사용 전에 꼭 알아야할 기본 개념

CSS의 Flex를 사용하려면 기본 개념에 대해서 먼저 알아야 한다. 가장 중요한 개념 2가지를 알아보자 Flex는 항상 부모-자식 관계가 설정되어 있어야 한다.flex의 부모는 직계 자식만 영향을 준다. flex의 부모는 flex 컨테이너가 된다. 그리고 이 컨테이너는 바로 아래의 child 요소에게만 영향을 준다. 손자에게는 영향을 주지…

0 Comments