관리자| 쓰기

글

[웹 프로그래밍] WEB 레이아웃 이해하기

WEB/CSS 2014. 5. 23. 19:24

 

1_RAYOUT

●요소 위치 정하기


＊정적 위치 설정(static positioning)

:: 정상적인 흐름에 따른 배치이다.

＊상대 위치 설정(relative positioning)

:: 정상적인 위치가 기준점이 된다.

＊절대 위치 설정(absolute positioning)

:: 컨테이너의 원점이 기준점이 된다.

＊고정 위치 설정(fixed positioning)

:: 고정된 자리에 위치한다.

 

 -EX

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
    #one{
        background-color: #008299;
        width: 200px;
        height: 50px;
}
    #two{
        position: static; 
        /*정적 위치 설정
         (여기서는 position을 static으로 선언하면 문서의 정상적인 흐름에 따라서 배치된다
         static으로 선언하지 않은 것과 결과는 같다.)*/ 
        background-color: #FAED7D;
        width:200px;
        height: 50px;
    }
    #three{
        position : relative;
        left : 30px; 
        /*상대 위치 설정
         (정상적인 위치에서 왼쪽으로 30픽셀 이동)*/
        background-color: #99004C;
        width:200px;
        height:50px;
    }
    #four{
        position: absolute;
        /*절대 위치 설정*/
        top: 100px;
        left : 100px;
        background-color: gray;
        width:200px;
        height:50px;
    }
    #five{
        background-color: #F361A6;
        position: fixed;
        /*고정 위치 설정*/
        top:0px;
        right:0px;
    }
</style>
</head>
<body>
<p id="one">Block #1</p>
<div id="two">Block #2<br/>position:static;</div>
<br/>
<div id="three">Block #3<br/>position:relative;<br/>left:30px;</div><br/>
<div id="four">Block #4<br/>position:absolute;
            <br/>top:100px; left:100px;</div>
<div id="five">Block #5<br/>position:fixed;<br/>top:0px; right:0px;</div> 
</body>
 
</html>

 

 

 

 

 

##block #5가 고정된 위치에서 따라 움직이는 것을 볼 수 있다.

 

 

'WEB > CSS' 카테고리의 다른 글

[웹 프로그래밍] CSS박스 모델 이해하기(1)  (0) 2014.05.22

설정

,

트랙백

댓글

글

[C언어] 프로그래밍(1)_140324:: CHAPTER4_ 연산자_실습 예제 풀어보기

프로그래밍/C 2014. 5. 23. 14:06






CHAPTER 4. 연산자

( 연 습 문 제 풀 어 보 기)​

 

 

​

Q1. 센티미터(cm)로 표현된 키를 입력하면 피트(feet)와 인치(inch)로 변환하는 프로그램을
작성하시오.(소수 2자리)

[힌트] 1feet = 12inch, 1inch = 2.54cm

 

 ※ 풀이

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#include <stdio.h>
#include <stdlib.h>
 
int main(int argc, char *argv[])
{
 
    double cm;
    printf("키(cm)를 입력하세요: ");
    scanf("%lf", &cm);
    double inch=2.54*cm;
    double feet=12*inch;
    printf("입력하신 키 %.2lfcm는 %.2lffeet, %.2lfinch에 해당됩니다.\n",cm,feet,inch); 
 
  system("PAUSE");    
  return 0;
}
 

 


 

※ 결과값


 

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

 

Q1. 원기둥의 밑변의 반지름과 높이를 입력받아 부피를 게산하는 프로그램을 작성하시오.(소수 1자리)

 

 

 

※ 풀이


 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#include <stdio.h>
#include <stdlib.h>
 
int main(int argc, char *argv[])
{
 
    int r, h;
    
    double pi=3.141592;
    printf("원기둥의 밑변의 반지름, 높이를 입력하세요(cm단위) :"); 
    scanf("%d %d", &r, &h);
    printf("계산한 원기둥의 부피는 %.1lfcm^3입니다.\n", r*h*(pi*r*r)*h); 
 
  system("PAUSE");    
  return 0;
}
 
 

 

※ 결과값

 

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

Q3. 초 단위의 시간을 입력 받아 몇 시간, 몇 분, 몇 초인지를 계산하는 프로그램을 작성하시오.

 

 

 

 

※ 풀이

 

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#include <stdio.h>
#include <stdlib.h>
 
