GUMI Dev

https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools What are browser developer tools? - Learn web development | MDN Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to l..

호이스팅(hoisting) 자바스크립트에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미한다. var로 선언한 변수의 경우 호이스팅 시 undefined로 변수를 초기화한다. 반면 let과 const로 선언한 변수의 경우 호이스팅 시 변수를 초기화하지 않는다. 호이스팅을 설명할 때는 주로 "변수의 선언과 초기화를 분리한 후, 선언만 코드의 최상단으로 옮기는" 것으로 말하곤 한다. 따라서 변수를 정의하는 코드보다 사용하는 코드가 앞서 등장할 수 있다. 다만 선언과 초기화를 함께 수행하는 경우, 선언 코드까지 실행해야 변수가 초기화된 상태가 됨을 주의하자. 함수 호이스팅 function 키워드로 선언한 모든 식별자도 호이스팅된다. 먼저 함수가 정..

변수(Variables) 변수는 필요한 정보를 저장한다. 변수는 우리가 사용하는 모든 숫자나 문자열과 같은 값의 컨테이너다. 변수(Variables)는 그러한 값을 저장할 수 있는 컨테이너다. 변수는 변하는 값을 저장할 때 사용한다. 예를 들어 태어난 연도를 입력해서 나이를 계산하는 프로그램을 만든다면, A라는 사람이 입력하는 연도와 B라는 사람이 입력하는 연도는 다를 것이다. 이렇게 상황에 따라 다른 값을 입력받아야 할 때 변수를 사용한다. 나이(변수) = 올해 연도(변수) - 태어난 연도(변수) + 1(상수) 참고로, 위의 1(일반적인 한국 나이를 계산하기 위해 1살을 더함)과 같이 변하지 않는 값은 상수(constant)라고 부른다. 컴퓨터가 구별할 수 있도록 변수에 이름을 붙이는 것을 '변수를 선..

세미콜론 한 줄의 끝에 위치한 세미콜론은 문(statement)의 끝을 나타낸다.한 줄에 있는 여러 문을 분리할 필요가 있을 때에만 반드시 필요하다.하지만, 어떤 사람은 각 문의 끝에 세미콜론을 넣는 것이 좋은 습관이라 믿는다. 언제 세미콜론을 넣고 언제 넣으면 안되는지에 대한 다른 규칙이 있다. 1. 필요: 같은 줄 내에 두 개의 문이 포함되어있을 때 var i = 0; i++ //

innerHTML document.getElementByID(id) HTML의 요소에 접근하기 위해서는, 자바스크립트에서 document.getElementByID(id) 메서드를 사용해야 한다. My First Web Page My First Paragraph id 속성(attribute)은 HTML 요소를 정의한다. * 여기서 속성(attribute)은 html 문서 내에서 정적인 즉, 바뀌지 않는 속성을 말한다. attribute는 html 요소의 추가적인 정보를 전달하고 이름="값" 이렇게 쌍으로 온다. 예를 들어, 를 보면 div 태그가 class 하는 값이 'my-class'인 attribute를 가지고 있다. innerHTML 속성(property)은 HTML 내용을 정의한다. * 여기서 속..

