TIL

[TIL] 20221117 좋은글/모노레포/css홀로그램/canvas 로 그림판 만들기

자바칩 프라푸치노 2022. 11. 17. 17:24

1. 생각할만한 좋은 글을 읽었다. 

https://yozm.wishket.com/magazine/detail/1742/

 

회사 다니면서 바쁜 와중에도 성장하는 팁 | 요즘IT

매일 하루가 어떻게 지나가는지도 모르게 지내다 보면 몇 달이 훌쩍 지나 있고, 나는 여전히 제자리인 것 같아서 불안할 때가 있다. 뉴스 기사에서는 잘 나가는 기업들의 승전보가 들려오고 주

yozm.wishket.com

글을 읽다가 제일 오래 머물렀던 부분이다. 

맨 처음에 했던 인턴 과제의 디자인 결과가 괜찮았던지 나는 디자인에 관심있고 예쁜 것을 좋아하고 잘하는 사람으로 포지셔닝된 것 같았다. 디자인 관련, 애니메이션 관련한 스터디나 프로젝트가 나오면 나를 떠올리실 정도?

하지만 실상은 퇴근하고 나면 새로운 공부를 하기 쉽지 않고 회사 업무와 관련되지 않은 오로지 나의 관심사만으로 스터디를 해도될까 하는 고민이 있었다. 그래서 사람들이 보는 것과는 별개로 나는 디자인과는 점점 멀어지고 있었다.

그런데 아래와 같은 글이 있었다. 

 

 

회사에서 지금 당장 쓰지않는 기술일지라도 일단 공부해보자 하고 다짐하게 되었다. 

앞으로는 그동안 해보고 싶었지만 베일에 쌓인 것 같았던 인터렉티브 웹을 만들어볼거다. 

 

https://velog.io/@jakeseo_me/웹-아트워크-1-나만의-파도-만들어보기

https://velog.io/@heekang/Vanilla-JS-자라나는-나무-만들기-1

https://velog.io/@heekang/Vanilla-JS-평창올림픽-드론쇼-만들기

https://velog.io/@hyunjoogo/JS-그림판-만들기

https://palazzomurat.it/

 

2. 모노레포 

https://d2.naver.com/helloworld/0923884

우리 회사에서 하는 프로젝트가 굉장히 많고 그것들의 세팅이 중복된다면 세팅을 위한 세팅하는 시간이 오래걸리고 중복된 작업이 많아지므로 하나의 레포지토리에 여러가지 프로젝트를 관리할 수 있는 기술이다. 

 

 

3. css로 홀로그램 효과

https://deck-24abcd.netlify.app/

 

Pokémon Cards CSS Holographic Effect

 

deck-24abcd.netlify.app

아직 공부해보지 않았지만 css로 이런 3d홀로그램 효과를 낼 수 있다니

신기하고 재밌다. 

 

4. canvas로 그림판 만들기

인터렉티브 웹을 하는데 canvas를 쓰길래 공부를 해보고 있다. 

그림판을 만드는 노마드코더의 강의를 듣는다. 역시나 난 이런게 재밌다. 

 

 

 

728x90