● 목적 View를 배치할 때 효과적으로 크기를 지정할 수 있는 wrap_content와 match_parent의 정의와 사용 방법에 대해 알아본다. 현재 fill_parent는 사용하지 않는 것을 권장하므로, match_parent을 대신 사용하면 되니 참고하자. ● 참고 View와 View Group의 개념이 헷갈릴 경우, 아래의 포스팅을 참고하면 도움이 될 것 같다. [안드로이드 기초] 뷰 (View)와 뷰 그룹 (View Group) 개념 알아보기 ● 목적 안드로이드 개발에 사용되는 기초적인 UI 디자인 요소에 대해 알아보고, 그 개념을 이해한다. ● 뷰 (View)와 뷰 그룹 (View Group) 개념 사용자에게 출력하는 화면을 구성하기 위한 모든 요소 acredev.tistory.com ● ..

● 창작 목적 온라인 쇼핑몰에 게재될 사이즈의 메인 배너 이미지를 제작한다. 2021년도 대학교 과제로 제작한 것으로, 창작물에서 사용된 이미지는 교수님이 제공해 주셨으나 내가 따로 찾아서 출처를 하단에 표기한다. 사용된 폰트는 상업적 및 재사용이 가능한 폰트를 사용했다. ● 창작 이미지 배너 감귤과 포도를 홍보하는 이미지 배너 사과와 망고를 홍보하는 이미지 이미지의 워터마크는 Tistory 플랫폼을 통해 삽입되었습니다. (원본 파일에는 없음.) 창작자의 허가 없는 무단 사용 및 무단 배포를 금지합니다. ● 소개 대학교 1학년 1학기 시절, 웹디자인 강의의 10주차 과제로 진행했던 쇼핑몰 웹페이지 메인 홍보 배너 이미지이다. 실제 M사의 쇼핑몰에 접속해서, 메인 배너에 맞는 사이즈 px단위를 측정해 제작..

● 창작 목적 실제 여행기를 통한 여행지 추천 카드보드를 제작한다. 2021년도 대학교 과제로 제작한 것으로, 창작물에 사용된 비행기 아이콘을 제외한 모든 베이스 이미지는 내가 직접 촬영한 이미지를 가공한 것. 사용된 폰트는 상업적 및 재사용이 가능한 폰트를 사용했다. 비행기 아이콘의 출처는 하단에 명시해 두겠다. ● 창작 이미지 이미지의 워터마크는 Tistory 플랫폼을 통해 삽입되었습니다. (원본 파일에는 없음.) 창작자의 허가 없는 무단 사용 및 무단 배포를 금지합니다. ● 소개 대학교 1학년 1학기 시절, 웹디자인 강의의 13주차 과제로 진행했던 창작 카드보드 이미지이다. 어도비 포토샵 2022 버전을 통해 창작했으며, 사용된 폰트는 아래와 같다. 위치 폰트명 메인 페이지 KoPubWorld 돋움..

● 창작 목적 어버이날을 기념하여 이벤트성 세로형 카드를 창작한다. (2021년 실습) 대학교 중간고사 대체과제로 진행한 것으로, 창작에 사용된 기본 베이스 이미지의 출처 또한 교수님이 제공해 주신 것. 출처는 내가 따로 찾아서 하단에 표기한다. 사용된 폰트는 상업적 및 재사용이 가능한 폰트를 사용했다. ● 창작 이미지 이미지의 워터마크는 Tistory 플랫폼을 통해 삽입되었습니다. (원본 파일에는 없음.) 창작자의 허가 없는 무단 사용 및 무단 배포를 금지합니다. ● 소개 대학교 1학년 1학기 시절 웹디자인 강의의 중간고사 대체과제로 진행했던 창작 이미지이다. 어도비 포토샵 2022 버전을 통해 진행했으며, 사용된 폰트는 아래와 같다. 문구 폰트명 어버이날 감사 이벤트 G마켓 산스 TTF 감사합니다 사..

