REALITY

[ 디자인 사고 ]2000년대 후반 미국의 디자인 컨설팅 회사인 IDEO를 중심으로 ‘디자인 사고’ 라는 개념이 등장하기 시작했다. 이후 많은 사람들이 디자이너가 머릿속으로 하는 사고 방식이 그들의 손끝 기술보다 중요하다는 것을 알게 되었다.  이때 디자인 사고는 태도적 측면과 인지적 측면 그리고 행동적 측면으로 나누어 볼 수 있다.   태도적 측면 모호함에 관대한 태도실험적이고 탐험적인 자세낙관적인 태도미래지향적 태도모호함에 관대한 태도: 모호성을 인정하고 익숙하게 여기게 되면 창의적인 해결 방안을 내놓는 것이 수월해진다.  실험적이고 탐험적인 자세: 개인이나 팀이 지닌 능력의 한계까지 부딪혀볼 용기가 필요하며 어떤 제약을 창의적으로 극복하려는 자세가 필요하다.  낙관적인 태도: 끝까지 포기하지 말고 ..

본격적으로 이번 학기를 시작하기 전에, 학교에서 여러 프로그램을 개발해보면서 자연스럽게 기획에 관심을 가지게 되어 서비스 기획에 대한 공부를 시작하게 되었습니다. 개발 과정에서 사용자 중심의 사고와 체계적인 기획이 얼마나 중요한지 깨닫게 되었기 때문에, 이번 기회를 통해 서비스 디자인과 사용자 경험(UX)에 대해 더 깊이 이해하고자 합니다.  [ 서비스 디자인의 시대 ]오늘날 우리는 제품보다는 서비스를 더 자주 소비하는 시대에 살고 있습니다. 이와 함께 경험 중심의 디자인이 더욱 주목받고 있습니다. 특히 서비스 경험 디자인은 사용자가 어떤 서비스를 경험하면서 느끼는 감정과 만족도를 고려한 설계 과정입니다. 좋은 서비스는 사용자에게 만족을 주며, 이를 통해 서비스의 가치를 극대화할 수 있습니다. [ 서비스..

✨Chapter 10 연습 문제✨ [연습문제 10-01] 다음은 MySQL을 이용하여 회사 사원의 인적 사항을 관리하기 위한 DB 테이블(테이블명: worker)의 구조이다. ① worker 테이블을 일괄 생성하기 위한 worker.sql 파일의 빈칸을 채우시오. CREATE TABLE worker ( num int not null auto_increment, id char(20) not null, name char(10) not null, gender char(1) not null, age int, department char(20) not null, phone char(20) not null, address char(100), primary KEY (num) ); ② worker 테이블에 다음 데이터..

✨Chapter 09 연습 문제✨ [연습문제 9-01] 다음은 MySQL에 관한 설명이다. 맞으면 ○, 틀리면 ×표시를 하시오. ① MySQL은 데이터베이스 관리 시스템의 하나이다. (○) ② 주로 대형 서버 컴퓨터에 사용하고 중소 시스템이나 PC에는 잘 사용하지 않는다. (×) ③ MySQL은 테이블을 기본 구조로 하는 관계형 데이터베이스 관리 시스템에 속한다. (○) ④ PHP로 웹 프로그래밍을 할 때 데이터베이스로 MySQL을 많이 사용한다. (○) ⑤ SQL은 데이터베이스를 조회하거나 데이터를 갱신할 수 있는 데이터베이스 표준 언어이다. (○) ⑥ phpMyAdmin의 문자셋은 세계 표준인 euc-kr로 설정하는 것이 바람직하다. (○) ⑦ MySQL은 처리 속도가 빠르고 성능이 우수한 편이지만 ..

✨Chapter 08 연습 문제✨ [연습문제 8-01] 다음은 쿠키와 세션에 관한 설명이다. 맞으면 ○, 틀리면 ×표시를 하시오. ① 쿠키는 웹 페이지에 접속할 때 웹 서버가 사용자의 컴퓨터에 저장하는 데이터이다. (○) ② 쿠키를 사용하면 사용자의 컴퓨터에서 아이디와 비밀번호를 기억할 수 있다. (○) ③ 세션은 쿠키보다 사용법이 간단하지만, 보안성이 더 취약하다. (×) ④ 세션은 쿠키와 달리 사용자의 컴퓨터와 웹 서버에 세션 정보를 저장한다. (○) ⑤ 세션은 쿠키보다 보안성이 더 강하다. (○) [연습문제 8-02] 쿠키와 세션에 관한 물음에 답하시오. ① 쿠키를 생성할 때 사용하는 함수는 무엇인가? ( setcookie() ) ② 세션을 초기화하는 데 사용하는 함수는 무엇인가? ( session..

✨Chapter 06 연습 문제✨ [연습문제 6-01] 다음은 함수를 이용하여 두 수의 최대공약수를 구하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 6-02] 다음은 함수를 이용하여 3개의 수 중에서 가장 큰 수를 찾는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 6-03] 다음은 놀이공원 입장객의 나이와 입장권의 종류에 따라 요금을 계산하여 출력하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오.

