<![CDATA[
<div><p style="text-align: left;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99A640345BF7CC572A" class="txc-image" hspace="1" vspace="1" border="0" actualwidth="200" width="200" exif="{}" data-filename="resource.jpg" style="font-size: 10pt; clear: none; float: none;" id="A_99A640345BF7CC572A0FB0" id="A_99A640345BF7CC572A0FB0"/><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">우선 내가 이 글을 쓰게된 계기는 사회 초년생으로서 스타트업 웹 에이전시에 들어오고나서 내가 부족하다는 것을 많이 느끼게 되어서야. 정말 열심히 하고 싶은데 용어부터 막혀버리니까 커뮤니케이션이 너무 힘들더라. 그래서 민폐는 적어도 되지 말자는 심정에서 업무 용어 정리 생정을 쓰게 되었어. 이 생정은 1탄에서 끝내지 않을 거고 계속해서 내가 회사에서 보고 듣는 실전 업무 용어들을 적어서 2~3탄까지는</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> 정리해나갈 생각이야! 개인적인 블로그에도 올려서 포스팅 할 생각이라 내용에는 존댓말을 서술한 점 감안해주고 읽길 바라 :)</span></p><p style="text-align: left;"><br></p><p style="text-align: left;"><b><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">[</span></b><b><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242; mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor:text1; mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">기본 웹 용어</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">]</span></span></span></b></p><p style="text-align: left;"><b><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242; mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor:text1; mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span><br></span></span></b></p><p style="text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: red;">- </span><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:red"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">큰 툴 설명</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">: </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">빨간색</span></span></p><p style="text-align: left;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span></p><p style="text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: blue;">- </span><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">부가적인 요소 설명</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">: </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">남색</span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><span style="color: rgb(68, 68, 68); font-family: Gulim, 굴림, AppleGothic, sans-serif;"><br></span></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><br></span></span></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/992D6D4A5C9ADEDA1D" class="txc-image" actualwidth="1024" hspace="1" vspace="1" border="0" width="1024" exif="{}" data-filename="웹 용어 레이아웃.png" style="clear:none;float:none;" id="A_992D6D4A5C9ADEDA1DFE89"/></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><span style="color: rgb(68, 68, 68); font-family: Gulim, 굴림, AppleGothic, sans-serif;">원본 </span></span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">사진 출처: 삼성</span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><span style="color: rgb(68, 68, 68);"><br></span></span></span></p><p style="text-align: left;"><br></p><p class="MsoListParagraph" style="margin-left: 18pt; text-indent: -18pt; text-align: left;"><!--[if !supportLists]--><b><span style="font-size:12.0pt; line-height:107%;font-family:나눔고딕;mso-bidi-font-family:나눔고딕;color:red"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">1.</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span></span></b><!--[endif]--><b><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:red"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">헤더 영역</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(header)</span></span></span></b></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif;">: </span><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">보통 헤더 영역에는 로고</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">회원가입</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">즐겨찾기</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">로그인</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, *GNB, *LNB</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">가 들어갑니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">여기서 섬세하게 정리를 해보자면 </span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">헤더 내에서 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">“</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">회원가입</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">”, “</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">즐겨찾기</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">”, “</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">로그인</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">” </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">등의 작은 메뉴를 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt; color: rgb(192, 0, 0);">[</span><span style="font-family: 나눔고딕; font-size: 12pt; color: rgb(192, 0, 0);"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">유틸 영역</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">]</span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">이라고 말합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">. </span></p><p style="text-align: left;"><br></p><p style="text-align: left;"><br></p></div><p style="text-align: left;"></p><p style="margin-left:11.3pt;text-indent:-11.3pt;mso-char-indent-count: -1.0"><b style="mso-bidi-font-weight:normal"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: blue;">*GNB</span></b><b style="mso-bidi-font-weight:normal"><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">와</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> LNB</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">란</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">?</span></span></span></b></p><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><p style="margin-left:11.3pt;text-indent:-11.3pt;mso-char-indent-count: -1.0"><br></p><p style="margin-left: 11.3pt; text-indent: -11.3pt; text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99FD31425C9ADD6A1A" class="txc-image" actualwidth="1024" hspace="1" vspace="1" border="0" width="1024" exif="{}" data-filename="GNB. LNB.png" style="clear:none;float:none;" id="A_99FD31425C9ADD6A1A6675"/></p><p style="margin-left:11.3pt;text-indent:-11.3pt;mso-char-indent-count: -1.0"><br></p><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><p><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">- (1) </span><b style="mso-bidi-font-weight:normal"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">GNB(Global
navigation bar):</span></b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> </span></span><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">어느 페이지에서든 헤더 영역에 공통적으로 사용할 수 있는 메뉴들은 보통 지칭합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><p><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">- (2) </span><b style="mso-bidi-font-weight:normal"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">LNB(Local
navigation bar)</span></b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">: GNB</span></span><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">에 마우스를 갖다댔을 때</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(=HOVER </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">한다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.) </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">나오는 부가적인 메뉴들을 말합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span><br></span></span></p><p class="MsoListParagraph" style="margin-left:18.0pt;mso-para-margin-left:0gd; text-indent:-18.0pt;mso-list:l0 level1 lfo1"><!--[if !supportLists]--><b><span style="font-size:12.0pt; line-height:107%;font-family:나눔고딕;mso-bidi-font-family:나눔고딕;color:#C00000"><span style="color: rgb(255, 0, 0); font-family: Gulim, 굴림, AppleGothic, sans-serif;">2.</span><span style="font-variant-numeric: normal; font-variant-east-asian: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(255, 0, 0);">
</span></span><!--[endif]--><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#C00000"><span style="color: rgb(255, 0, 0); font-family: Gulim, 굴림, AppleGothic, sans-serif;">비주얼 배너</span><span><span style="color: rgb(255, 0, 0); font-family: Gulim, 굴림, AppleGothic, sans-serif;">(banner)</span></span></span></b></p><p></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">: </span><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">메인 배너로서 텍스트와 이미지를
사용하여 웹 사이트의 이미지를 전달하는 중요한 역할을 합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">아마 웹 사이트의 꽃이 아닐까라고 생각합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.)</span></span></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><b><span style="color: rgb(0, 85, 255); font-family: Gulim, 굴림, AppleGothic, sans-serif;">*롤링 버튼</span></b></span></span></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><br></span></p><p style="margin-left: 0.2em; text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/995BD3485C9ADDD418" class="txc-image" actualwidth="502" hspace="1" vspace="1" border="0" width="502" exif="{}" data-filename="152A0E3850306D8E0F.jpg" style="clear:none;float:none;" id="A_995BD3485C9ADDD418923E"/></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:blue"><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">사진 </span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">아래에 있는 버튼 보이시나요</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">? </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">저렇게 보통 웹 사이트에 흔히 볼 수 있는 배너의 롤링 버튼입니다</span><span style="font-family: 나눔고딕; font-size: 12pt;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. </span><br><br></span></p><p style="margin-left: 0.2em; text-align: left;"><b><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: red;">3, 4 </span></b><b><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:red"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">콘텐츠 영역</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(content)</span></span></span></b></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">: </span><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹 사이트의 문서</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이미지</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">동영상 등 여러가지 정보를 보여주는 영역을 말한다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">개인적인 생각으로는 여기서는 웹 디자이너의 디자인 실력도 실력이지만</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">퍼블리셔의
시선을 끌 수 있는 애니메이션 사용 능력</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">기능</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이 중요하다고
생각</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span></span></span></p><p style="margin-left: 20pt; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> </span></span></p><p style="margin-left: 0.2em; text-align: left;"><b><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: red;">5. </span></b><b><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:red"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">푸터 영역</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(footer)</span></span></span></b></p><p style="margin-left: 20pt; text-align: left;"><span style="font-family: 나눔고딕; font-size: 12pt;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span></span></p><p style="margin-left: 0.2em; text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">: </span><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹 사이트 하단에 위치해 로고나</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> Copyright, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">사업자 정보</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">개인정보 취급방침</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">인증 마크</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">번호</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">주소
등을 표시한다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="margin-left: 20pt; text-align: left;"><br></p><p style="margin-left: 20pt; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="margin-left: 20pt; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="margin-left: 0.2em; text-align: left;"><b><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">[</span></span></b><b><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242; mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor:text1; mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹 업무 용어</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">]</span></span></span></b></p><p style="margin-left: 0.2em; text-align: left;"><b><span style="font-size:12.0pt;line-height: 107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242; mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor:text1; mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span><br></span></span></b></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">1. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">코딩</span></b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>:</b> </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">특정 프로그래밍 언어를 작성하는 행위</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span><br></span></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>2. 퍼블리싱</b></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>:</b> </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹 분야 중 브라우저</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">최종 단말</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">에서 표현되는 내용을 작성하는 행위</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">주로 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">html, css, javascript, j-query(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">코딩</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">와 같은 언어를 이용하여 브라우저에 보여지는 최종적인 형태를 만들어내는 것을 의미합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹디자이너의 디자인을 보고 최종적인 형태를 코딩으로 만들어내는 겁니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.)
= </span><b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">웹 퍼블리셔</span></b></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><b><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><br></span></b></span></p><p style="text-align: left;"><span style="font-size: 9pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: blue;">-HTML: </span><span style="font-size:9.0pt;line-height:107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">가장 중심이 되는 웹
코딩 언어</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="text-align: left;"><span style="font-size: 9pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: blue;">-CSS: HTML</span><span style="font-size:9.0pt;line-height:107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">을 꾸며주는 역할</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이미지 크기나 폰트 크기</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">색 변경</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span></span></span></p><p style="text-align: left;"><b><span style="font-size:9.0pt;line-height:107%;font-family:나눔고딕; color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">토스트에 비유하자면 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">HTML</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">은 식빵이며 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">CSS</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">는
내부에 들어가는 햄이나 치즈라고 생각하면 편하다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></b></p><p style="text-indent: 25.4pt; text-align: left;"><span style="font-size:9.0pt;line-height: 107%;font-family:나눔고딕;color:blue"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"> </span></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>3. 베리에이션</b></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>:</b> </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">하나의 디자인을 뽑았을 때</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이 디자인이 가지는 속성을 다양하게 변화 시켜보는 행위</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">완성된
디자인을 다양한 색으로 여러가지 뽑는다고 생각하면 편합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.)</span></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b> </b></span></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>4. 시안</b></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>:</b> </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">프로젝트를 받고나서 사이트 디자인을 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">임시로</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">) </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">만들어보는 것인데 보통 회사에서는 초안</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">=</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">시안 같은 용어로 사용합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">부분은 이해가 안 가실 수 있으니
궁금한 점은 댓글로 물어봐주세요</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.)</span></span></span></p><p style="text-align: left;"><span style="font-size: 12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1; mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor: text1;mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span><br></span></span></p><p style="margin-left: 20pt; text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">
</span></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>5. 레이아웃</b></span></span></p><p style="text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/9978424D5C9ADE311E" class="txc-image" actualwidth="770" hspace="1" vspace="1" border="0" width="770" exif="{}" data-filename="cert25_info_img02.jpg" style="clear:none;float:none;" id="A_9978424D5C9ADE311E09CC"/></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="text-align: left;"></p><p style="margin-left: 20pt; text-align: left;"></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이렇게 사이트를
한 눈에 볼 수 있게 사이트 글</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">사진 등을 효과적으로 배치한 것을 말합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">. (=</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">간단한 구성</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">) </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">이건 레이아웃이 대충 어떤 걸 말하는지만 알고
있으면 됩니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;"><b>6. 반응형 웹(=미디어 쿼리)</b></span></span></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><br></span></p><p style="text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/99D6E44C5C9ADE481D" class="txc-image" actualwidth="540" hspace="1" vspace="1" border="0" width="540" exif="{}" data-filename="responsive.png" style="clear:none;float:none;" id="A_99D6E44C5C9ADE481D7C16"/></p><p style="margin-left: 0.2em; text-align: left;"><span style="line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">(사진 </span><span style=";line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">출처</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">: </span></span><span style="; line-height:107%"><a href="http://simppy.com/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EC%9D%B4%EB%9E%80/"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">http://simppy.com/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9%EC%9D%B4%EB%9E%80/</span></a><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span></span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">모든 스마트 기기 화면에 웹 디자인을 반영할 수 있도록
해주는 프로그래밍 기술</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">. (=</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">핸드폰으로도 사이트를 쉽게 볼 수 있는 기술</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">) </span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: 나눔고딕; font-size: 12pt;"><br></span></p><p style="text-align: left;"><b><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">7.</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">플랫 디자인</span></b><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;"><b>:</b> </span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">디자인을 최대한 단순하게 아이콘들을 이용하여 만든 디자인</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">. </span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">대표적으로는
시선을 확 끄는 아이콘들로 이루어져 있는 아이폰 홈 화면</span><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">!</span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: 나눔고딕; font-size: 12pt;"><br></span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;"><b>8. 파비콘</b></span></p><p style="text-align: left;"><br></p><p style="text-align: left;"><img src="https://t1.daumcdn.net/cfile/cafe/994DB0445C9ADE781D" class="txc-image" actualwidth="239" hspace="1" vspace="1" border="0" width="239" exif="{}" data-filename="캡처.PNG" style="clear:none;float:none;" id="A_994DB0445C9ADE781D3EED"/></p><p class="MsoListParagraph" style="text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(13, 13, 13);">NAVER </span><span style="font-size:12.0pt;line-height:107%;font-family:나눔고딕;color:#0D0D0D; mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color:#0D0D0D; mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha:100.0%; mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">옆에 작은 네이버 로고 마크
보이시나요</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">? </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">저렇게 </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">PC</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">로 사이트를 열었을 때 상단에 있는
작은 로고</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">(</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">아이콘</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">)</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">를 파비콘이라고 합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: 나눔고딕; font-size: 12pt;"><br></span></p><p style="word-break: keep-all; text-align: left;"><b><span style="font-size:12.0pt;line-height:107%; font-family:나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242; mso-style-textfill-fill-color:#0D0D0D;mso-style-textfill-fill-themecolor:text1; mso-style-textfill-fill-alpha:100.0%;mso-style-textfill-fill-colortransforms: "lumm=95000 lumo=5000""><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">9. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">UI:</span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"> </span></b><span style="font-size: 12pt; line-height: 107%; font-family: 나눔바른고딕; color: rgb(102, 102, 102); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">사용자 인터페이스를 말합니다</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">즉
사용자가 앱을 사용할 때 만나게 되는 디자인</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">레이아웃</span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">, </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">기술적인
부분을 말합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">.</span></span></span></p><p style="word-break: keep-all; text-align: left;"><span style="font-size: 12pt; line-height: 107%; font-family: 나눔바른고딕; color: rgb(102, 102, 102); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span><br></span></span></p><p style="text-align: left;"><span style="color: rgb(13, 13, 13); font-family: Gulim, 굴림, AppleGothic, sans-serif; font-size: 12pt;">
</span></p><p style="word-break: keep-all; text-align: left;"><b style=""><span style="font-size: 12pt; line-height: 107%; font-family: 나눔고딕; color: rgb(13, 13, 13);"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">10. </span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif;">UX:</span></span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"> </span></b><span style="font-size: 12pt; line-height: 107%; font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;">UI</span><span style="font-size: 12pt; line-height: 107%; font-family: 나눔바른고딕; color: rgb(102, 102, 102); background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial;"><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">에서 파생된 개념으로 웹사이트나 앱을 사용하는 사용자의 경험을 바탕으로 그것을
분석하여 편하고 효율적인 방향으로 프로세스가 진행 될 수 있도록 하는 것을 뜻합니다</span><span><span style="font-family: Gulim, 굴림, AppleGothic, sans-serif; color: rgb(0, 0, 0);">.</span></span></span></p><p style="text-align: left;"></p><p style="text-align: left;"><span style="font-size:12.0pt;line-height:107%;font-family: 나눔고딕;color:#0D0D0D;mso-themecolor:text1;mso-themetint:242;mso-style-textfill-fill-color: #0D0D0D;mso-style-textfill-fill-themecolor:text1;mso-style-textfill-fill-alpha: 100.0%;mso-style-textfill-fill-colortransforms:"lumm=95000 lumo=5000""><span><br></span></span></p><p style="text-align: left;">______</p><p style="text-align: left;"><br></p><p style="text-align: left;">아직 나도 일하기 시작한지는 6개월 정도 밖에 되지 않아서 내가 정리한 용어가 전부 정답은 아니니까 참고용으로만 봐줬으면 좋겠어 :) 그리고 궁금한 사항들은 댓글로 물어봐줘. 내가 도움될 수 있는 사항이면 답변 줄게~</p><p style="text-align: left;"><br></p><p style="text-align: left;">문제 시 퇴사</p>
<!-- -->
]]>
카페 게시글
막생정
기타
현직 웹 에이전시에서 일하고 있는 내가 너무 불편해서 써보는 간단한 웹 용어 정리 1탄!
다음검색
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.08 22:47
삭제된 댓글 입니다.
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.08 16:52
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.08 16:55
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.08 16:57
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.08 17:10
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.15 16:13
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.04.15 16:14
고마워 !!!!!!!☺️
고마워!!나도 참고사이트 부탁해ㅠㅠ!
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 10:46
글 너무 고마워! 헷갈렸는데 정리됐다ㅎㅎ 나도 참고 사이트 알려주라ㅠㅠㅠㅠㅠ
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 10:46
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.04 09:45
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.02 20:56
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 10:47
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 16:08
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 16:27
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.03 16:28
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.05.29 13:35
나도ㅠㅜㅠ참고하는 사이트 알려줄수있어??공부ㅏ는중인데 ㅠㅜ힘들어
비밀글 해당 댓글은 작성자와 운영자만 볼 수 있습니다.19.06.06 12:14
늦었지만..... 참고사이트 부탁해두 될까 ㅠㅠ??? 나두 다다음주부터 에이전시 첫 출근이야!! ㅠㅠ떨려 ㅠㅠ
글잘읽었어!늦었지만 나도 사이트 공유좀 해줄수있어?♡
답글 좀
와 이해하기쉽다
올려줘서 고마워!!
고마워~!!!!
고마우이♡
대받 고마워
정말 늦었지만 혹시 나도 사이트 공유 가능할까..? ㅠㅠ
감사합니다!!!!!
정말 감사합니다! 서치하다 왔는데 최고에요!!!
서치하다 왔어여 고마워요
너무 잘읽었어! 고마워!!