집 >웹 프론트엔드 >JS 튜토리얼 >무작위 색상 생성기를 만들어 봅시다!

무작위 색상 생성기를 만들어 봅시다!

Barbara Streisand원래의: 2025-01-14 09:54:42390검색

Let’s Create a Random-Color Generator!

JavaScript를 처음 접한다면 데이터 유형, 논리, 기능 등이 어떻게 작동하는지에 대해 많이 배웠을 것입니다. 이것은 좋다; 언젠가 더 복잡한 프로젝트에서 JS를 사용하려면 기본부터 시작해야 합니다. 그러나 주의 집중 시간에 따라 JS 기술을 실제 웹 사이트에서 작동시키고 싶은 강한 욕구를 곧 느끼기 시작할 수도 있습니다. 그렇게 하는 것은 약간 복잡할 수 있지만(그러나 정규 표현식, amirite만큼 복잡하지는 않음) 시작할 수 있는 가장 간단한 것 중 하나는 짐작할 수 있듯이 임의 색상 생성기입니다. 이 기사에서는 제가 직접 구축하는 데 사용한 단계를 안내해 드리겠습니다.

1. 상용구 HTML 추가

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA=Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Random-Color Generator</title>

  <!--Link stylesheets-->
  <link rel="stylesheet" href="./styling.css">
  <link rel="stylesheet" href="./responsive.css">
</head>

VS Code를 사용하는 경우 '!'를 입력할 수 있습니다. 빈 HTML 문서에 넣은 다음, 아직 알지 못했다면 'Enter' 키를 눌러 이 부분을 추가하세요(다른 텍스트 편집기에 대해서는 잘 모르겠습니다). 상용구 아래에는 이 프로젝트에 사용한 CSS 문서에 대한 링크를 추가했습니다. HTML 파일이 너무 크고 복잡해지지 않도록 CSS를 별도의 파일에 보관하는 것이 좋습니다. 우리가 작성하게 될 JavaScript는 그리 길지 않기 때문에