have so sunny day

portfoliocv🤓TIL🤓

[Retro] New Beginning 2021: 퇴사

2021-05-02

나는 이제 3년차가 넘는 웹 개발자가 되었다. 그리고 이번 달에 퇴사를 한다. 이직이 아니고 퇴사이다. 이직할 직장을 구하고 퇴사를 하고 싶은 마음으로 몇 달간 이직 준비를 했지만, 나의 뇌는 이미 방향을 정한 것 마냥 서비스 개발 관련 직종에는 의…

[p5js] Studying Shader with Creative Coding (2)

2020-12-19

Shader Study with P5 Javascript Library (2): Important Shader Concepts Colors and Position Colors RGB values range: 0 ~ 1 For example, Blue…

[p5js] Studying Shader with Creative Coding (1)

2020-12-18

Shader Study with ITPers Shader x P5 JS (1) Why Start Studying Shader? I've been wanting to study shader since I saw a computer science cou…

[React] CSS Styled Components: fixing first-child last-child problem

2020-12-13

Problem When your last-child, first-child css condition doesn't work, we need to check html tags inside React code! For example, my origina…

[Review] 3 Months of Translating Storybook OpenSource

2020-11-29

Few weeks ago, I finally finished my first-ever translation contribution on Storybook community (which is run by chromatic). From August 20…

[Review] 2020 글또 5기 다짐글

2020-11-15

글또 4기에 이어 5기를 신청했다. 4기가 끝나고 나서는 이 웹사이트를 전면적으로 개편하고 재정비했다. 이제 다시 컨텐츠 생산을 위한 에너지를 얻기 위해 5기도 신청했다. 글또는 '글쓰는 또라이'라는 모임이고, 현재는 개발자들 위주로 구성되어 있다.…

[Review] 글또 및 상반기 회고

2020-08-16

처음 해보는 글또 - 글쓰는 또라이 4기 모임 성윤님을 모두연 커뮤니티에서 우연히 알게 되었고, 온라인으로 글또 모임 하시는 것을 종종 보다가 참여하게 되었다. 이미 브런치에 글을 쓰고, 워드프레스 사이트도 있었던 상황이었기에, 수월하게 글쓰기 활동…

[Review] 글또 및 상반기 회고

2020-08-16

처음 해보는 글또 - 글쓰는 또라이 4기 모임 성윤님을 모두연 커뮤니티에서 우연히 알게 되었고, 온라인으로 글또 모임 하시는 것을 종종 보다가 참여하게 되었다. 이미 브런치에 글을 쓰고, 워드프레스 사이트도 있었던 상황이었기에, 수월하게 글쓰기 활동…

[Review] 2020 인터렉티브 아트x테크 전시 후기(2)

2020-07-18

설명과 여백 사이 이번 전시를 제외하고 여태까지 3번 정도의 전시 및 쇼케이스를 했었다. 그 때마다 나는 관객들에게 내 작업을 열심히 설명했다. 이 센서와 기계들을 어떻게 작동해야 하는지 - 테크니컬한 디렉션부터 이 안에 담긴 의미, 내가 의도한 바…

[Review] 2020 인터렉티브 아트랩 전시 후기(1)

2020-07-14

성수동에서 인터렉티브 아트랩 그룹 전시를 열었다. 작년에 이어 두번째 전시였는데 여러모로 느낀 점이 많아서 블로그로 후기를 남겨본다. 미디어 아트, 아트앤테크놀로지, 인터렉티브 미디어, 인터렉티브 아트. 다양한 명칭으로 불리는 분야인 만큼 정형화된 …

[React] React.useMemo 가볍게 살펴보기

2020-07-05

React.useMemo 적용 계기 한 페이지에서 API 호출을 4-5개 정도 하는데, api 한 개씩 fetch 될 때마다 모든 element 가 다시 렌더링 되는 것을 막기 위해 효율적인 상태 관리가 필요해졌다. 예를 들어, 해당 페이지에 새로운…

[Review] How to Make Best Out of Your Stress

2020-06-07

5월 중순에 글또 4기 프론트 첫 모임을 가졌다. 다양한 개발 이직, 면접, 특이했던 질문들을 서로 나눴다. 그 중 기억에 남는 게 인성 면접에서 나온 '스트레스 관리를 어떻게 하는지'라는 질문이었다. 스트레스라는 게 없을 수가 없는 세상이고, 그 …

