로고

메인 프로젝트 소개

KOREAHTML5
리뉴얼

KOREAHTML5 홈페이지 리뉴얼 작업에 참여했습니다.
메인페이지부터 서브페이지의 디자인과 반응형 퍼블리싱까지
모두 단독으로 진행하였습니다.

KOREAHTML5

SMAC
리뉴얼

스마트모바일 앱개발지원센터의 리뉴얼 작업에 참여했습니다.
메인페이지부터 서브페이지의 디자인과 반응형 퍼블리싱까지
모두 단독으로 진행하였습니다.

스마트 모바일 앱개발지원센터

최신 웹 브라우저
이용 캠페인

과학기술정통부가 주최, 한국인터넷진흥원이 주관하는
캠페인 이벤트 페이지의 전체 디자인과 반응형 퍼블리싱까지
모두 단독으로 진행하였습니다.

KISA 인터넷 이용환경 개선 캠페인
포트폴리오 더보기아이콘
whitebxx

김혜림 소개

김혜림 프로필

#웹표준 #크로스브라우징 #반응형 #성실 #긍정

김혜림 프로필

#웹표준 #크로스브라우징 #반응형 #성실 #긍정

  • 경력

    16.01~18.03 (주)포뎁스 - UX개발팀 주임(웹디자이너 & 웹퍼블리셔로 근무)

    (주)포뎁스는 금융권과 공공기관을 주고객으로 하는 솔루션 · SI · CRM · ERP 사업체입니다.
    UX개발부 디자인팀의 주임으로서, 기획 · 개발팀과 함께 단독 구현 프로젝트를 다수 진행한 경력이 있습니다.

  • 교육

    18.09~18.11 그린컴퓨터아카데미(강남) - PHP+MySQL 프로그래밍 교육 이수

    함수, 변수, 배열, csv 활용, 게시판 만들기 등 PHP + MySQL의 기초적인 학습을 하였습니다.
    배운 것을 토대로 포트폴리오 홈페이지에 응용하여 더욱 간결한 소스와 알찬 포트폴리오로 완성했습니다.

  • 퍼블리싱 기술

    HTML, CSS(SASS), jQuery, JavaScript, Bootstrap
  • 디자인 기술

    Photoshop, Illustration
  • 학력

    14.03~16.02 계원디자인예술대학 디지털미디어디자인과 프로그래밍전공

    11.03~14.02 충남예술고등학교 디자인과

  • 연락처

    dkffkqb000@gmail.com
  • 자격증

    컴퓨터활용능력 2급,
    워드프로세서 3급
  • 생년월일

    1995.04
  • 거주지

    경기도 안성시
    (회사 인근 자취 예정)

사용한 PHP기술

  • 헤더 네비게이션 a태그에 php페이지 링크달기

    
    <? include 'logic.php'; ?>
    // 로직담당 'logic.php'를 인클루드 합니다.
    <!DOCTYPE html>
    .
    .
    .
    <header>
        <div class="headerwrap clfix">
            <h1><a href="?main=maincont" title="김혜림 포트폴리오"><img src="images/common/logo.png" alt="로고"></a></h1>
            <nav id="gnb_wrap">
                <h2 class="hid_title">주 메뉴</h2>
                <ul class="navin clfix">
                    <li><a href="?main=maincont" title="프로필">PROFILE</a></li>
                    <li><a href="?main=portcont" title="포트폴리오">PORTFOLIO</a></li>
                </ul>
            </nav>
        </div>
    </header>
    
    <div id="maincont">
        <? include $mainUrl; ?>
        // 사용자가 클릭한 GNB 해당 링크의 PHP페이지를 '#maincont'안에 위치시킵니다.
    </div>
    
  • csv파일을 불러와 리스트로 뿌려주기(PORTFOLIO 페이지)

    
    <ul class="port_list clfix">
        <?
            $plst = file_get_contents('proj_list.csv');
            // csv파일 가져오기
            $orinco = mb_detect_encoding($plst);
            // 현재 파일 인코딩값
            $convinco =  substr( nl2br(mb_convert_encoding($plst, 'UTF-8', $orinco)),0,-1);
            // 현재 인코딩값을 'UTF-8'로 변경하고 substr로 마지막에 생성되는 빈칸을 제거함
            $lstsplit = explode("\n",$convinco);
            // '\n'를 기준으로 데이터를 자름
    
            foreach($lstsplit as $cnt => $line) {
    
                $lstarr = explode(",",$line);
                // ','를 기준으로 데이터를 자름
                $lstarr[4] = str_replace('<br />','',$lstarr[4]);
                // 필요없는 <br>태그 삭제
                $dir = "images/portfol";
                // 경로값 변수선언
                $handle  = opendir($dir);
                // opendir로 경로열기
                $files = array();
                // 배열 생성
    
                // 디렉터리에 포함된 파일을 저장함
                while (false !== ($filename = readdir($handle))) {
                    if($filename == "." || $filename == ".."){
                        continue;
                    }
                    // 파일인 경우만 목록에 추가함
                    if(is_file($dir . "/" . $filename)){
                        $files[] = $filename;
                    }
                }
                closedir($handle);
                // opendir로 경로닫기
                rsort($files);
                // 역순으로 정렬함
                $imgviw = $files[$cnt];
    
        ?>
        <li>
            <a href="<?=$lstarr[4]?>" class="dirlink" title="<?=$lstarr[2]?>">
                <img src="images/portfol/<?=$imgviw?>" alt="<?=$lstarr[2]?>" class="pjimg">
                <p class="pj_type"><?=$lstarr[0]?> <span>/</span><br> <?=$lstarr[1]?></p>
                <p class="pj_tit"><?=$lstarr[2]?></p>
                <em class="pj_date"><?=$lstarr[3]?></em>
            </a>
        </li>
    
        < } ?>
    </ul>