int main(int argc, char *argv[])
{
 
    int sec;
    printf("초(sec)입력 : ");
    scanf("%d", &sec);
    printf("입력하신 %d초는 %d시간 %d분 %d초 입니다.\n", sec, sec/3600, sec/(3600*60), sec%60);
 
 
  system("PAUSE");    
  return 0;
}
 

 

※ 결과값

 

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

Q4. 다음 수식을 계산하는 프로그램을 작성하시오.
f(x)%3D%5Ccombi%20%5E%7B%203%20%7D%7B%202x%20%7D-%5Ccombi%20%5E%7B%202%20%7D%7B%203x%20%7D%2B%5Cfrac%20%7B%201%20%7D%7B%20x%20%7D%20

 

 

 

※ 풀이

 


 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
#include <stdio.h>
#include <stdlib.h>
 
int main(int argc, char *argv[])
{
 
    int x;
    printf("x입력 : ");
    scanf("%d", &x);
    printf("f(x)=2x^3-3x^2+1/x=%d\n", 2*(x*x*x)-3*(x*x)-3*(x*x)+(1/x));
 
 
  system("PAUSE");    
  return 0;
}
 

 


※ 결과값

 

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

 

Q5. 구의 반지름을 입력받아  둘레, 면적, 부피를 출력하는 프로그램을 작성하시오.

 

 

[Result]

 

반지름(cm)을 입력하세요. 10

​

둘레 = 62.83cm

면적 = 314.16%5Ccombi%20%5E%7B%202%20%7D%7B%20cm%20%7D%20

부피 = 4188.79%5Ccombi%20%5E%7B%203%20%7D%7B%20cm%20%7D%20

 

 

 

※ 풀이

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#include <stdio.h>
#include <stdlib.h>
 
int main(int argc, char *argv[])
{
    double radius, phi = 3.141592;
    double circum, area, volume;
    
    printf("반지름(cm)을 입력하세요 :");
    scanf("%lf", &radius); //반지름 입력
    
    circum = 2*phi*radius;          //원의둘레 
    area = phi*radius*radius;       //면적 
    volume = (4.0/3.0)*area*radius; //구면부피
    
    printf("둘레 = %8.2fcm\n", circum); //실행결과와 같은 변환명세 
    printf("면적 = %8.2fcm^2\n", area); //실행결과와 같은 변환명세
    printf("부피 = %8.2fcm^3\n", volume); //실행결과와 같은 변환명세
 
  system("PAUSE");    
  return 0;
}
 

 

※ 결과값

 

 

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

Q6. 키와 몸무게를 입력받아 키에 맞는 표준 체중을 구한 후 자신의 몸무게와 표준 체중과의 차이를 다음과 같이 출력하는 프로그램을 작성하시오.

 

 

[Result]

 

키(cm)를 입력하세요. 175.7

몸무게(kg)를 입력하세요. 75

​

당신의 키는 175.7cm(5.8feet)입니다.

당신의 체중은 75.0kg(165.31b)입니다.

표준 체중 68.1과의 차이는 +6.9kg입니다.

 

 

※ 풀이

 

 

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
#include <stdio.h>
 
 
 
int main (void)
 
{
    double height;
    double weight;
    double avgWeight;
 
    printf ("키(cm)를입력하세요: ");
    scanf ("%lf", &height);
 
    printf("몸무게(kg)를입력하세요: ");
    scanf ("%lf", &weight);
 
    avgWeight = (height - 100.0) * 0.9;
 
    printf ("당신의키는%.1fcm (%.1ffeet)입니다.\n", height, height / 30.48);
    printf ("당신의체중은 %.1fkg (%.1flb)입니다.\n", weight, weight * 2.20459);
    printf ("표준체중%.1f과의차이는%+.1fkg입니다..\n", avgWeight, weight - avgWeight);
 
 
    return 0;
 
}
 
 

 

 

※ 결과값

 

---------------------------------------------------------------------------------------------------------------------------------

 

 

Q7. 국어, 영어, 수학 성적을 각각 입력받고, 총점과 평균을 계산하는 프로그램을 작성하시오.

 

※ 풀이


 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#include <stdio.h>
 
int main (void) 
{
 
    int kor, eng, math;
    double sum=0; avg=0;
 
    printf ("국어, 영어, 수학 성적을 입력하세요 ");
    scanf ("%d %d %d", &kor, &eng, &math);
    
    sum=kor+eng+math;
    avg=sum/3
    
    printf ("평귱 : %.2lf 총점 : %.2lf", avg, sum);
    
    return 0;
    system("pause");
}
 
 

 

 

※ 결과값

 

 