[p5js] Leap Motion Getting Started

2020-05-30

1. Set up 브라우저 html 파일에 leap motion API & leapJS plugins 추가하기 LeapJS-plugins으로 LeapJS API 를 좀 더 손쉽게 이용가능하다. LeapJS-plugins 사용에 대한 자세한 예시들은 …

[Review] Dear Girls by Ali Wong

2020-05-24

This book made me reminisce the days of my NYC life, including crazy, diverse, and funny people I met in the States. As I got used to Amer…

[p5js] Using LeapMotion for Creative Coding

2020-05-24

Leap Motion x P5.JS API 파헤치기 전시에서 아두이노로 인터렉션을 구현하려다가 언택트 흐름에 맞게 립모션으로 대체하려고 라이브러리 API 를 테스팅하고 있다. Leap Motion 이란? Leap Motion은 손바닥만한 카메라 센서…

[Review] 2020 May, Mental Health Awareness Month

2020-05-23

I don't remember when exactly, but it was probably after listening to Ariana Grande, Billie Eilish, and Maggie Rogers. In high school, I wa…

[Review] Are you an OverAchiever?

2020-05-17

I had a hard time patiently processing my thoughts and feelings for past two months. Many aspects of my life were being affected in not a g…

[p5js] Meditation & Lighting 전시 구상 일지(1)

2020-05-10

6월에 있을 전시를 위해서 작업을 구상하고 있다. 최근에 코끼리라는 명상 앱을 다운 받아서 2주동안 사용해보았는데, 심리 상담 치료법과도 유사한 부분들이 있어서 그런지 스트레스를 완화시키는 데에 효과적이었다. 그 경험을 바탕으로 mental heal…

[p5js] Nature of Code - Vectors (feat. Coding Train)

2020-04-25

1.1 Bouncing ball with no vectors 벡터 클래스 이용 없이 위치, 속력 이동 계산. physics variables location speed acceleration target location wind friction 1.…

[p5js] Creative Coding Inspired by Bauhaus, Whanki-Kim

2020-04-15T00:00:00.000Z

작년이 바우하우스 100주년이었다. 마침 독일 여행을 갔어서 바우하우스 기념 전시들을 너무 재미있게 봤다. (독일에서 우연히 마주치기도 했던) 인스타 친구인 작가님이 바우하우스 관련 포스팅을 하셨길래 갑자기 생각나서 크리에이티브 코딩 작업을 해보았다…

[p5js] Make Logos with Creative Coding | 코딩으로 로고 만들기

2020-04-05

레스토랑 리뷰 청담동 골목길에 조용히 위치한 레스토랑 온을 찾아갔다. 초등학교 시절 친구의 연말 생일을 뒤늦게 기념하기 위해 특별히 원테이블 파인다이닝 식당을 예약했다. 2020년에도 당당하게 미슐랭 가이드에 선정된 레스토랑 온은 '따뜻할 温' 처럼…

[p5js] SketchRNN with Javascript (feat. ml5js)

2020-03-31

0. template 코드 p5 온라인 에디터 완성 코드 1. index.html 에 src 추가하기 Your index.html 2. QuickStart 모델을 preload하기 때문에 callback 파라미터는 필요 없다. models 변수 대신…

[CSS] Studying CSS Flex with flexbox froggy | CSS 플렉스

2020-03-11

Flexbox Froggy Game 으로 공부하는 flexbox 그냥 멋모르고 쓰던 flex 를 실제로 앱 layout에 적용하기 위해서 공부하게 되었다. 선임이 추천한 게임 방식의 튜토리얼 사이트를 통해서 연습해보았다. 결론부터 말하면, 매우 재미…

[Review] 2020 글또로 시작하는 블로그

2020-02-29

2020년이 벌써 2달이나 지났나 하는 한숨보다는 나름 60일을 정신없이 바쁘게 보냈다고 토닥여본다. 나에게 맞는 블로그 찾기 여러가지 블로그 플랫폼을 사용해 보았다. 워드프레스 블로그를 처음 시작한 2015년부터 sosunnyproject.word…