High Tech, High Touch

Search
Close
Search
 

Graduate

  • home
  • Graduate
  • Department of Computer Science and Engineering

Graduate

Department of Computer Science and Engineering

이미지1개-1개 가운데 배치

 <p class="img-box">

<img alt="이미지설명" src="/_res/scos/img/intro/img_intro01.gif" /></p>

 

이미지2개-양옆으로 배치

<p class="img-box02">

<img alt="이미지설명" src="/_res/scos/img/intro/img_intro01.gif" /> <img alt="" src="/_res/scos/img/intro/img_intro01.gif" /></p>

 

텍스트기본

<p>

To understand the political phenomenon of a highly-complicated modern society when international interdependence has arisen, it is necessary to systematically open related subjects with professionalism. In this regard, this department has made efforts to interpret recent changes in overall areas of social science from a political point of view. The course focuses on the fostering of professionals in various occupations who will practically lead social and political development. Those who already engaged in such professional occupations may utilize this department to obtain more professional knowledge on political lifestyles, and those who want to advance into this type of occupation in the future, may utilize the programs of this department as preparation.</p>

 
 

To understand the political phenomenon of a highly-complicated modern society when international interdependence has arisen, it is necessary to systematically open related subjects with professionalism. In this regard, this department has made efforts to interpret recent changes in overall areas of social science from a political point of view. The course focuses on the fostering of professionals in various occupations who will practically lead social and political development. Those who already engaged in such professional occupations may utilize this department to obtain more professional knowledge on political lifestyles, and those who want to advance into this type of occupation in the future, may utilize the programs of this department as preparation.

 

 

여백

<p class="mg-b10">텍스트문구</p>

mg-b10 :  텍스트나 이미지 표시 후 아래쪽으로 10픽셀만큼 여백
mg-b20

mg-b30

mg-b45

 

 

링크버튼

<p class="lnk-wrap01"><a href="홈페이지주소" target="_blank" alt="바로가기"> 홈페이지 </a></p>


버튼 오른쪽정렬

<p class="lnk-wrap01 text-right"><a href="홈페이지주소" target="_blank" alt="바로가기"> 홈페이지 </a></p>

 

lnk-wrap01

lnk-wrap02

lnk-wrap03

lnk-wrap04

lnk-wrap05

lnk-wrap06

 

 

강조글씨

<p class="p-type01">성균관대학교</p>

p-type01 blue 조선 성균관의 전통을 계승한 세계 최고(最古)의 역사


<p class="p-type02"><span class="red">유학사상</span>에 기초한 <span class="orange">전인교육</span>과 문명연구에 매진</p>

p-type02 유학 사상에 기초한 orange 전인교육과 문명연구에 매진


<p class="p-type03 "><span class="green">본학부의</span> 장학기관인 양현재에서는 양현재생을 선발</p>

p-type03  본 학부의 장학기관인 양현재에서는 양현재생을 선발


<p class="p-type04">장학기관 양현재</p>

p-type04  장학기관 양현재


<p class="p-type05">성균관대학교</p>

p-type05 성균관대학교


<p class="mark01">성균관대학교</p>

mark01 성균관대학교

 

<p class="mark02">전자부품은 전자전기,소재,화학,기계등 다양한 기술분야의 융복합산업</p>

mark02 전자부품산업은 전자전기, 소재, 화학, 기계 등 다양한 기술분야의 융복합산업

 

제목 타이틀

<h4 class="h4-tit01">제목</h4>

h4-tit01


<h5 class="h5-tit00">제목</h5>

h5-tit00


<h5 class="h5tit01">제목</h5>

h5-tit01


<h6 class="h6-tit01">제목</h6>

h6-tit01

 

 

목록 ul

<ul class="ul-type01">

     <li>목록1</li>

     <li>목록2</li>
</ul>

 

  • ul-type01

 

<ul class="ul-type02">

     <li>목록1</li>

     <li>목록2</li>
</ul>

 

  • ul-type02

 

내용강조-박스

<div class="remark-box">
내용페이지
<div>

 
(사용예시)
 