---------------------------------------------------------------------------------------------------------------------------------

 

 





'프로그래밍 > C' 카테고리의 다른 글

[C언어] 프로그래밍(1)_140320:: CHAPTER4_ 연산자  (0) 2014.05.23
[C언어] 프로그래밍(1)_140317:: CHAPTER3_ 입력과 출력_실습예제 풀어보기  (0) 2014.05.23
[C언어] 프로그래밍(1)_140313:: CHAPTER3_ 입력과 출력  (0) 2014.05.23

설정

,

트랙백

댓글

글

[C언어] 프로그래밍(1)_140320:: CHAPTER4_ 연산자

프로그래밍/C 2014. 5. 23. 14:05





CHAPTER 4. 연산자

​​연산자는 연산의 기능을 나타내는 기호를 말하며, 피연산자는 연산의 대상을 말하며, 변수, 상수 또 다른 식이 될 수 있다.

(모든 수식은 반드시 하나의 결과 값을 가지며, 수식의 결과 값을 계산하는 것을 '수식을 평가한다​'고 한다.)

​

●​_연산자의 종류

​

구분

종류

대입 연산자

 =

산술 연산자

 + - * / %

복합 대입 연산자

 += -= *= /= %= >>= <<= &= |= ^=

관계 연산자

 > < >= <= == !=

논리 연산자

 && || !

조건 연산자

 ?:

증감 연산자

 ++ --

비트 연산자

 & ㅣ ^ ~ << >>

형변환 연산자

 (자료형)

콤마 연산자

 ,

주소 연산자

 &

sizeof 연산자

 sizeof(피연산자)

 

​----------------------------------------------------------------------------------------------

​

​

(1) 대입 연산자

​

○연산자 왼쪽에 있는 변수에 오른쪽에 있는 수식 값을 저장하는 연산자이며, 치환 연산자라고도 한다.

대입연산자를 사용한 대입문

 

변수명 = 값; //오른쪽에 있는 값을 왼쪽 변수에 대입한다.

변수명 = 변수; //오른쪽 변수에 저장된 값을 왼쪽 변수에 대입한다.

변수명 = 수식; //오른쪽 수식을 평가한 결과 값을 오니쪽 변수에 대입한다.

​

 

 

 

​

Ex))

​

​

​

​

​

​

(2) 산술 연산자

​

○기본 사칙연산을 할 수 있는 연산자를 말한다​

 

산술 연산자

기능

사용 예

연산의 결과

+

더하기

5 + 2

7

-

빼기

5 - 2

3

*

곱하기

5 * 2

10

/

나누기

5 / 2

2

5 /2.0

2.5

%

나머지 구하기(정수만 가능)

5%2

1

 

 

나머지 연산자(%)를 제외한 모든 산술 연산자는 피연산자로, 정수형이나 실수형 모두 사용할 수 있다. 단 , 첫 번째 피연산자를 두 번째 피연산자롤 나눴을 때의 나머지를 구하는 나머지 연산자의 피연산자는 항상 정수형(int, long, char 등) 이어야 한다.

 

Ex))



 

 

 

(3) 복합 대입 연산자

​

○대입 연산자를 산술 연산자나 비트 연산자와 결합해 복합 대입 연산자로 사용 할 수 있다. 복합 대입 연산자는 다음과 같이 동일한 변수명이 대입 연산자 좌우에 나타날 때 긴 대화문을 짧게 표현해주므로 코딩 시간을 줄여 준다.

​

변수명 = 변수명 op 식

=>> 변수명 op=식

op(연산자)

 

​

복합 대입 연산자

의미

a += b

a = a + b

a -= b

a = a - b

a *= b

a = a * b

a /= b

a = a / b

a %=b

a = a % b

a &= b

a = a & b

a |= b

a = a | b

a ^= b

a = a ^ b

a <<= b

a = a << b

a >>= b

a = a >> b

 

 

Ex))

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#include <stdio.h>
 
#include <stdlib.h>
 
 
 
int main(int argc, char *argv[])
 
{
      int x,y;
    x=y=5;
 
    printf("x=%d,y=%d\n",x,y);
    printf("x+=y의 결과는 %d\n\n",x+=y); //x=x+y
 
    printf("x=%d,y=&d\n",x,y);
    printf("x-=y의 결과는 %d\n\n",x-=y); //x=x-y
 
    printf("x=%d,y=%d\n",x,y);
    printf("x*=y의 결과는 %d\n\n",x*=y);//x=x*y
 
    printf("x=%d,y=%d\n",x,y);
    printf("x/=y의 결과는 %d\n\n",x/=y); //x=x/y
 
    printf("x=%d,y=%d\n",x,y);
    printf("x%%=y의 결과는 %d\n\n",x%=y);//x=x%y
 
  system("PAUSE"); 
   return 0;
 
}
 
 

 

 

 

 

 

