엔트리 sheldon

,

Javascript 기초 문법

Javascript 기초 문법1 1) 자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어입니다. 함수를 만들어두기 function hey(){ alert(‘안녕!’); } ~안에 <script> ~ </script> 로 공간을 만들어 작성하며, <script> ~ </script> 내에 자바스크립트를 작성한다. 버튼에  onclick=”” 을 통해 함수를 연결하여. 버튼을 클릭했을때 함수가 호출됩니다. <div class=”title”> <h1>자바스크립트구동하기</h1> <button onclick=”hey()”> 만들어놓은 함수출력 버튼</button> </div> Javascript 기초 […]

,

부트스트랩 사용법

부트스트랩이란? 예쁜 CSS를 미리 모아둔 것 (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미리 완성된 부트스트랩을 가져다 쓰는 경우가 많습니다.)

시트 커팅기, 토퍼 커팅기, 실루엣 커팅기

보통 시트 커팅기는 간판이나 유리벽면에 디자인적인 요소를 제작할 때 사용되는 기기입니다. 정식명칭은  컷팅 플로터라고 부르는게 맞지만,  요즘들어 시트커팅기 또는 실루엣 커팅기, 토퍼 커팅기, 종이 커팅기로 불려지고 있습니다.

커팅기가 구동되는 방식은 프린터와 유사합니다만,  프린터는 잉크노즐에서 잉크를 분사하는 방식이라면, 커팅기의 경우는 아주 얇은 칼날이 달려있고, X축으로 움직이며 Y축은 용지를 움직여서 원하는 형태를 컷팅하는 방식이라고 보면됩니다.  그렇기 때문에 커팅을 해야하는 대상을 고정시켜야 제대로된 결과물을 얻을 수 있습니다.

, , ,

키프레임 애니메이션에 대해 알아보자

CSS 키프레임 애니메이션은 CSS(Cascading Style Sheets)를 사용하여 웹페이지에서 애니메이션을 구현하는 기술입니다. 이를 통해 HTML 요소에 다양한 애니메이션 효과를 적용할 수 있습니다.

CSS 키프레임 애니메이션을 구현하려면 @keyframes 규칙을 사용합니다. @keyframes 규칙은 애니메이션의 키프레임(시작과 끝 상태)을 정의하는 역할을 합니다. 각 키프레임에서는 원하는 스타일을 지정하고, 애니메이션의 지속 시간 및 타이밍 함수를 설정할 수 있습니다.