Team-INSERT · anys34 · Mar 12, 2024 · Mar 12, 2024 · Mar 12, 2024 · Mar 18, 2024
diff --git a/src/app/(client)/introduce/[department]/page.tsx b/src/app/(client)/introduce/[department]/page.tsx
diff --git a/src/app/(client)/introduce/embeded/page.tsx b/src/app/(client)/introduce/embeded/page.tsx
@@ -0,0 +1,115 @@
+"use client";
+
+import embeded from "@/assets/embeded.png";
+import problem from "@/assets/problem.png";
+import creativity from "@/assets/creativity.png";
+import understand from "@/assets/understand.png";
+import cooperation from "@/assets/cooperation.png";
+import midas from "@/assets/midas.png";
+import bnk from "@/assets/bnk.png";
+import panasia from "@/assets/panasia.png";
+import contec from "@/assets/contec.png";
+import kuls from "@/assets/kuls.png";
+import ArrowLeft from "@/components/post/Detail/BackButton/page";
+import Image from "next/image";
+
+import * as S from "./style";
+
+const Embeded = () => {
+  return (
+    <S.Main>
+      <ArrowLeft />
+      <S.Article>
+        <S.Software>
+          <Image src={embeded} alt="임베디드소프트웨어과" />
+        </S.Software>
+        <S.Container>
+          <S.Education>
+            <S.Info>교육목표</S.Info>
+            <S.Text>
+              전자기기 및 산업용 기기의 HW와 SW에 대한 이해를 바탕으로 제조업
+              하드웨어를 제어하는 펌웨어 개발, 시험, 유지 보수를 능동적으로
+              수행할 수 있는 시스템 SW엔지니어 및 응용 SW엔지니어를 양성합니다
+            </S.Text>
+          </S.Education>
+          <S.Business>
+            <S.Info>업무수행능력</S.Info>
+            <S.Items>
+              <S.Item>
+                <S.Icon>
+                  <Image src={creativity} alt="창의력" />
+                </S.Icon>
+                <S.IconText>창의력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={problem} alt="문제해결능력" />
+                </S.Icon>
+                <S.IconText>문제해결능력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={understand} alt="이해력" />
+                </S.Icon>
+                <S.IconText>이해력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={cooperation} alt="협업능력" />
+                </S.Icon>
+                <S.IconText>협업능력</S.IconText>
+              </S.Item>
+            </S.Items>
+          </S.Business>
+          <S.Course>
+            <S.Info>임베디드 소프트웨어과 교육과정</S.Info>
+            <S.SubTextBox>
+              <S.SubText>
+                SW와 HW가 결합한 임베디드 소프트웨어의 특성을 살릴 수 있는 능력
+                배양
+              </S.SubText>
+              <S.SubText>
+                전자회로 기본적인 지식, 컴푸터 구조 및 반도체 설계 기술 등과
+                ASIC 분야로의 확장성 고려한 디지털 논리회로 학습
+              </S.SubText>
+              <S.SubText>
+                스마트 물류 또는 스마트 팩토리 등 PLC와 관련된 자동제어 학습
+              </S.SubText>
+              <S.SubText>
+                임베디드 리눅스 운영체제, 리눅스 커널과 HW디바이스 간의 드라이버
+                개발, 마이크로컨트롤러를 통한 임베디드 기기 개발 등의 학습
+              </S.SubText>
+              <S.SubText>
+                HW기기의 네트워킹 프로그램, AI 프로그램, IoT실무프로그래밍,
+                시스템 설계등의 학습
+              </S.SubText>
+              <S.SubText>
+                모바일 및 웹 개발의 연동하여 초종적인 프로젝트 완성
+              </S.SubText>
+            </S.SubTextBox>
+          </S.Course>
+          <S.Certificate>
+            <S.Info>직무 및 자격 취득</S.Info>
+            <S.Text>
+              정보처리산업기사, 정보기기운용기사, 리눅스마스터2급,
+              전자기기기능사
+            </S.Text>
+          </S.Certificate>
+          <S.Job>
+            <S.Info>취업</S.Info>
+            <S.Items>
+              <Image src={midas} alt="midas" />
+              <Image src={bnk} alt="microsoft" />
+              <Image src={panasia} alt="inca" />
+              <Image src={contec} alt="douzone" />
+              <Image src={kuls} alt="intel" />
+            </S.Items>
+            <S.Etc>등 44개 협약업체</S.Etc>
+          </S.Job>
+        </S.Container>
+      </S.Article>
+    </S.Main>
+  );
+};
+
+export default Embeded;
diff --git a/src/app/(client)/introduce/embeded/style.ts b/src/app/(client)/introduce/embeded/style.ts
@@ -0,0 +1,111 @@
+import { flex, font, theme } from "@/styles";
+import styled from "styled-components";
+
+export const Main = styled.main`
+  width: 100%;
+  height: 100%;
+  padding: 64px 140px 160px;
+  background-color: #f2f2f2;
+`;
+
+export const Article = styled.article`
+  width: 744px;
+  height: 1347px;
+  background-color: white;
+  margin: 0 auto;
+  border-radius: 16px;
+`;
+
+export const Software = styled.div`
+  height: 260px;
+  width: 744px;
+  border-radius: 16px;
+
+  img {
+    border-radius: 16px 16px 0 0;
+  }
+`;
+
+export const Container = styled.div`
+  padding: 48px 45px 80px 45px;
+`;
+
+export const Education = styled.div`
+  margin-bottom: 40px;
+`;
+
+export const Business = styled.div`
+  margin-bottom: 40px;
+`;
+
+export const Course = styled.div`
+  margin-bottom: 40px;
+`;
+
+export const Certificate = styled.div`
+  margin-bottom: 40px;
+  ${flex.FLEX}
+  flex-direction: column;
+`;
+
+export const Job = styled.div``;
+
+export const Info = styled.p`
+  padding: 4px 8px;
+  width: max-content;
+  margin-bottom: 16px;
+  background-color: #ff7b52;
+  color: ${theme.white};
+  ${font.SmallTitle}
+`;
+
+export const Text = styled.p`
+  color: ${theme.grey800};
+  ${font.Text}
+`;
+
+export const Etc = styled.p`
+  margin-top: 16px;
+  ${font.SmallText}
+  color: ${theme.grey400};
+`;
+
+export const Items = styled.div`
+  ${flex.BETWEEN}
+  flex-direction: row;
+  margin-top: 20px;
+`;
+
+export const Item = styled.div`
+  height: 135px;
+  width: 96px;
+  ${flex.COLUMN_CENTER}
+`;
+
+export const Icon = styled.div`
+  height: 96px;
+  width: 96px;
+  border-radius: 50%;
+  margin-bottom: 8px;
+  background-color: #ff7b52;
+  ${flex.CENTER}
+`;
+
+export const IconText = styled.p`
+  margin-top: 8px;
+  color: #ff7b52;
+  ${font.SmallTitle}
+`;
+
+export const SubTextBox = styled.ul`
+  width: 624px;
+`;
+
+export const SubText = styled.li`
+  list-style: disc;
+  ${font.Text}
+  color: ${theme.grey800};
+  margin-top: 12px;
+  margin-bottom: 12px;
+  list-style-position: inside;
+`;
diff --git a/src/app/(client)/introduce/page.tsx b/src/app/(client)/introduce/page.tsx
diff --git a/src/app/(client)/introduce/software/page.tsx b/src/app/(client)/introduce/software/page.tsx
@@ -0,0 +1,114 @@
+"use client";
+
+import software from "@/assets/software.png";
+import problem from "@/assets/problem.png";
+import creativity from "@/assets/creativity.png";
+import thinking from "@/assets/thinking.png";
+import cooperation from "@/assets/cooperation.png";
+import midas from "@/assets/midas.png";
+import microsoft from "@/assets/microsoft.png";
+import inca from "@/assets/inca.png";
+import douzone from "@/assets/douzone.png";
+import intel from "@/assets/intell.png";
+import luxrobo from "@/assets/luxrobo.png";
+import ArrowLeft from "@/components/post/Detail/BackButton/page";
+import Image from "next/image";
+
+import * as S from "./style";
+
+const Software = () => {
+  return (
+    <S.Main>
+      <ArrowLeft />
+      <S.Article>
+        <S.Software>
+          <Image src={software} alt="소프트웨어개발과" />
+        </S.Software>
+        <S.Container>
+          <S.Education>
+            <S.Info>교육목표</S.Info>
+            <S.Text>
+              SW구조에 대한 이해를 바탕으로 다양한 SW개발 도구 및 설계 방법을
+              학습함으로써 SW분석, 설계, 구현, 시험, 유지 보수 등의 업무를
+              능동적으로 수행할 수 있는 진보적이고 창의적인 SW 개발자를
+              양성합니다.
+            </S.Text>
+          </S.Education>
+          <S.Business>
+            <S.Info>업무수행능력</S.Info>
+            <S.Items>
+              <S.Item>
+                <S.Icon>
+                  <Image src={creativity} alt="창의력" />
+                </S.Icon>
+                <S.IconText>창의력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={problem} alt="문제해결능력" />
+                </S.Icon>
+                <S.IconText>문제해결능력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={thinking} alt="사고력" />
+                </S.Icon>
+                <S.IconText>사고력</S.IconText>
+              </S.Item>
+              <S.Item>
+                <S.Icon>
+                  <Image src={cooperation} alt="협업능력" />
+                </S.Icon>
+                <S.IconText>협업능력</S.IconText>
+              </S.Item>
+            </S.Items>
+          </S.Business>
+          <S.Course>
+            <S.Info>SW개발과 교육과정</S.Info>
+            <ul>
+              <S.SubText>
+                현장 실무 역량 신장을 위한 SW개발도구 및 프로그램 사용능력 배양
+              </S.SubText>
+              <S.SubText>SI에서 사용하는 JAVA 프로그램 언어 편성</S.SubText>
+              <S.InlineText>JAVA를 이용한 프로그램 개발</S.InlineText>
+              <S.SubText>안드로이드 계열의 프로그램 개발</S.SubText>
+              <S.SubText>
+                윈도우 계열이나 다양한 시스템 프로그램을 개발하는 C++프로그램
+                편성
+              </S.SubText>
+              <S.SubText>
+                프로그램으로 처리된 정보를 관리하는 정보관리자로서의 역량을
+                함양하기 위한 데이터베이스의 기본적인 일론 및 실습 편성
+              </S.SubText>
+              <S.SubText>
+                빅데이터 분석, 데이터 사이언스, UI/UX 개발 실무 등을 통해 SW개발
+                프로세서 학습
+              </S.SubText>
+              <S.SubText>
+                웹 관련 SW개발을 위한 심화 웹프로그래밍 학습
+              </S.SubText>
+            </ul>
+          </S.Course>
+          <S.Certificate>
+            <S.Info>직무 및 자격 취득</S.Info>
+            <S.Text>정보처리산업기사, 정보기기운용기사, 리눅스마스터2급</S.Text>
+          </S.Certificate>
+          <S.Job>
+            <S.Info>취업</S.Info>
+            <S.Items>
+              <Image src={midas} alt="midas" />
+              <Image src={microsoft} alt="microsoft" />
+              <Image src={inca} alt="inca" />
+              <Image src={douzone} alt="douzone" />
+              <Image src={intel} alt="intel" />
+              <Image src={luxrobo} alt="luxrobo" />
+            </S.Items>
+            <S.Etc>등 44개 협약업체</S.Etc>
+          </S.Job>
+        </S.Container>
+      </S.Article>
+    </S.Main>
+  );
+};
+
+export default Software;