지식 > Javascript

지식 > Javascript

![image] three js - Hello World! 언제나 프로그램의 시작은 Hello World 죠~ three js 에서는 헬로 큐브로 하는것 같아요~ 말그대로 입체화된 3D 사각모형을 보여주는 것으로 대부분 시작합니다. 우선 간단히 Style 을 아래와 같이 합니다. * { margin: 0; padding: 0; box-sizing: border-box; font-family: -applesystem, sans-serif; } html, body { height: 100vh; width: 100vw; } #threejs-container { position: blo…
!Three js 구성도 이미지 three js란? 3D 자바스크립트 라이브러리의 개요 요즘의 웹사이트 트렌드는 인터렉티브한 화면구성, 그리고 Canvas를 활용한 3D 기반의 애니메이션으로 더욱 풍부한 효과를 넣는게 대세입니다. 이미 해외에서는 거의 모든 웹어워드의 상을 받은 웹사이트의 경우 왠만하면 모두 다 3D 효과의 애니메이션으로 눈이 휘둥그레 지는 웹사이트들이 많이 보입니다. 아직 국내에서는 일부 대기업이나 에이전시에 보이고 있으나 조금 더 지나면 우리나라 웹디자인 트렌드 또한 외국의 그러한 3D 기반의 웹사이트가 주류가 될것이라 예상 됩니다. 여러가지 3D 효과 및 파일들을 제어하는 라이브러리가 존재합니다만 거의 원탑으로 three.js 를 많이 활용하는 …
!비쥬얼스튜디오 사이트 자바스크립트 Part 02 - 자바스크립트 개발환경설정 자바스크립트는 웹 개발에 필수적인 언어입니다. 웹 브라우저에서 동적인 기능을 구현하거나, 서버 사이드에서도 사용할 수 있습니다. 하지만 자바스크립트만으로는 웹 개발을 효율적으로 하기 어렵습니다. 그래서 여러가지 도구들이 필요합니다. 이번 글에서는 자바스크립트 개발환경을 구축하는 방법을 소개하겠습니다. 자바스크립트 개발환경 구축 크롬 브라우저 : V8 자바스크립트 엔진이 탑재된 크롬 브라우저를 설치합니다. 자바스크립트 디버깅은 크롬 요소검사에서 진행합니다. 크롬다운로드 코드 에디터: 코드를 작성하고 실행할 수 있는 프로그램입니다. 예를 들면 Visual Studio Code, …
![image] 자바스크립트 Part 01 - 자바스크립트란? 자바스크립트란? 브라우저 내에서 작동하는 스크립팅(프로그래밍) 언어입니다. 브라우저를 통해 우리가 웹페이지를 볼 때 자바스크립트가 없다면 움직임이지 않는 아주 지루한 페이지로 밖에 볼 수 없습니다. 예를 들어 구글 지도와 같은 사용자의 마우스 클릭 후 움직임으로 지도(맵)정보를 이리저리 이동하면서 볼수 있는 대표적인 예의 웹페이지가 바로 자바스크립트를 이용하여 사용자의 행동(마우스 클릭, 움직임)에 따라 반응하여 움직이게 해주는 아주 유용한 프로그래밍 언어 입니다. 자바스크립트로 할 수 있는 일 * 사용자의 액션에 따라 웹페이지의 컨텐츠 실시간 업데이트 변경 ( 네이버쇼…
Copyright © seq.kr All rights reserved.