✨Chapter 03 연습 문제✨ [연습문제 01] 다음은 주간 또는 야간 근무 시간에 따라 아르바이트 급여를 계산하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 02] 다음은 숫자로 된 월에 해당되는 계절 이름을 출력하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 03] 다음은 시험 점수가 90~100점이면 수, 80~89점이면 우, 70~79점이면 미, 60~69점이면 양, 0~59점이면 가, 그 외 점수가 입력되면 ‘점수를 잘 못 입력하셨습니다!’라는 메시지를 출력하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 04] 다음은 물건 구매액의 할인율에 따라 지불액을 계산하는 프로그램이다. 빈칸을 채워 프로그램을 완성하시오. [연습문제 05] 다음은 ..

✨08장 연습문제✨ [연습문제 01] 다음 문장에 O X를 표시하시오. (1) 미디어 쿼리는 link 태그의 media 속성 또는 style 태그 내부의 @media 규칙에 입력할 수 있습니다. (O) (2) 미디어 쿼리를 사용하면 웹 브라우저에서 인쇄할 때만 적용할 스타일을 지정할 수 있습니다. (O) (3) 미디어 속성 사용해 방향을 지정할 때는 어떤 모서리가 아래에 있는지에 따라 네 가지 나누어 지정할 수 있습니다. (X) [연습문제 02] 반응형 웹 디자인의 목적은 무엇인가? ① 웹 사이트의 로딩 속도를 높인다. ② 웹 사이트에 더 많은 멀티미디어 콘텐츠를 추가한다. ③ 웹 사이트의 보안을 강화한다. ④ 다양한 디바이스와 화면 크기에 적응하는 웹 사이트를 제작한다. [연습문제 03] 다음 중 반응..

✨07장 연습문제✨ [연습문제 01] 다음 문장에 O X를 표시하시오. (1) 어떤 요소를 수평으로 정렬할 때는 자손에게 float 속성을 지정하고, 부모의 overflow 속성은 hidden으로 적용한다. (O) (2) 어떤 요소를 화면 중앙에 정렬하고 싶을 때는 {margin: auto}를 사용한다. (X) (3) 절대 위치로 요소를 배치할 때는 {position: absolute}를 사용한다. (O) (4) 요소를 고정 위치에 배치할 때는 {position: fixed}를 사용한다. (O) [연습문제 02] 다음과 같은 포털 사이트 메인 페이지의 기본 형태를 단계별로 구현하시오. (1) 다음 코드에 스타일을 적용해 그림과 같이 레이아웃을 구성한다. (2) 다음 코드에 스타일을 적용해 그림과 같이 레..

✨06장 연습문제✨ [연습문제 01] 다음 문장에 O X를 표시하시오. (1) inline 형식의 태그에는 width 속성과 height 속성이 적용되지 않으며, margin 속성과 padding 속성은 좌우로만 적용됩니다. (O) (2) inline-block 형식의 태그는 width 속성과 ehight 속성이 지정되며, amrgin 속성과 padding 속성이 상하좌우로 적용됩니다. (O) (3) block 형식의 태그는 width 속성과 height 속성이 지정되며, margin 속성과 padding 속성이 상하좌우로 적용됩니다. (O) (4) background-image 속성에는 이미지를 하나만 지정할 수 있습니다. (X) (5) font-family 속성에 글꼴을 여러 개 지정하는 것은 아무런..

04 HTML 입력 양식 태그와 구조화 태그 ✨입력 양식 태그✨ 입력 양식이란 사용자에게 정보를 입력받는 요소이다. ① 입력 양식 개요 - form 태그로 영역을 생성하고, form 태그 내부에 input 태그를 추가한다. 데이터를 입력하고 버튼을 누르면 지정된 방식으로 지정된 장소에 데이터를 전달한다. method 속성: 입력 양식에 입력한 데이터를 전달하는 방식 action 속성: 입력 양식에 입력한 데이터를 전달하는 장소 - 전송 방식으로 GET 방식, POST 방식을 가장 많이 사용한다. GET 방식: 주소에 데이터를 입력해서 전달하며 크기가 한정된다. POST 방식: 주소를 변경하지 않고 비밀스럽게 데이터를 전달하며 용량에 제한이 없다. ② 입력 양식 종류 - form - input - text..

05 CSS3 기초: 선택자와 단위 ✨선택자의 용도와 사용법✨ 스타일시트: style 태그 내부에 CSS 블록을 입력해서 작성한 코드 - CSS3에서 특정 HTML 태그를 선택할 때는 선택자를 사용한다. - 아래 예시는 선택자를 사용해 h1 태그를 선택하고, 선택한 h1 태그의 color 스타일 속성에 red 값을 적용한 CSS 블록이다. h1 { color: red; } CSS3 선택자 종류 종류 형태 사용 예 전체 선택자 * * 태그 선택자 태그 h1 아이디 선택자 #아이디 #id 클래스 선택자 .클래스 .header 속성 선택자 선택자[속성 = 값] input[type = text] 선택자[속성 ~= 값] div[data-role ~= row] 선택자[속성 |= 값] div[data-role |= ..