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
(챗지피티에게 부탁한 더미 텍스트)이 웹사이트는 고양이가 집에 혼자 있을 때, 또는 주인이 외출 중일 때 고양이가 자신만의 응답기를 갖는다는 개념에서 출발합니다. 사실, 고양이는 말을 하지 않지만, 많은 사람들이 고양이와 소통하고 싶은 욕구를 느끼곤 합니다. 그래서 이 자동 응답기는 고양이가 마치 전화기에서 자동으로 메시지를 듣는 것처럼, 고양이를 위한 귀여운 음성 메시지나 소리들을 제공하는 시스템입니다. 웹사이트는 고양이가 좋아할 만한 다양한 소리들, 예를 들어 캔이 열리는 소리, 간식통 소리, 또는 고양이가 좋아하는 장난감 소리 등을 포함할 수 있습니다. 고양이가 이 소리들을 들으면서 자연스럽게 주인이 돌아왔다는 신호를 받거나, 주인이 고양이를 그리워하며 남긴 메시지를 들을 수도 있습니다. 그뿐만 아니라, 고양이의 이름을 넣어서 맞춤형 메시지나 소리도 설정할 수 있게 되어 있습니다. 이 웹사이트는 단순히 귀여운 아이디어를 넘어서, 고양이와 주인 사이의 특별한 연결고리를 만드는 데 기여할 수 있습니다. 또한, 이 웹사이트는 고양이의 행동 패턴을 추적하여 맞춤형 메시지를 제공합니다. 예를 들어, 고양이가 자주 사용하는 특정 공간이나 좋아하는 활동에 맞춰 소리가 자동으로 변경될 수도 있습니다. 이를 통해 고양이는 더 재미있고 자극적인 환경에서 반응하게 되며, 주인은 외출 중에도 고양이를 조금 더 돌보는 기분을 느낄 수 있습니다. 결국, Answering Machine for Cat은 고양이를 사랑하는 사람들을 위한 작은 재미와 감동을 선사하는 아이디어입니다. 고양이가 무심코 들을 수 있는 응답기가 만들어져, 주인과 고양이 간의 특별한 유대감을 더욱 강화시킬 수 있습니다.
2025.01.01
the table I wanted
사이트를 탐색하다보면 테이블 구조의 웹사이트가 자주 보이곤 한다. 다양한 레이아웃으로 응용이 가능한 코드이기에 뼈대를 직접 만들어보고 싶었다.
2025.01.01
How to grow tomatoes
토마토를 재배하는 방법
타이틀과 본문 구조의 아티클 페이지를 만들었다.
토마토는 재배하기 가장 인기 있는 작물 중 하나입니다. 실내에서 씨앗으로 시작하거나 어린 식물로 구매한 다음 실외나 온실, 화분 또는 땅에서 재배할 수 있습니다. 온실에서 특히 잘 자라며 일반적으로 더 일찍 더 큰 작물을 생산합니다. 실외에서 재배할 때 이 연약한 식물은 따뜻하고 햇볕이 잘 들고 보호되는 장소가 필요합니다. 식물학적으로 Solanum lycopersicum으로 알려진 토마토는 감자와 밀접한 관련이 있으며 실외에서 역병에 걸리기 쉽지만 온실에서는 거의 불가능합니다. 토마토는 서리로부터 보호하고 정기적으로 물을 주고 비료를 주는 등 잘 자라려면 약간의 주의가 필요합니다. 하지만 여름 내내 집에서 재배한 토마토를 신선하게 따서 햇볕에 따뜻해져서 가장 달콤하고 즙이 많은 상태로 먹을 수 있다면 노력할 가치가 있습니다. 선택할 수 있는 품종이 엄청나게 다양해서 직접 재배하는 것의 또 다른 큰 이점입니다. 모든 취향에 맞는 다양한 크기, 색상, 질감 및 풍미의 과일이 있습니다. 슈퍼마켓에서 제공하는 것보다 훨씬 더 많은 선택이 가능합니다. 다양한 크기의 식물도 있으며, 재배 위치와 공간에 따라 다릅니다. 키가 크고 강건한 것부터 보통 1개의 주줄기까지 있으며, 곧게 서거나 45도 각도로 서 있고 짧은 열매를 맺는 측지(박차)가 있습니다. 사과, 배, 구스베리, 토마토, 붉은 건포도, 흰 건포도는 종종 코르돈으로 재배되며, 특히 공간이 제한된 경우에 그렇습니다. 달콤한 완두콩은 전시용으로 큰 꽃을 피우기 위해 코르돈으로 재배할 수 있습니다. 코르돈 품종에서 더 컴팩트한 수풀 유형, 작은 용기에 적합한 왜성 품종, 심지어 매달린 바구니에 적합한 덩굴 식물까지 있습니다. 작은 열매를 맺는 품종은 재배하기 가장 쉽고, 열매를 가장 빨리 맺으며, 가장 다산하지만, 모든 유형을 실험해 볼 가치가 충분합니다.
2025.01
My first handmade website
두 번째 수업에서 배운 참고 사이트 링크를 모아두었다.
2025.01.18
J. R. CARPENTER, A Handmade Web
우리에게 익숙한 ‘핸드메이드’(handmade)라는 말은 일반적으로 기계가 아닌 손이나 간단한 도구로 만든 물건을 가리킨다. 그 물건은 점토 재떨이처럼 평범하거나 질박할 수도, 고급 수제화 한 켤레처럼 완벽에 가까울 만큼 정교할 수도 있다.
1. 나는 핸드메이드 웹을 소환한다. 웹사이트를 만드는 데는 반드시 손이 필요하고, 웹사이트 자체가 매뉴얼이나 핸드북으로 기능한다는 점에 주목하기 위해.
2. 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다.
2025.01.11