Add Header Menu

src/app/components/dropdown/dropdown.scss

@@ -8,8 +8,6 @@ $dropdown_hover: oklch(0.9702 0 0); // F5F5F5
 $dropdown_selected: oklch(0.9738 0.0151 54.93); // FFF4ED
 $dropdown_accent: oklch(0.7086 0.1896 39.86); // #FF6E37
 
-// 사용자님의 요구사항인 고정 너비 324px 복구
-$dropdown_width: 324px;
 $dropdown_height: 40px;
 $dropdown_border_radius: 8px;
 
@@ -20,7 +18,6 @@ $dropdown_animation_duration: 0.2s;
   display: inline-block;
   position: relative;
 
-  width: $dropdown_width;
   padding: 0; margin: 0;
 
   background-color: $dropdown_bg;

src/app/ui/header-menu/header-menu.html

@@ -0,0 +1 @@
+<p>header-menu works!</p>

src/app/ui/header-menu/header-menu.scss

@@ -0,0 +1,10 @@
+:host {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: start;
+  gap: 30px;
+
+  width: 100vw;
+  border: oklch(0 0 0 / 20%) 2px solid;
+}

src/app/ui/header-menu/header-menu.ts

@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'header-menu',
+  imports: [],
+  templateUrl: './header-menu.html',
+  styleUrl: './header-menu.scss',
+})
+export class HeaderMenu {}