정세찬_우리산전

우리산전 회사연혁

1. 폰트의 사용: 컨텐츠를 이루는 텍스트엔 NanumSquare의 폰트를 사용.; 웹환경에서 깨지지 않는 나눔스퀘어의 웹폰트 최소 사이즈는 17~18px

2. 선의 사용: 레이아웃 그리드를 확인 할 수 있는 선의 사용과 중앙 좌측에 위치한 선의 사용으로 아래로 뻗어가는 듯한 느낌의 디자인 적용.

3. 부트스트랩 column의 활용.: flex와 grid의 사용도 가능하지만, 익스플로러를 사용자를 위한 크로스브라우징에 문제가 없는 부트스트랩의 활용.; 와이드한 레이아웃, 불규칙한 레이아웃 작업을 위해 부트스트랩 대신 직접 코드를 작성하여 레이아웃을 잡기도 함.

4. 백엔드 개발자와의 협업: 연, 월, 연혁 내용 노출 (해당 영역 퍼블리싱 작업)

include_once "./__RootDir__.php";
        include_once "./_lib/_header.php";

$banner_path = "company";
        $banner_title = "HISTORY";
        $banner_text = "우리산전의 걸어온 길을 소개 합니다.";
        $category_name = "회사소개";
        $page_name = "회사연혁";
        $category_page ="a1_greeting";
        $this_page = "a3_history";
        include_once("header.php");
        include_once("sub_banner.php");

<section class="sub_page history">
          <div class="container">
            <div class="page_wrap">
              <div class="line_gradient left_line"></div>
              <div class="contents">
                <div class="title_box">
                  <h2> echo $page_name; </h2>
                  <p>THE HIGHEST QUALITY PRODUCTS</p>
                </div>

$history_array = array();
                $query = " select *  from sm_history a   where 1=1  ".$his_language_query." order by his_year desc, his_idx desc"  ;
                $result = query($query);
                $cnt = mysqli_num_rows($result);
                if($cnt){
                  while($row = mysqli_fetch_array($result)){
                    $history_array[$row["his_year"]][$row["his_idx"]]["name"]=$row["his_title"];
                    $history_array[$row["his_year"]][$row["his_idx"]]["month"]=$row["his_month"];
                    $history_array[$row["his_year"]][$row["his_idx"]]["content"]=$row["his_content"];
                  }
                }

<div class="history_wrap">
                  <div class="img_box">
                    <img class="img-responsive center-block" src="images/company/history_img.png" alt="">
                    <p><span>HISTORY</span></p>
                  </div>

if(count($history_array)){
                    foreach($history_array as $key => $val){

<div class="history_box">
                        <h3>=$key</h3>
                        php
                        if(count($history_array[$key])){

<table>

foreach($history_array[$key] as $skey =>$sval){

<tr>
                                <th>=$sval["month"]</th>
                                <td>=nl2br($sval["content"])</td>
                              </tr>

}

</table>

}

</div>
                      php
                    }
                  }

</div>

</div>
              <div class="line_gradient right_line"></div>
            </div>
          </div>
        </section>
         include_once("footer.php");