<div class="remark-box">
<p class="p-type04 bg-dark ">
국가공인자격증</p>
<p>
발달재활사(놀이심리분야-보건복지부), 보육교사2급(보건복지부-필수과목이수, 기관실습), 유치원 정교사2급(교육부-2학년2학기, 11월중 신청/필수과목이수, 기관실습), 청소년상담사3급(보건복지부)</p>
<p>
&nbsp;</p>
<p class="p-type04 bg-dark">
민간자격증</p>
<p>
그림책통합교육지도사(한국직업능력평가원), 발달심리사(한국발달심리학회), 아동상담사(한국아동학회)</p>
</div>

 

국가공인자격증

발달재활사(놀이심리분야-보건복지부), 보육교사2급(보건복지부-필수과목이수, 기관실습), 유치원 정교사2급(교육부-2학년2학기, 11월중 신청/필수과목이수, 기관실습), 청소년상담사3급(보건복지부)

 

민간자격증

그림책통합교육지도사(한국직업능력평가원), 발달심리사(한국발달심리학회), 아동상담사(한국아동학회)

 

테이블 

class="skku-table"
글씨와 표간격 작게 줄이려면 class="skku-table small"
summary와 caption 표기
테이블을 모바일에서 크게 보기 설정 : table을 
<div class="scrollbox"> 로 감싸줌
  <div class="scrollbox">

  <table>~</table>
  </div>


(예시)
<div class="scrollbox">
<table cellpadding="0" cellspacing="0" class="skku-table" summary="2008학년도 이전 입학자 이수과목을 보여주는 표">
<caption>

2008학년도 이전 입학자 이수과목</caption>
<colgroup>
<col width="23%" />
<col width="23%" />
<col width="*" />
<col width="23%" />
</colgroup>
<thead>
<tr>
<th>구분</th>
<th>분류</th>
<th>이용료</th>
<th>신청자격</th>
</tr>
</thead>
<tbody>
<tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
</tr>
<tr>
              <td></td>
              <td></td>
              <td></td>

              <td></td>
</tr>
  </tbody>

 </table>
</div>

 

2008학년도 이전 입학자 이수과목
구분 분류 이용료 신청자격
       
       
       

 

touch slide

 

 

이미지 상세보기 - 모바일에서 자세히보기 버튼 생성

<div class="img-box">
<img alt="" src="/_res/scos/img/intro/img_intro01.gif" /><a class="pc-hide zoom-in" href="/_res/scos/img/intro/img_intro01.gif" target="_blank" title="확대"><img alt="확대" src="/_res/test/img/common/btn_enlargement.gif" /></a></div>
 
확대

 

이미지 상세보기 - 모바일에서 클릭시 이미지 크게 보기

<p class="img-box">
<img onclick="doImgPop('/_res/eng_sw/img/intro/bk_vision.gif')" src="/_res/eng_sw/img/intro/bk_vision.gif" style="cursor: pointer;" /></p>

 

 

 

위치
사무실 퇴계인문관 31412B호
전화번호
전화번호 031)760-0211
위치, 전화번호, E-mail, 담당자
위치 인문사회과학캠퍼스(서울) 수선관 5층ssssssssss Tel 82-2-760-0379
E-mail lifebreath@skku.edu 연구소장 홍길동

 

h4-tit01 타이틀 특별프로그램

h5-tit00 타이틀

신입생 및 우수학생은 매년 실리콘밸리를 방문하여 글로벌 W기업 및 우수 대학을 견학합니다.

 

h5-tit01 삼성전자 사업장 견학

신입생은 매년 삼성전자 사업장을 견학하여 전공에 대한 이해도를 높이고 반도체 산업 현장을 체험 합니다.

 

h5-tit02 삼성전자 인턴십 운영

<p class="bg-left> 왼쪽 들여쓰기  하계 및 동계방학에 삼성전자 반도체 사업장에서 다년간 연구경험을 가진 전문가가 직접 현장교육을 담당합니다. 산학협력의 시너지를 창출하고 교육내용의 기술적 적실성을 높히고자 합니다.

 

h5-tit02 졸업후 삼성전자 입사
  • ul-type02 최소 채용절차 통과 시 졸업 후 삼성전자 반도체부문 연구개발직 및 소프트웨어직에 입사할 수 있습니다.

 

h5-tit01 지도교수 상담제도 운영

