본문 바로가기

전체 글209

[CSS] 웹 문서 배경(Background) 목차 CSS로 웹 문서의 배경을 아름답게 꾸미기: 색상부터 그러데이션까지 🎨🖼️ 안녕하세요, 디자인 애호가 여러분! 🌟 웹 페이지는 그 내용만큼이나 그것을 감싸고 있는 배경의 중요성도 큽니다. 오늘은 웹 페이지의 배경을 어떻게 아름답게 꾸밀 수 있는지, CSS의 마법으로 함께 알아보겠습니다. 1. 배경색 지정하기 웹 요소의 배경색을 지정하려면 background-color 속성을 사용합니다. body { background-color: #f5f5f5; /* 회색 배경 */ } 2. 배경 이미지 사용하기 웹 요소의 배경으로 이미지를 사용하려면 background-image 속성을 활용합니다. body { background-image: url('path-to-image.jpg'); } 배경 이미지 반복: .. 2023. 10. 13.
2023년 2회 정보처리기사 실기 목차 2023년 2회 정보처리기사 실기 가독성을 위해서 정답은 청록색으로 표기하겠습니다. ￭ 문제 1 다음은 C언어 코드의 출력값이 아래의 조건에 만족하도록 괄호 안에 알맞은 코드를 작성하시오. 조건 입력값 : 54321 출력값 : 43215 int main(void) { int n[5]; int i; for(i = 0; i < 5; i++) { printf("숫자를 입력해주세요 : "); scanf("%d", &n[i]); } for(i = 0; i < 5; i++) { printf("%d",()); } return 0; } 더보기 n[(i + 1) % 5] ￭ 문제 2 다음은 자바 코드 문제입니다. 가지고 있는 돈이 총 4620원일 경우 1000원, 500원, 100원, 10원의 지폐 및 동전을 이용.. 2023. 10. 2.
[CSS] 웹 문서 레이아웃(Layout) 목차 CSS 웹 문서 레이아웃: 웹 페이지를 예술작품으로 만들기 🎨🏛️ 안녕하세요, 디자인 애호가 여러분! 🌟 웹 페이지는 단순한 텍스트와 이미지의 모음이 아닌, 하나의 예술 작품입니다. 오늘은 웹 페이지의 레이아웃과 웹 요소의 위치 조정을 통해 이 작품을 어떻게 완성시킬 수 있는지 함께 알아봅시다. 1. 웹 문서 레이아웃의 기본 레이아웃은 웹 페이지의 기본 구조와 틀을 의미합니다. 이 구조를 잡아줄 몇 가지 핵심 CSS 속성들이 있습니다. Display: 이 속성은 요소가 화면에 어떻게 표시될지를 결정합니다. 주요 값으로는 block, inline, inline-block, flex, grid 등이 있습니다. Position: 요소의 위치를 조절합니다. static, relative, absolute,.. 2023. 9. 8.
[CSS] 테두리(Border), 여백(Margin) 목차 CSS로 테두리와 여백 꾸미기: 웹 페이지의 테두리부터 바깥 공간까지 🖼️🌌 안녕하세요, 디자인 애호가 여러분! 🌟 웹 페이지의 각 요소를 마치 작은 그림처럼 프레임으로 감싸거나, 그 요소들 사이에 얼마나 빈 공간을 줄 것인지 결정하는 것, 이것이 바로 오늘의 주제입니다. 오늘은 CSS에서 테두리(border)와 여백(margin)에 대해 함께 알아보도록 하겠습니다. 1. 테두리(Border) 꾸미기 테두리는 웹 요소의 바깥쪽을 둘러싸는 선입니다. 이 테두리는 선의 스타일, 색상, 두께 등을 지정할 수 있습니다. 스타일: border-style을 사용해 여러 스타일의 선을 선택할 수 있습니다. 예를 들면, solid, dashed, dotted 등이 있습니다. .box { border-style: .. 2023. 9. 8.
[CSS] 박스 모델(Box) 목차 CSS 박스 모델: 웹 페이지의 빌딩 블록 이해하기 📦✨ 안녕하세요, 웹 디자인 애호가 여러분! 🎨 오늘은 CSS의 핵심 개념 중 하나인 '박스 모델'에 대해 알아보겠습니다. 웹 페이지의 각 요소는 마치 박스처럼 취급되고, 이 박스들이 어떻게 구성되는지를 이해하는 것은 CSS 디자인의 기본입니다. 1. 박스 모델이란? 박스 모델은 웹 페이지에서 객체를 표현하는 모델을 의미합니다. 각 요소는 마치 박스로 감싸져 있는 것처럼 여러 개의 속성(패딩, 테두리, 마진 등)을 가질 수 있습니다. 2. 박스 모델의 주요 구성요소 콘텐츠(Content): 실제 내용(텍스트, 이미지 등)이 들어가는 영역입니다. 패딩(Padding): 콘텐츠와 테두리 사이의 공간입니다. 이 공간에는 배경색이 적용됩니다. .box {.. 2023. 9. 8.
[CSS] 표 스타일(Table) 목차 CSS로 웹 페이지의 표를 화려하게 꾸미기 🎨📊 안녕하세요, 디자인 애호가 여러분! 🌟 오늘은 웹 페이지에 표(table)를 아름답게 디자인하는 방법에 대해서 알아보겠습니다. 표는 데이터를 정리하고 보여줄 때 굉장히 유용하지만, 기본 디자인만으로는 부족하게 느껴질 때가 많습니다. CSS의 마법으로 표를 더욱 생동감 있게 만들어봅시다! 1. 표의 테두리(Border) 스타일링 표와 각 셀의 테두리를 디자인하려면 border 속성을 활용합니다. 아래는 표 전체와 각 셀에 테두리를 적용하는 방법입니다. /* 표 전체에 대한 테두리 */ table { border-collapse: collapse; /* 셀 테두리를 하나로 합침 */ width: 100%; border: 2px solid black; } .. 2023. 9. 8.

티스토리툴바