● 개발목적 윈도우 폼을 제작하여 C#. NET 언어를 이용해, 회원가입시 진행하는 이메일 본인 인증 시스템을 간단하게 구현해 보도록 한다. 이를 토대로 회원가입 폼에 응용해 적용할 수 있다. ● 참고 [C# 개발] 구글 SMTP 서버를 사용해 이메일 발송하기 (Using Google SMTP) ● 개발목적 윈도우 폼을 제작하여 C#. NET 언어와 구글 GMail SMTP 서버를 이용해 이메일을 발송할 수 있는 프로그램을 제작한다. ● 참고 구글 인증 오류를 겪고 있는 사람들이라면 아래의 링크를 acredev.tistory.com C# 윈도우 폼을 통한 이메일 발송시스템을 조금 응용한 것인데, 구현 방법이 궁금한 사람은 위의 링크를 참고해서 조치하면 좋을 것 같다. ● 윈도우 폼 제작 Visual St..

● 목적 이클립스 IDE에서 JSP파일 생성 직후 발생되는 The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path 오류 원인과 해결 방법에 대해 알아본다. ● 원인 이클립스 IDE에서 해당 Dynamic Web Project에 대한 동작 서버를 찾지 못해서 생기는 현상이다. ● 오류해결 오류가 발생하는 JSP파일의 프로젝트 우측 마우스 클릭 → Properties 클릭 좌측 트리 메뉴에서 Project Facets 클릭 우측의 Runtimes → Apache Tomcat v9.0 체크 → Apply and Close 클릭 ※ Apache Tomcat 버전은 사용하는 버전마다 다르게 표시됨 ※ Apache To..

● 목적 안드로이드 개발에 사용되는 기초적인 UI 디자인 요소에 대해 알아보고, 그 개념을 이해한다. ● 뷰 (View)와 뷰 그룹 (View Group) 개념 사용자에게 출력하는 화면을 구성하기 위한 모든 요소들을 View 라고 한다. 우리가 일반적으로 앱에서 사용하는 버튼, 이미지, 텍스트 등등을 포함해 사용자의 눈에 보이는 모든 화면 구성 요소들을 View 라고 일컫으며, 이러한 View 들을 n개 이상 포함하고 있는 것을 View Group 이라고 한다. 1개의 뷰 View는 반드시 하나의 View Group 에 포함되어 있어야 한다. 간단한 구조를 통해 좀 더 살펴보자. View Group은 View를 포함하고 있다. View Group에는 View와 VIew Group을 포함할 수도 있다. 결..

● 목적 HTML의 table태그에서 사용되는 속성값들을 살펴보고, 사용 방법에 대해 알아본다. ● 참고 [HTML 기초] table 태그와 th, tr, td 태그 사용방법 살펴보기 ● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한 acredev.tistory.com table태그의 기초적인 사용 방법은 위 포스트를 참고하면 도움이 될 것 같다. ● table 태그의 속성값 종류 참고 속성 정의 ※ 태그에서만 사용 colspan n개의 열을 하나의 열로 병합한다. rowspan n개의 행을 하나의 행으로 병합한다. ※ 태그에서만 사용 border 표 테두리..

● 목적 HTML 파일 편집기는 상당히 여러 종류가 있지만, 개인적으로 VSCode (비주얼 스튜디오 코드)를 선호하는 편이다. 이 포스트에서는 VSCode로 html 파일을 첫 생성할 때, HTML 기본 템플릿을 자동 완성해주는 기능을 알아보도록 한다. ● 참고 확장자가 html이 아닐 경우 자동완성 기능이 동작하지 않는다. VSCode에서 열리거나, 새로 만든 파일의 확장자가 html인지 꼭 확인해 보자. ● 자동완성 기능 사용 코드 입력 창에 느낌표 (!) 를 입력 후, Tab 또는 Enter 키를 누른다. HTML 기본 템플릿이 자동완성 되었다. 사용자의 입맛에 맞게 수정해서 사용하면 된다.

● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한다. HTML5에서는 권장되지 않지만, 이전에는 태그를 통해 웹페이지 레이아웃을 제작하기도 했었던 태그이다. 이제는 가급적이면 태그를 통해 웹페이지 레이아웃이 아닌 데이터값이 들어있는 표만 사용하는 것이 권장된다. ● table, th, tr, td 태그 태그 Table Head의 약자로, 표의 제목을 만드는 역할을 한다. 기본값은 볼드체와 중앙 정렬. 태그 Table Row의 약자로, 표의 가로줄을 만드는 역할을 한다. 기본값은 좌측 정렬. 태그 Table Data의 약자로, 표의 셀을 만드는 역할을 한다. ..