전체 글 (193) 썸네일형 리스트형 한경닷컴 IT섹터 기사 스크랩 (무선 이어폰 관리, 2021년 3월 국내 웹브라우저 시장 점유율) 한경닷컴 IT섹터 기사 스크랩 (무선 이어폰 관리, 2021년 3월 국내 웹브라우저 시장 점유율) 경제신문을 읽어봐야겠다는 생각에 한경닷컴에서 기사를 읽던 중 IT섹터에 관심 가는 부분이 있어서 스크랩한다. 필수품 된 무선 이어폰 어떻게 관리해야 할까… 소독 꼭 해야 [위클리 스마트] 필수품 된 무선이어폰 어떻게 관리해야 할까…소독 꼭해야 [위클리 스마트] 필수품 된 무선이어폰 어떻게 관리해야 할까…소독 꼭해야, 산업 www.hankyung.com 갤럭시 버즈 프로 같은 커널 이어폰 사용하다 외이도염이나 중이염에 걸렸다는 소비자 사례가 다수 보고됐다고 한다. 과거 애플 에어팟도 유사한 사례가 있었다고 하며, 커널형 이어폰 구조상 장시간 사용 시 귀 내부 압력과 습도 상승 등으로 피부 염증이 발생되기 쉬워.. p5.js 애니메이션을 위한 변형(transform) 함수 3 - 객체 회전 rotate() p5.js 애니메이션을 위한 변형(transform) 함수 3 - 객체 회전 rotate() p5.js 애니메이션을 위한 변형(transform) 함수에는 translate(), scale(), rotate()가 있다. 지난 포스팅의 scale 함수에 이어 이번에는 rotate 함수에 대해 알아보자. rotate() - 객체 회전 scale 함수의 기본 문법은 rotate(angle, [axis])이다. angle : 현재 angleMode의 매개변수인 RADIANS(원주호) 또는 DEGREES(도)의 설정 사항에 따른 회전각. 양수를 입력할 경우 시계 방향으로 객체를 회전 시킴 axis : p5.Vector|숫자 배열[]: (3D의 경우,) 회전축 (선택 사항) translate, scale 함수와 마.. 퍼블리싱 ] 유튜브 동영상 반응형 홈페이지에 삽입하기 (화면 너비에 맞게 100%로 만들기) 퍼블리싱 ] 유튜브 동영상 반응형 홈페이지에 삽입하기 (화면 너비에 맞게 100%로 만들기) 유튜브 동영상을 홈페이지에 삽입해야 되는데 그냥 퍼오기를 하면 width, height 너비가 고정되어 있기 때문에, 화면 너비에 따라 유동적으로 동영상 너비가 조절되지 않는다. 이 문제를 스크립트를 사용하여 간단히 해결할 수 있는 방법이 있어서 소개하고자 한다. 유튜브에서 동영상 퍼오기 우선 웹페이지에 삽입할 동영상을 퍼와야 되는데 콘텐츠 페이지 내에 삽입할 것이므로 iframe으로 된 소스를 가져와야 한다. 방법은 간단하니 가볍게 쓱~ 보시기 바란다. 동영상 퍼오기 1단계. 유튜브에서 퍼올 동영상의 우측 하단에 있는 '공유' 버튼을 클릭한다. (필자가 좋아하는 서태지 공연 동영상으로 예시를 들겠다😆) 동영상 .. p5.js 애니메이션을 위한 변형(transform) 함수 2 - 객체 크기 조정 scale() p5.js 애니메이션을 위한 변형(transform) 함수 2 - 객체 크기 조정 scale() p5.js 애니메이션을 위한 변형(transform) 함수에는 translate(), scale(), rotate()가 있다. 지난 포스팅의 translate 함수에 이어 이번에는 scale 함수에 대해 알아보자. scale() - 객체 크기 조정 scale 함수의 기본 문법은 scale(s, [y], [z])이다. S : 객체 크기를 조정하는 백분율. 여러 인수 지정 시에는 x축(가로축)에서의 객체 크기 배율을 조정하는 백분율 예) scale(1.0) 함수를 호출하면 100% 그대로이기 때문에 도형의 크기에 변화가 없음 예) scale(2.0) 함수를 호출하면 도형의 크기를 가로 세로 배율 200% 증가 시.. p5.js 애니메이션을 위한 변형(transform) 함수 1 - 객체 위치 이동 translate() p5.js 애니메이션을 위한 변형(transform) 함수 1 - 객체 위치 이동 translate() p5.js 애니메이션을 위한 변형(transform) 함수에는 translate(), scale(), rotate()가 있다. 이미 css를 다룰 줄 안다면 이들 함수가 어떤 역할을 하는지 대략 짐작이 갈 것이다. x, y, z 축으로 객체의 위치를 이동시킬 수 있는 translate, 객체의 크기를 확대 및 축소시킬 수 있는 scale, 객체를 회전시키는 rotate 이 세 가지 변형 함수들에 대해서 알아보자. translate() - 객체 위치 이동 translate 함수의 기본 문법은 translate(x, y, [z])이다. X축 : 좌우 이동 Y축 : 상하 이동 Z축 : 앞뒤 이동 (WebGL.. K-MOOC] 예술가와 디자이너를 위한 아트 코딩 4주 차 실습 과제 K-MOOC] 예술가와 디자이너를 위한 아트 코딩 4주 차 실습 과제 마우스의 움직임을 활용해 도형을 붓으로 그린듯한 인터랙션을 구현하는 과제이다. 4주 차 인터랙션의 활용 수업에서 배운 내용인 시스템 함수 mouseX, mouseY와 변수 및 map 함수를 사용했다. 배운 내용을 자주 사용해서 익숙해질 수 있도록 해야겠다😁 실습과제 1 editor.p5js.org/yonalaolla/sketches/kgxE3tCxZ p5.js Web Editor editor.p5js.org 실습과제 2 editor.p5js.org/yonalaolla/sketches/uEE7VqS-P p5.js Web Editor editor.p5js.org [집콕]예술가와 디자이너를 위한 아트 코딩 본 교과목은 코딩의 기초를 시각화를.. p5.js colorMode - RGB / HSB 알아보기 (feat. 색상 대비) p5.js colorMode - RGB / HSB 알아보기 (feat. 색상 대비) fill(), stroke(), background(), color() 함수에 색상을 채울 때 사용되는 기본 컬러 모드는 RGB 색상 모드로 설정되어 있다. 이 외에 colorMode(HSB)나 colorMode(HSL)로 설정하면 각각의 색상 모드로 변경할 수 있다. RGB 색상만 알아도 충분히 표현은 가능하지만, 명도/채도 등의 색상에 대한 기본 속성을 알아두면 좀 더 조화롭게 배색하는 데 도움이 될 것이다. RGB 색상 모드 컴퓨터가 색상을 보는 방식으로 빛의 3원 색인 빨강(RED), 초록(GREEN), 파랑(BLUE) 세 종류의 광원을 이용하여 색을 혼합하며, 색을 섞을수록 밝아지기 때문에 '가산 혼합'이라고 한.. 미국 주식 ] 2021년 4월 매매 현황 미국 주식 2021년 4월 매매 현황 4월 매수 목록 주식 티커 수량 스킬즈 SKLZ 1 버라이즌 커뮤니케이션스 VZ 3 지난달에 스킬즈 추매를 계속하다가 계속 떨어지는 주가를 보고 이래선 안 되겠다는 결심을 하고 이번 달에는 거의 매수를 하지 않았다. 12월 초부터 미국 주식을 하고 있는 중인데, 최근에는 블로그 포스팅을 하는 데 에너지를 쏟다 보니 4월에는 주식 매수에 좀 뜸했던 것 같다. 그 외에는 막판에 버라이즌 3주를 매수한 게 다라니... 배당주를 좀 더 사모아야겠다는 생각으로 버라이즌 살짝 하락했을 때 매수했다. 5G가 하반기에 괜찮다는 말도 있으니 추가 수익일 날지도 모르지 않을까(?)라고 희망 회로를 돌려본다😆 나이키는 4월에는 130달러 이하로 떨어졌는데 매수 기회를 놓치고 말았다. 5.. 이전 1 ··· 17 18 19 20 21 22 23 ··· 25 다음 목록 더보기
