Big&Small

big&small mode, 두 가지의 모드를 만들었다. big mode에서는 텍스트의 크기가 확대되고 small mode에서는 텍스트의 크기가 줄어든다.

2025.03.01

What Happened at Bird Call?

1. 도어매트를 지나 홈으로 들어가면 경복궁역에서 버드콜까지 가는 길을 촬영한 영상이 자동으로 재생된다.
2. 화면에는 버드콜에서 매회차 내려준 차의 찻잔 이미지 8개가 놓여져 있다. 찻잔을 클릭하면 그 날 버드콜에서 만들었던 웹사이트를 확인할 수 있다.

2025.02.22

Half&Half

작성중..

2025.02.22

Gift a website

1. 웹사이트 링크가 선물이 될 수도 있다는 점에서 새로운 인사이트를 얻었다. 나도 누군가에게 링크를 선물하는 쿨한(?) 경험을 해보고 싶었고 때마침 전 직장 동료분들의 생일 주간이었기에 코드를 작성하기 시작했다.
2. 종종 우쿨렐레를 연주하고 귀여운 동물을 좋아하는 나의 유튜브 알고리즘이 기타 연주에 맞춰 노래하는 고양이 동영상을 추천해줬다. 이 동영상은 누가 봐도 귀엽고 사랑스럽기에 내 마음대로 생일 축하 선물로 결정했다.
3. 택배박스 이미지를 호버하면 박스가 열리면서 동영상이 재생된다. 상단엔 미니기능 코너에서 배운 marquee 태그가 적용된 축하 메세지가 흐른다.
4. Chat GPT에게 파비콘과 오픈그래프 이미지를 적용하는 방법을 배워 적용했다.

2025.01

Answering machine for cat

야옹

2025.01.01

the table I wanted

사이트를 탐색하다보면 테이블 구조의 웹사이트가 자주 보이곤 한다. 다양한 레이아웃으로 응용이 가능한 코드이기에 뼈대를 직접 만들어보고 싶었다.

2025.01.01

How to grow tomatoes

토마토를 재배하는 방법
타이틀과 본문 구조의 아티클 페이지를 만들었다.

2025.01.01

My first handmade website

두 번째 수업에서 배운 참고 사이트 링크를 모아두었다.

2025.01.01

J. R. CARPENTER, A Handmade Web

우리에게 익숙한 ‘핸드메이드’(handmade)라는 말은 일반적으로 기계가 아닌 손이나 간단한 도구로 만든 물건을 가리킨다. 그 물건은 점토 재떨이처럼 평범하거나 질박할 수도, 고급 수제화 한 켤레처럼 완벽에 가까울 만큼 정교할 수도 있다.
1. 나는 핸드메이드 웹을 소환한다. 웹사이트를 만드는 데는 반드시 손이 필요하고, 웹사이트 자체가 매뉴얼이나 핸드북으로 기능한다는 점에 주목하기 위해.
2. 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다.

2025.01.01