(3) 관계 연산자

​

○피연산자 두 개의 크기를 비교하는 연산자로, 비교 연산자라고도 부른다. 관계 연산의 결과 값은 논리 값인 '참' 또는 '거짓'이다. C언어에서 "참(True)"을 숫다로 변환하면 1이며, "거짓(False)"은 0이다.

​

​

관계 연산자

의미

연산 결과

x > y

x가 y보다 큰가?

거짓(0)

x >= y

x가 y보다 크거나 같은가?

거짓(0)

x < y

x가 y보다 작은가?

참(1)

x <= y

x가 y보다 작거나 같은가?

참(1)

x == y

x가 y보다 같은가?

거짓(0)

x != y

x가 y보다 같지 않은가?

참(1)

 

 

Ex))

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
#include <stdio.h>
 
#include <stdlib.h>
 
 
 
 
int main(int argc, char *argv[])
 
{
 
      int x,y;
      //관계연산자 : 결과가 참이면 1, 거짓이면 0
 
      printf("두 정수를 입력하세요.>>");
 
      scanf("%d %d",&x,&y);
      
      printf("(%d > %d)의 결과는 %d입니다.\n",x,y,x>y); 
      printf("(%d < %d)의 결과는 %d입니다.\n",x,y,x<y); 
      printf("(%d >= %d)의 결과는 %d입니다.\n",x,y,x>=y); 
      printf("(%d <= %d)의 결과는 %d입니다.\n",x,y,x<=y); 
      printf("(%d == %d)의 결과는 %d입니다.\n",x,y,x==y); 
      printf("(%d != %d)의 결과는 %d입니다.\n",x,y,x!=y); 
 
  system("PAUSE"); 
 
   return 0;
 
}
 
 

 

 

 

 

(3) 논리 연산자

​

○논리값(참과 거짓)을 이용한 논리 연산 기능을 제공하며, 여러 조건을 함께 검사할 때 주로 사용 된다. C언어는 세가지 논리 연산자 AND(&&), OR(||), NOT(!)을 제공한다. 또한 논리 값이라는 자료형이 없기 때문에 수치 값 0은 논리값 거짓을, 0이 아닌 논리 값은 참을 대신한다.

x

y

x&&y

x||y

!x

거짓(0)

거짓(0)

거짓(0)

거짓(0)

참(1)

거짓(0)

참(1)

거짓(0)

참(1)

참(1)

참(1)

거짓(0)

거짓(0)

참(1)

거짓(0)

참(1)

참(1)

참(1)

참(1)

거짓(0)

 

​​ Ex))

​

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
#include <stdio.h>
 
#include <stdlib.h>
 
 
 
 
int main(int argc, char *argv[])
 
{
 
    printf("(참 && 참)의 결과는 %d입니다.\n",(100==100)&&(100 != 10)); //
    printf("(참 && 거짓)의 결과는 %d입니다.\n",(100==100)&&(100 != 100)); 
    printf("(참 || 거짓)의 결과는 %d입니다.\n",(100==100)||(100 == 10)); 
    printf("(거짓 || 거짓)의 결과는 %d입니다.\n",(100!=100)||(100 == 10)); 
    printf("(!참)의 결과는 %d입니다.\n",!(100 == 100)); 
    printf("(!거짓)의 결과는 %d입니다.\n",!(100 != 100)); 
 
  
 
  system("PAUSE"); 
 
   return 0;
 
}
 
 
 

 

 



​


 

'프로그래밍 > C' 카테고리의 다른 글

[C언어] 프로그래밍(1)_140324:: CHAPTER4_ 연산자_실습 예제 풀어보기  (0) 2014.05.23
[C언어] 프로그래밍(1)_140317:: CHAPTER3_ 입력과 출력_실습예제 풀어보기  (0) 2014.05.23
[C언어] 프로그래밍(1)_140313:: CHAPTER3_ 입력과 출력  (0) 2014.05.23

설정

,

트랙백

댓글

1 2 3 4
지역로그| 태그| 미디어로그| 방명록| 관리자| 쓰기
현더미's Blog is powered by Daum & Tattertools / Designed by Tistory

티스토리툴바