Sujin's Dlog

made by 수지니 모각코 html/css 과정 step1 좋아하는 유튜브 소개하기 😆몽자 유튜브 링크 step2 위키 백과 만들기 HTML, CSS 본격 시작하기! step3 위키 백과 수정하기 웹 폰트 적용하기 step4 웹 페이지 생성하기 여러 방법으로 크기 적용하기 @import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto Serif KR', serif; }

소프트웨어 공학의 기본 원칙 품질 높은 소프트웨어 상품 개발 지속적인 검증 시행 결과에 대한 명확한 기록 유지 소프트웨어 생명 주기 ( = 소프트웨어 프로세스 모형 / 소프트웨어 공학 패러다임 ) : 소프트웨어를 개발하기 위해 정의하고 운용, 유지보수 등의 과정을 단계별로 나눈 것 폭포수 모형 : 한 단계가 완전히 끝나야만 다음 단계로 넘어가는 개발 방법론 ▶ 고전적 생명 주기 모형 ▶ 선형 순차적 모형 ▶ 단계적 정의와 산출물이 명확함 프로토타입 모형 : 사용자의 요구사항을 정확히 파악하기 위해 실제 개발될 소프트웨어에 대한 견본품을 만들어 최종 결과물을 예측하는 모형 ▶ 원형 모형 나선형 모형 : 폭포수 모형과 프로토타입 모형의 장점에 위험 분석 기능을 추가한 모형 ▶ 점진적 모형 ▶ 위험 관리가 중..

프로그래밍과 코딩 프로그래밍이란 '컴퓨터 프로그램을 작성하는 일'을 뜻하며 코딩이란 프로그래밍에 수반되는 '코드 작성 작업'을 의미한다. 프로그래밍은 '일반적으로 프로그램 작성 방법의 결정, 코딩(coding), 에러 수정 따위의 작업을 이르지만, 특수하게 코딩만을 이를 때도 있다. 프로그래밍 언어 이 부분의 본문은 프로그래밍 언어입니다 특정한 프로그래밍 언어로 쓰인 프로그램은 기계어로 번역되어 컴퓨터에 의해 실행되며, 어떤 프로그래밍 언어도 기계어로 번역이 가능하다. 어떤 언어에서는 기계어 대신 p-부호로 불리는 바리를 생성하기도 한다. 프로그래머가 기계 부호로 직접 작성하는 것도 가능하지만, 이는 굉장히 어려운 작업이다. 때문에 낮은 수준에서의 컴퓨터 제어가 필요한 경우 프로그래머들은 기계어 명령어에..

made by 수지니 모각코 html/css 과정 step1 좋아하는 유튜브 소개하기 😆몽자 유튜브 링크 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto Serif KR', serif; }

div{ width: 100px; height: 100px; background: pink; border-radius: 50%; } div{ border-width: 10px; border-style: solid; border-color: pink; width: 100px; height: 100px; } div{ border: 10px double deepskyblue; width: 100px; height: 100px; } div{ border-top: 10px solid deepskyblue; border-right: 10px double deeppink; border-bottom: 10px dotted greenyellow; border-left: 10px dashed plum; width: 100..

안녕하세요 ▶ 각각의 텍스트를 태그로 감싸줌 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); body{ background-color:darkgreen; } h1{ font-family: 'Noto Serif KR', serif; font-size:30px; } h1 span:nth-child(1){ color:red; } h1 span:nth-child(2){ color:orange; } h1 span:nth-child(3){ color:yellow; } h1 span:nth-child(4){ color:green; } h1 span:nth-child(5){ color:blue;..

태그 Paragraph : 문단을 지정하는 기능 문단 1 문단 2 태그 Line Break : 줄을 바꾸는 기능 문단 1 1. 내용 문단 2 2. 내용 태그로도 문장을 나눌 수 있다. 문단 11. 내용 문단 22. 내용 태그 Division : 영역을 나누는 기능 ( 한 페이지 내에서 영역을 지정 ) 태그 : 범위를 지정하는 기능 ( 영역을 나누거나 줄바꿈을 하지 않고 일정 범위를 지정 ) 내용 1 내용 2 내용 3 내용 4 → div는 자동으로 줄바꿈이 되지만 span은 줄바꿈이 되지 않음 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700&display=swap'); div{ font-family: 'Noto..

1. 구글 폰트 사이트에서 폰트 확인하기 fonts.google.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 한국어 폰트만 찾도록 Language를 Korean으로 변경 3. 원하는 폰트를 하나 골라 클릭 → 원하는 굵기의 폰트를 골라 select this style 클릭 4. 방식 / @import 방식으로 웹 폰트 불러오기 ▶ 방식 : html 파일 내 head 태그 안에 코드 복사해서 붙여 넣기 ▶ @import 방식 : 외부 스타일 시트(따로 분리한 css 파일)에 코드 복사해서 붙여 넣기 5. 웹 폰트 적용하기 : 위 캡쳐본에서 CSS rules t..

크기가 5인 실수형 배열에 실수를 입력받아 합계를 구하는 프로그램을 작성해보자. #define _CRT_SECURE_NO_WARNINGS #include int main(void) { double x[5]; int i; double sum = 0; printf("실수 5개를 입력하세요 : "); for (i = 0; i < 5; i++) { scanf("%lf", &x[i]); sum += x[i]; } printf("합계 : %f\n", sum); return 0; }

배열 원소를 가리키는 포인터를 이용해서 정수형 배열의 원소에 입력받은 정수를 더한 다음 출력하는 프로그램을 작성해보자. 배열의 크기는 10이고 {12, 54, 23, 43, 87, 31, 67, 92, 79, 7}으로 초기화해서 사용 #define _CRT_SECURE_NO_WARNINGS #include int main(void) { int x[10] = { 12, 54, 23, 43, 87, 31, 67, 92, 79, 7 }; int* p = x; int i; for (i = 0; i < 10; i++) { printf("%d ", x[i]); } int num; printf("\n정수 ? "); scanf("%d", &num); for (i = 0; i < 10; i++) { printf("%d ..