▲

GN⁺: 90년대 웹 개발자만이 기억하는 것 (2014)

 (zachholman.com)
1P by neo 10달전 | favorite | 댓글 1개

90년대 웹 개발자만 기억하는 것들

  • 90년대 웹 개발자는 <blink> 태그와 <marquee> 태그를 결합하여 혁신적인 컴퓨터 애니메이션을 만들었음.
  • 당시에는 이러한 기술이 대단한 혁신으로 여겨졌으며, 웹 개발자는 기술 혁신의 선구자로 인식됨.

1x1.gif

  • 1x1.gif는 단 하나의 픽셀로 이루어진 투명한 GIF 이미지로, 컴퓨터 과학에서 링크드 리스트 이후 가장 중요한 성과로 여겨짐.
  • 이 작은 이미지는 반응형 웹에 최적화되어 있으며, 웹 페이지 상의 요소를 자유롭게 배치하는 데 사용됨.
  • <IMG SRC="/1x1.gif" WIDTH=150 HEIGHT=250>와 같은 태그를 사용하여 웹 페이지 내 요소들을 원하는 위치에 배치할 수 있었음.

&nbsp;&nbsp;&nbsp;&nbsp;

  • &nbsp; 태그는 공백을 만드는 HTML 엔티티로, 이미지 사용이 어려운 경우에 유용하게 사용됨.
  • &nbsp;를 여러 번 반복하여 원하는 만큼의 공간을 만들 수 있었으며, 이는 90년대 웹 개발에서 자주 사용된 기술임.

점선 밑줄, 테두리 효과

  • CSS가 등장하면서 웹 개발자들은 링크의 밑줄을 없애는 데 CSS를 사용하기 시작함.
  • 이러한 변화는 인터넷을 혼란스럽게 만들었지만, 동시에 커서 효과와 같은 새로운 기술을 개발하는 계기가 됨.

DHTML

  • CSS와 자바스크립트가 결합하여 DHTML이라는 기술을 만들어냄.
  • DHTML은 웹 개발을 취미에서 전문 직업으로 전환시키는 데 도움을 주었으며, 복사와 붙여넣기만으로도 문제를 해결할 수 있는 코드 블록을 제공함.

픽셀 폰트

  • 컴퓨터 화면의 해상도가 낮았기 때문에 작은 픽셀 폰트를 사용하여 화면 공간을 최대한 활용함.
  • 웹 개발자들은 픽셀 아트에 관심을 가지기 시작했으며, 이는 웹 페이지의 스플래시 스크린에서 볼 수 있었음.

버튼

  • 인터넷 익스플로러 4.0은 웹 브라우저의 완벽한 형태로 여겨졌으며, 사용자에게 어떤 브라우저를 사용해야 하는지 결정하는 데 영향을 미침.
  • 웹 사이트에는 다양한 88x31 픽셀 버튼이 표시되었으며, 이는 웹 개발자의 경험과 선호를 나타내는 상징이었음.

GN⁺의 의견

  • 이 글은 90년대 웹 개발의 향수를 불러일으키며, 당시의 기술적 혁신과 창의성을 회상함.
  • 1x1.gif와 &nbsp;와 같은 간단한 기술들이 어떻게 웹 페이지 디자인에 혁명을 일으켰는지를 보여줌.
  • 현재의 웹 개발자들에게 과거의 웹 기술이 얼마나 창의적이고 실험적이었는지를 이해하는 데 도움이 됨.
▲
neo 10달전  [-]
Hacker News 의견

  • 서버 측 이미지 맵에 대한 경험담

    • 시스템 관리자이자 웹 프로그래밍 초보자가 이미지 상의 점을 다루기 위해 자바스크립트 대신 서버 측 이미지 맵을 사용함.
    • 자바스크립트를 피하고자 하는 선호도 때문에 파이썬 코드를 더 많이 작성해야 했음.

  • 수직 중앙 정렬에 대한 과거와 현재

    • 과거에는 vertical-align: middle;을 사용할 수 없어 생산성 손실이 컸으나, 이제는 그렇지 않음.
    • 인터넷 익스플로러 시대의 링크 호버 스타일과 테이블을 이용한 둥근 모서리 디자인에 대한 회상.

  • DHTML(Dynamic HTML)에 대한 설명

    • DHTML이 '분산 HTML'이 아닌 '동적 HTML'을 의미함을 지적.
    • Dynamic Drive와 같은 사이트에서 코드를 복사하여 문제를 해결할 수 있었음.

  • 프레임의 사용과 문제점

    • 프레임은 내비게이션 바를 여러 페이지에 걸쳐 수정할 필요를 없애준 원래의 '해결책'.
    • 프레임 페이지에 직접 접근하는 경우와 검색 엔진이 페이지의 일부를 별도로 색인화할 수 있는 문제가 있었음.

  • 마이크로소프트 홈페이지 메뉴 바의 확장 기능 탐구

    • 1996년, 마이크로소프트 홈페이지의 메뉴 바 확장 기능을 이해하려는 시도.
    • 소스 코드가 한 줄로 나타나는 문제와 &nbsp; 엔티티에 대한 오해.

  • 테이블을 이용한 둥근 모서리 디자인

    • 3x3 테이블과 이미지를 사용하여 둥근 모서리를 만드는 기법.
    • HTML 이메일에서도 이 기법이 오랫동안 사용됨.

  • Geocities Gallery 추천

    • 90년대 웹을 경험할 수 있는 Geocities Gallery를 추천.
    • 개인 웹 페이지의 독특한 디자인과 개성이 담긴 내용이 오늘날의 소셜 미디어와 대조됨.

  • <blink>와 <marquee> 태그의 브라우저 호환성

    • 넷스케이프는 <blink>를 지원하고, 인터넷 익스플로러는 <marquee>를 지원했으나 둘 다 지원하는 경우는 드물었음.

  • 90년대/2000년대 웹사이트의 특징

    • "800x600 해상도에서 최적화됨" 표시와 "Valid HTML 4.01" 인증 마크 사용.
    • 광고가 단순한 이미지 배너에서 복잡한 자바스크립트 번들과 비디오 광고로 변화함.

  • '웹마스터'라는 용어의 사용 부재

    • 기사에서 '웹마스터'라는 단어가 한 번도 언급되지 않은 점에 대한 의문 제기.
답변달기