전체 글 (286) 썸네일형 리스트형 키보드 방향키 바뀐거 해결하기, wasd 원상복귀 오늘 피씨방에서 Wasd 키와 방향키가 바뀌어져 있길래 어떤 미친놈이 이런 이상한 취향을 가지고서 피시방을 오는지 궁금하던 찰나, 컴퓨터 프로그램 문제인줄 알았던게 알고보니 기계식 키보드의 새 기능이었다. FN키와 W를 함께 누르면 다시 원상복귀 된다. 영화 업그레이드 (upgrade), 명작을 지나칠 뻔 했다. 되게 오랜만에 영화관에 가서 본 작품. 만약 이 영화가 실망스러웠다면, 난 또 영화관에 1년간 발을 놓지 않았을지도 모르겠다. 영화의 배경은 매우 먼 미래를 바탕으로 한다. 주제는 인공지능에 관한 이야기 이야기자동차 정비일을 하지만 일이 들어오지 않아 백수와도 다름없는 주인공과 대기업에서 근무하는 아내는 평소처럼 단란하고도 평범한 일상도중 무언의 사고로 이야기가 시작된다.이들이 소유하고 있던 자동차가 가지고 있는 자동운전 기능에 이상이 생겨 자동차는 뒤집혀지는 바람에 두 부부가 사고 후 잠시 정신이 희미한 사이 모르는 아저씨들이 갑자기 그들을 구해준다면서 꺼내주지만알고보니 이들이 무장강도로 보여지는 놈들이었고, 갑자기 아내는 죽이고 주인공은 반신불구로 만들어 돈을 탈취해 도주한다. 하루아침에 아내를 잃어.. [번역]UI 웹 디자인을 위한 최고의 9가지 애니메이션 라이브러리 link : https://www.sitepoint.com/our-top-9-animation-libraries/ 이 가이드는 각 작업에 적합한 애니메이션 라이브러리를 선택할 수 있도록 도와주는 가이드의 최신 업데이트입니다. 프론트 엔드 웹 디자인은 지난 10 년 동안 혁명을 통해 이루어졌습니다. 2000년대 후반까지, 우리 중 대부분은 여전히 정적으로 레이아웃을 디자인하고있었습니다. 오늘날 우리는 수천 개의 크기 조정되고 조정된 뒤 움직이는 부품으로 "디지털 기계"를 수천 개의 크기 조정, 조정, 이동 부품과 함께 구성했습니다.간단히 말해 훌륭한 UI 디자이너 는 웹 애니메이션 기술에 대한 확실한 이해 로 훌륭한 애니메이터가 될 필요가 있습니다 .우리는 "코드 전문가"개발자가 아닌 코드에 정통한 U.. [Javascript] CSS의 벤더 프리픽스(Vendor Prefix)를 자바스크립트에서 하기 시작하기 전에, 벤더 프리픽스란?뜻풀이만 먼저 하자면 Vendor (공급 업체) + Prefix (접두사) 이다.즉 업체마다 표기가 필요한 것들을 말한다. css의 속성은 마이크로소프트에서 만든 익스플로러, 구글에서 제공하는 크롬 등에서 다 다르게 작용하기 때문에 브라우저마다 따로 설정을 해주어야 한다. CSS의 프리픽스 키워드는 자바스크립트에서 쓸 수 없다. 예를들면 -webkit-이나 -ms-같은 것들을 말이다. 자바스크립트는 해당 css 속성 사이에 - (마이너스)를 빼고 단어만 적어넣어야 한다.1el.style.webkitanimation = 'stylus';cs 대충 이런식인데, 만약 이걸 노가다식으로 코드마다 하나하나씩 일일이 붙여넣기 한다면.. 1234el.style.webkitanimati.. [Javascript] innerHTML, outerHTML, textContent에 대해... 엘리먼트의 텍스트 변경하기 innerHTML 은 요소의 자식들만 가져옴.outerHTML 은 요소 자체를 가져옴.textcontent 는 innerHTML 과 비슷하지만 태그를 문자로 인식하여 가져옴. 엘리먼트의 innerHTML 요소 1var content = element.innerHTML;cs엘리먼트가 일 경우, 을 가져옴. content 변수는 content = ""; 처럼 되는 것. 그렇다면 요소 안에 값을 넣을때는?1element.innerHTML = content;cs 간단하다. 이걸 응용해서 예를들면 body태그에 적용시킬 수 있다.1document.body.innerHTML = "";cs 이렇게 하면 body태그 안에있는 모든 요소가 사라져버린다. 하지만 innerHTML은 보안문제를 일으킬 가능성이 있다. inn.. [Javascript] 부모, 자식, 형제 찾기, 선택하기 (childNodes, parentNode, Sibling) 함수를 통하여 애타게 가족을 찾아다니는 요소들의 코드속 인생을 보면 자바스크립트도 사실은 우리의 인생과 다르지 않다. (?) childNodes 1 2 3 4 5 cs 오늘은 단란한 이 네명의 가정을 통해 자바스크립트의 가족 함수들을 정리해볼 것이다. 코드 공부 도중에도 아버지가 없어 힘들게 세 자식을 먹여살리는 어머니의 위대함을 세삼스레 느껴본다. 1 2 3 4 5 6 7 8 // 엄마 생성 var mother = document.getElementById('mother'); // 모든 자식 찾기 var every = mother.childNodes; // 첫번째 자식새끼 찾기 var one = mother.firstChild; // 세번째 아들내미 찾기 var three = mother.lastChi.. [Javascript] 요소 추가하기 (createElement, createTextNode, appendChild) 제이쿼리처럼 매우 간단하지는 않지만 자바스크립트만으로도 꽤나 괜찮은 요소 조작이 가능하다. 이를 위해 사용되는 함수도 세가지가 존재한다. .createElement().createTextNode().appendChild() createElement() 는 요소를 추가한다.1document.createElement('div');cs 그리고 이 요소안에 글자를 넣는 함수가 바로 createTextNode() 이다.12var div = document.createElement('div');div.createTextNode('This is div');cs 하지만 요소를 만들기만 해서는 사용할 수 없다. 그래서 존재하는, 다른 요소에 집어넣을 수 있는 함수가 바로 appendChild() 이다.있는 뜻 그대로 자.. [Javascript] html 태그의 속성 바꾸기, 태그 편집하기, 요소 변경하기 자바스크립트로도 html의 속성을 자유자재로 변경할 수 있다. 1. 쉽게 태그의 내용 바꾸기 1cs 여기서 style을 삭제해보자. 12var el = document.getElementById('Element');el.style = null;cs 이렇게 스타일을 비우게 되면 html 태그 코드는 하단의 내용처럼 바뀌게 된다. 1cs자바스크립트가 웬일로 매우 직관(?)적이다. 매우 간단하다. 하지만 저기 걸린 style 이 마음에 안든다.성능상 관계없기는 하지만 style 단어까지 없앨수는 없을까..? 2. Attribute 자바스크립트에는 속성 자체를 자유자재로 편집할 수 있는 간단한 코드가 존재한다. 123456789var el = document.getElementById('menu');// - 속.. 이전 1 ··· 8 9 10 11 12 13 14 ··· 36 다음