태그 사이에 JavaScript 코드가 삽입된다. 자바스크립트로만 HTML 문서에 글을 작성해보았다. JavaScript 함수 및 이벤트 JavaScript function는 호출될 때 실행할 수 있는 JavaScript 코드 블록이다. 예를 들어 사용자가 버튼을 클릭할 때와 같이 이벤트가 발생할 때 함수를 호출할 수 있다. 자바스크립트 공부하기 완료하기 의 자바스크립트 이번에는 HTML 페이지에서 섹션에 JavaScript function을 배치해보자. 자바스크립트 공부하기 완료하기 외부 자바스크립트 자바스크립트 공부하기 완료하기 /* listCompleted.js */ function toDo() { document.getElementById("list").innerHTML = "자바스크립트 공부 끝..

"웹이 하이퍼링크와 HTTP로 인터넷 상에서 정보 교환을 할 수 있는 표준 규약을 만들어 낸 것이라면, 대체불가토큰(NFT)은 가치 있는 뭔가를 인터넷 상에서 교환할 수 있는 표준 규약이다. 웹처럼 NFT 역시 세상에 엄청난 변화를 이끌어 낼 것이라 확신한다." (카카오 컨퍼런스 if 2021, 카카오 블록체인 자회사 그라운드X의 한재선 대표) 지난해 1억 달러가 채 안됐던 전 세계 NFT 거래량이 올해 상반기에만 25억 달러(약 3조원)를 넘어선 가운데, 올해 하반기에 공개된 if카카오 컨퍼런스에서 한재선 그라운드X 대표가 NFT 기술과 가능성에 대해 발표했다. 한 대표는 NFT에 대해 "디지털 세상에서 어떤 객체에 대한 소유권을 부여해 주는 기술"이라고 소개했다. 그동안 복제가 쉬운 디지털 파일은 소..

국내 메타버스 ETF에 소속된 기업은 주로 게임과 엔터테인먼트 업체들이며, 양대 포털과 일부 가상현실과 증강현실 솔루션 업체 그리고 부품업체들도 포함되어 있다. 문제는 이들 업체조차 메타버스와 관련하여 무엇을 할 것인지를 이제야 스터디하는 단계처럼 보인다는 점이다. 일부 기업에서 서비스를 선보이고 있지만 아직은 조악한 단계에 그치고 있다. 심지어 검증하기조차 민망한 수준이라고 보는 것이 옳다. 산업의 미래를 전망하려면 적어도 세 가지를 따져보아야 한다고 본다. 방향성과 확장성과 성숙도가 그것이다. 메타버스의 경우 방향성과 확장성에서는 의심할 바가 없어 보인다. 그러나 더 신중하게 판단해야할 것은 성숙도다. 그리고 성숙에 걸리게 될 시간의 문제다. 성숙도는 사업 기획, 비용 투자, 서비스와 상품 출시, 판..

카카오는 자신들의 모든 역량을 집중해서 다가오는 메타버스 시대를 준비하겠다고 밝힌 바 있다. 최근 카카오의 몇 가지 움직임을 정리해보면, 카카오의 자회사인 카카오 엔터테엔먼트가 넷마블의 계열사인 '메타버스엔터'에 전략적으로 투자하면서 카카오와 넷마블의 연합 전선이 구축되었다. 이를 통해 카카오는 메타버스 아이돌을 육성하는 사업을 하고자 한다. Global Virtual 아이돌 사업 즉, 단순한 아이돌이 아닌 "글로벌(전세계는 물론 메타버스를 포함)" "버추얼(디지털 휴먼)" 아이돌 사업인 것이다. 여기서 "글로벌"이라는 것은 이미 메타버스까지를 포함하여 일컫는 말이다. 버추얼 아이돌 사업이란 무엇인가? 기본적으로 아바타를 뛰어넘는 디지털 휴먼(Digital Human)까지 포괄하고 있는 것이다. 디지털 ..

가상현실과 관련한 여러 발표를 통해 MS는 페이스북이 유일한 메타버스 계획을 지닌 회사가 아니라는 것을 일깨워줬다. (2021.11.3, 악시오스) 사명을 '메타'로 바꾼 페이스북에 이어 최근 마이크로소프트도 메타버스 전략을 내놓았다. 올해 초, MS는 메시라는 가상현실 플랫폼을 선보였다. 참고로, 메시(Mesh)는 월드와이드웹(WWW)에서 웹(Web)과 같은 의미다. 결국, MS는 웹이라는 단어 대신에 메쉬라는 단어를 통해서 가상현실 플랫폼을 선보였다. 1. 모든 기업의 협력 2. 인공지능의 적극적 활용 3. 현실세계와 가상세계의 연결 MS는 GPT-3로 대표되는 인공지능과 MS팀즈, 3D 협업 플랫폼 메시(Mesh) 등을 결합해 메타버스를 구현하고자 한다. MS는 화상..