<p class="bg-left> 왼쪽 들여쓰기 신입생 때 지도교수가 배정되고 2년간 학생과 유기적인 관계를 맺으면서 주기적인 상담을 통해 학 업, 진로, 학교생활에 도움을 주고 있습니다.

 

ul-type01 ,  ul-type02 활용 예시

  • ul-type01 우리 대학이 정한 장학기준 충족 시 2년간(47H 학기) 전액 장학금 지금
    • ul-type02 우리 대학이 정한 장학기준 충족 시 2년간(47H 학기) 전액 장학금 지금우리 대학이 정한 장학기준 충족 시 2년간(47H 학기) 전액 장학금 지금우리 대학이 정한 장학기준 충족 시 2년간(47H 학기) 전액 장학금 지금
    • 삼성전자 입사 및 학업장려금(재학 5학기~8학기) 지급 (최소 채용 절차 통과자 및 기준 성적 충족 시)
    • 성적우수자 학업장려금 지급 • 기숙사 우선 배정(1 학년 1 년간, 기숙사 입사신청 1차 시기 지원자에 한함)성적우수자 학업장려금 지급 • 기숙사 우선 배정(1 학년 1 년간, 기숙사 입사신청 1차 시기 지원자에 한함)
    • 신입생 및 성적우수학생 미국 실리콘밸리 연수 지원
    • 삼성전자 인턴십 프로그램 제공(최소 채용 절차 통과 시)
  • 삼성전자 입사 및 학업장려금(재학 5학기~8학기) 지급 (최소 채용 절차 통과자 및 기준 성적 충족 시)
  • 성적우수자 학업장려금 지급 • 기숙사 우선 배정(1 학년 1 년간, 기숙사 입사신청 1차 시기 지원자에 한함)
  • 신입생 및 성적우수학생 미국 실리콘밸리 연수 지원
  • 삼성전자 인턴십 프로그램 제공(최소 채용 절차 통과 시)

 

 

img-box에 설명 넣기

<div class="img-box">

   <img alt="" src="/_res/bizskk/img/content/emba_main.png" title="이미지설명" />

   <p class="bg_img_txt"> Most innovative part-time MBA Program</p>

</div>

 

Most innovative part-time MBA Program

 

float-wrap

<div class="float-wrap">
<div class="left-box">
<img alt="" src="/_res/summer/img/life/img_attractions02.jpg" /></div>
<div class="right-box">
<p class="con-p">
Old Sungkyunkwan, which was founded in the Joseon Dynasty in 1398, is the original campus located at the front gate of present-day Sungkyunkwan University. Students studied and lived at the original campus for hundreds of years. It had all of the facilities of a modern university including a dormitory, cafeteria, lecture hall, and library,as well as a Confucian shrine.<br />
<span class="txt-red">(Subway Line #4 Hyehwa Station. exit 4)</span></p>
</div>
</div>
 

Old Sungkyunkwan, which was founded in the Joseon Dynasty in 1398, is the original campus located at the front gate of present-day Sungkyunkwan University. Students studied and lived at the original campus for hundreds of years. It had all of the facilities of a modern university including a dormitory, cafeteria, lecture hall, and library,as well as a Confucian shrine.
(Subway Line #4 Hyehwa Station. exit 4)

 

 

갤러리스타일 이미지

- 갤러리 들어갈 폴더 페이지 정보에 html 헤드 템플릿에 living.jsp 추가

- 해당 아이템 정보 수정에서 living.js 추가

 

<div class="carousel-wrap excangeCarousel">
<div class="owl-carousel owl-theme" id="sync1">
<div class="item">
<img alt="" src="/_res/design/img/exchange01.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange02.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange03.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange04.jpg" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchange05.jpg" /></div>
</div>
</div>
<div class="carousel-wrap excangeCarousel">
<div class="owl-carousel owl-theme sync2" id="sync2">
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb01.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb02.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb03.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb04.png" /></div>
<div class="item">
<img alt="" src="/_res/design/img/exchangeThumb05.png" /></div>
</div>
<div class="control-wrap">
<a class="prev" href="#" title="previous"><img alt="previous" src="/_res/design/img/slidePrev.png" /> </a> <a class="next" href="#" title="next"> <img alt="prev" src="/_res/design/img/slideNext.png" /> </a></div>
</div>