Workspace

이어서 남은 Chapter1 부분을 공부해본다. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과바 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https://class101.net/ko/products/5f53ae772e3e0d001cd99667 [웹 개발자 단과반 1교시] HTML, CSS, JS 프론트엔드 속성 실무! | 개발자 사관학교 📍웹 개발자 단과반이 필요한 이유는 뭘까요? 📍 이런 분들이 개발자 사관학교를 수강하면 크게 도움됩니다! 1) 대체 뭐부터 개발해야할 지 모르겠어요. 원래 처음 개발을 배우면, 뭐부터 시작 class101.net CHAPTER1 : 개발하기 전 준비 및 워밍업 [5. 친해져야 할 에디어 vscode 사용법] 편리한 개발을 위한 에디터는 여..

데이터 아트 작업 중에서 관객이 직접 그 데이터에 관여하는 작업을 만들고 싶어졌다. 그 과정에서 웹/데이터베이스/서버... 등의 공부의 필요성을 느껴 당분간은 개발 공부만 해야할 것 같다. T-T (아이좋아) 프론트엔드 공부는 html, css만 따로 배웠을 뿐.. 아예 동작 원리에 감이 안잡혀서 클래스101 강좌들을 뒤적이며 어떻게 시작해야할지, 고민이 많았다. 그러던 중, 크리에이터 개발자 사관학교 강사님이 올려주신이 수업들이 전부 내가 찾던 내용과 딱 맞아 떨어졌고, 이 강좌를 쭉 들으며 프론트엔드 - 백엔드 - 배포까지! 한방에 쭉 달려볼 예정이다. 클래스 101 [유료강좌] 개발자 사관학교 - [웹 개발자 단과바 1교시] HTML, CSS, JS 프론트엔드 속성 실무! https://class1..

이어서 p5.js 튜토리얼 영상을 보며 공부한 내용을 정리해본다. 유튜브 채널 생활코딩에서 올려주신 모션그래픽을 위한 p5.js 강좌를 보며 공부중이다! https://youtu.be/nxG4hzciL7Q 7강 코딩으로 그림을 그릴 때 가장 큰 장점이라고 할 수 있는 애니메이션을 진행해봤다. console.log 라는 함수를 호출하면 console창에 값을 띄울 수 있다. (원하는 값은 파라미터에 넣어준다.) 그외 random함수를 통해 0에서 400까지의 x위치 y위치 사이에 랜덤하게 원이 나타나도록 설정했다. 같은 방식으로 색상, 크기도 바꿔주었다. random(400) -> 0에서 400사이 랜덤값 호출 random(100, 255) -> 0에서 255사이 랜덤값 호출 8강 화면의 왼쪽 위에서 화면..

p5.js를 시작해보려 한다. 자바스크립트 언어도 공부해보면서 다양한 작업을 할 수 있어 꽤 유용하지 않을까 싶다. 유튜브에 p5.js를 잘 정리해주신 강의가 있어 이걸 보면서 따라해볼 예정이다. 이런 좋은 콘텐츠를 무료로 올려주시다니.. 참 감사하다. * 공부에 큰 도움을 받은 유튜브 강좌 링크를 첨부한다. (생활코딩 - 모션그래픽을 위한 p5.js) https://youtu.be/31JEsy40XBU 1강 1. 환경 세팅하기 크게 p5.js를 작성할 수 있는 방법은 두가지이다. 코드에디터에서 태그에 p5.js의 링크를 첨부하여 사용하는 방법. 그리고 p5.js에서 제공하는 에디터 사용하기. 에디터는 p5.js 공식 홈페이지에 들어가면 사용이 가능하다. https://p5js.org/ko/ home |..

블렌더에서는 다양한 카메라 뷰를 보면서 작업해야 한다. 넘버패드키를 이용해서 편리하게 카메라 뷰를 바꿀 수 있는데, 넘버패드가 없는 맥북에서는 이용할 수 없다. 수동으로 계속 바꿔주다가 맥북에서도 단축키를 통해 쉽게 바꿀 수 있다는 사실을 알게 됐다! ~키를 누르면 카메라 뷰를 바꿀 수 있다. ~를 누른 채로 마우스를 이동하면 어떤 뷰로 볼지 선택할 수 있다. 만약 적용이 안된다면 한영키를 눌러 다시 시도해본다. (영어로 설정되어 있는지 확인한다.)

블렌더를 하다보면 이렇게 생긴 오브젝트가 보인다. 블렌더에서 부르는 명칭은 Cursor이다. 그런데 실수로 작업을 하다보면 나도모르게 멋대로 커서의 좌표가 옮겨지는 경우가 있다. 커서를 어떻게 하면 다시 중앙으로 세팅할 수 있는지, 직접적으로 Location도 세팅해보고 했지만 큰 소용이 없었다. 껐다 켜도 소용이 없고 프로젝트를 새로 만드는 방법밖에 없었다. 그러던 중 중앙으로 세팅할 수 있는 단축키를 찾았다. Shift + C 를 누른다! 적용이 안된다면 한영키를 눌러서 다시 시도해본다. (영어로 설정되어 있어야 한다.) 다시 중앙으로 돌아온 커서를 볼 수 있다.