setting : 프로젝트 세팅

setting : 프로젝트 세팅

.github/workflows/gitAction.yml

@@ -0,0 +1,25 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  build:
+    permissions:
+      id-token: write
+      contents: read
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout source code
+        uses: actions/checkout@v3
+
+      - name: Deploy to xquare
+        uses: team-xquare/xquare-deployment-action@master
+        with:
+          environment: prod
+          access_key: ${{ secrets.XQUAER_ACCESS_KEY }}
+          github_token: ${{ secrets.PICK_WEB_TEACHER }}
+          buildargs: |
+            BASE_URL=${{ secrets.BASE_URL }}

.xquare/config.yaml

@@ -0,0 +1,7 @@
+config:
+  name: pick-web-teacher
+  service_type: fe
+  port: 3000
+  domain:
+    prod: pick-teacher.xquare.app
+    stag: pick-admin-stag.xquare.app

Dockerfile

@@ -0,0 +1,19 @@
+FROM node:21.5.0
+
+WORKDIR /user/src/app
+
+COPY package.json .
+
+RUN yarn
+
+COPY . .
+
+RUN yarn build
+
+ARG BASE_URL
+ENV NEXT_PUBLIC_API_KEY $BASE_URL
+
+
+EXPOSE 3000
+
+CMD ["yarn", "dev"]

next.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  typescript: {
+    // !! WARN !!
+    // Dangerously allow production builds to successfully complete even if
+    // your project has type errors.
+    // !! WARN !!
+    ignoreBuildErrors: true,
+  },
+};

src/app/login/page.tsx

@@ -1,11 +1,11 @@
 "use client";
-import { useState } from "react";
-import Input from "@/components/input";
 import Image from "next/image";
-import Logo from "@/assets/PiCKLogo.svg";
+import Input from "@/components/input";
 import Button from "@/components/button";
-import { useRouter } from "next/navigation";
+import Logo from "@/assets/PiCKLogo.svg";
+import { useState } from "react";
 import { useLogin } from "@/api/login";
+import { useRouter } from "next/navigation";
 import { saveToken } from "@/util/auth";
 
 interface ChangeProps {

src/app/outList/page.tsx

@@ -0,0 +1,9 @@
+const OutList = () => {
+  return (
+    <div>
+      <div></div>
+    </div>
+  );
+};
+
+export default OutList;

src/components/header.tsx

@@ -0,0 +1,36 @@
+"use client";
+import { NextPage } from "next";
+import Image from "next/image";
+import Link from "next/link";
+import React, { useEffect, useState } from "react";
+import pick from "@/assets/img/Icon/pickname.svg";
+import { useRouter } from "next/navigation";
+
+const Header: NextPage = ({}) => {
+  const [easterUrl, setEasetUrl] = useState<string>("/main");
+  const [teacherName, setTeacherName] = useState<string | null>(null);
+  const router = useRouter();
+
+  useEffect(() => {
+    const name = localStorage.getItem("name");
+    setTeacherName(name);
+  }, []);
+
+  if (teacherName === "영양사") {
+    router.push(`/WeekendMeals/all`);
+  } else if (teacherName === "지킴이") {
+    router.push(`/outList`);
+  }
+
+  return (
+    <div className="flex px-70 justify-between items-center bg-white py-2">
+      <Link href={easterUrl}>
+        <Image src={pick} alt="" width={96} height={52} />
+      </Link>
+      <div className="flex font-sans text-nowrap w-36 text-heading6-M text-neutral-50">
+        {teacherName ? `${teacherName}선생님` : "선생님"}
+      </div>
+    </div>
+  );
+};
+export default Header;