주요 웹 브라우저 목록 만들기

발행: (2026년 1월 19일 오후 07:00 GMT+9)
2 분 소요
원문: Dev.to

Source: Dev.to

개요

주말 동안 꽤 무거운 이론 수업 두 세트를 몰아보고 그에 대해 글을 쓴 뒤, 다시 freeCodeCamp 워크숍으로 돌아오니 한시름 놓였습니다. 이번 워크숍에서는 제공된 HTML 보일러플레이트와 정의 리스트 요소를 사용해 주요 웹 브라우저 목록을 만들었습니다.

보일러플레이트 HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
</body>
</html>

주요 웹 브라우저 최종 목록

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
    <dl>
        <dt>Google Chrome</dt>
        <dd>This is a free web browser developed by Google and first released in 2008.</dd>

        <dt>Firefox</dt>
        <dd>This is a free web browser developed by the Mozilla Corporation and first created in 2004.</dd>

        <dt>Safari</dt>
        <dd>This browser was developed by Apple and is the default browser for iPhone, iPad and Mac devices.</dd>

        <dt>Brave</dt>
        <dd>This is a free web browser first released in 2016 that is based on the Chromium web browser.</dd>

        <dt>Arc</dt>
        <dd>This is a free Chromium‑based web browser first released in 2023 by The Browser Company.</dd>
    </dl>
</body>
</html>

워크숍을 마친 뒤에는 텍스트와 시간 시맨틱 요소에 관한 몇 가지 이론 수업으로 넘어갔습니다. 오늘 나중에 그 내용을 정리할 예정이며, 다음 포스트에서는 또 다른 워크숍을 진행할 예정입니다. 이번에는 잡 팁 페이지를 만드는 워크숍이 될 것입니다.

Back to Blog

관련 글

더 보기 »

HTML 미디어 플레이어 만들기

HTML 비디오 플레이어 만들기 지난 며칠 동안 freeCodeCamp를 통해 또 다른 워크숍과 실습을 완료했습니다. 나는 Build an HTML V...

SSR vs SPA | 어느 것을 사용할까?

이 글의 목적은 여러분이 애플리케이션에 가장 적합한 기술을 선택하도록 안내하는 것입니다. 제가 경력을 시작했을 때, JSF JavaServer Faces, 즉 MPA ...

React 앱의 기본

소개 오늘은 React 앱을 생성할 때 보이는 파일과 폴더의 이유와 사용 방법을 살펴보겠습니다. !React app structurehttps:/...