Dcokerfile build시 초기 전체 파일 copy (10.10)

Dcokerfile build시 초기 전체 파일 copy (10.10)

.github/workflows/deploy.yml

@@ -53,7 +53,9 @@ jobs:
         run: |
           if [ `docker ps -f "name=front" -q` ]
           then
-              docker rm -f $(docker ps -f "name=front" -q)
+              docker rm -f $(docker ps -f "name=${{secrets.FRONT_DOCKER_IMAGE_NAME}}" -q)
+              docker rmi -f $( docker images -f "reference=${{secrets.DOCKER_REGISTRY_URL}}/${{secrets.FRONT_DOCKER_IMAGE_NAME}}" -q)
           fi
+          docker image prune -a
           docker pull ${{secrets.DOCKER_REGISTRY_URL}}/${{secrets.FRONT_DOCKER_IMAGE_NAME}}:${{ github.sha }}
           docker run -dit -p 3000:3000 --name front ${{secrets.DOCKER_REGISTRY_URL}}/${{secrets.FRONT_DOCKER_IMAGE_NAME}}:${{ github.sha }}

.yarnrc.yml

@@ -4,7 +4,6 @@ packageExtensions:
   "@testing-library/user-event@*":
     dependencies:
       "@testing-library/dom": "*"
-
   "@storybook/nextjs@*":
     dependencies:
       "webpack": "*"

Dockerfile

@@ -4,17 +4,10 @@ FROM base as builder
 
 WORKDIR /app
 
-COPY package.json .
-COPY yarn.lock .
-COPY .yarnrc.yml .
-COPY .pnp.cjs .
-COPY .pnp.loader.mjs .
-COPY .yarn .yarn
+COPY . .
 
 RUN yarn install
 
-COPY . .
-
 RUN yarn build
 
 RUN rm -rf .next/standalone/.yarn
@@ -29,6 +22,7 @@ COPY --from=builder /app/public ./public
 
 COPY --from=builder /app/.yarn/releases ./.yarn/releases
 COPY --from=builder /app/.yarn/cache ./.yarn/cache
+COPY --from=builder /app/.yarn/unplugged ./.yarn/unplugged
 
 COPY --from=builder /app/.pnp.cjs ./.pnp.cjs
 COPY --from=builder /app/package.json ./package.json

src/components/ui/DarkModeButton/index.tsx

@@ -18,7 +18,7 @@ const DarkModeButton = () => {
       onClick={onChangeTheme}
       className="b-0 z-50 flex cursor-pointer items-center justify-center border-0 bg-transparent p-0"
     >
-      <Icon className="h-6 w-6 fill-gray-500 transition-colors hover:fill-yellow-400" />
+      <Icon className="h-6 w-6 fill-gray-500 transition-[fill] hover:fill-yellow-400" />
     </button>
   );
 };

src/components/ui/Markdown/overrides/alert.tsx

@@ -40,7 +40,7 @@ const Alert = ({ type = "info", children }: IProps) => {
 
   return (
     <div
-      className={`${style} relative my-12 rounded-md border-l-2 px-5 py-3 transition-colors sm:border-l-4 [&>*:not(svg)]:my-4`}
+      className={`relative my-12 rounded-r-md border-l-2 px-5 py-3 !transition-[background-color,color] sm:border-l-4 [&>*:not(svg)]:my-4 ${style}`}
     >
       <Icon
         className={`${iconStyle} duration-default absolute -left-0.5 top-0 h-8 w-8 -translate-x-1/2 -translate-y-1/2 overflow-visible rounded-full border border-[theme(backgroundColor.primary)] bg-primary p-0.5 transition-[background-color,border] sm:h-10 sm:w-10`}

src/components/ui/Markdown/overrides/code/inlineCode.tsx

@@ -4,11 +4,11 @@ interface IProps extends React.HTMLAttributes<HTMLElement> {
   children: React.ReactNode;
 }
 
-const InlineCode = ({ children, className, ...rest }: IProps) => {
+const InlineCode = ({ children, className = "", ...rest }: IProps) => {
   return (
     <code
       {...rest}
-      className={`${className} break-all rounded-sm bg-markdown px-2 py-1 text-[0.9em] font-medium text-markdown2 transition-[color,background-color]`}
+      className={`break-all rounded-sm bg-markdown px-2 py-1 text-[0.9em] font-medium text-markdown2 transition-[color,background-color] ${className}`}
     >
       {children}
     </code>