HTML5에서 추가된 유용한 태그 <meter>

이 포스트는 HTML5에서 추가된 <meter> … </meter> 태그에 관한 내용입니다. 이 태그는 HTML5에서 추가된 유용한 태그 <progress> 포스트에 설명한 <progress> 태그와 마찬가지로 수치 막대를 표시하기 위한 태그입니다. 다만 다른 점이 있다면, <progress> 태그는 진행 상황을 막대로 표시하기 위한 태그이고, <meter> 태그는 진행 상황이 아닌 것 중 미터로 나타내기 적합한 수치(알려진 범위 내에서의 스칼라 측정 또는 … 더 보기 “HTML5에서 추가된 유용한 태그 <meter>”

jQuery로 웹 사이트 내부 요소 추가하기

이 포스트에서는 웹 사이트에서 내부 요소를 추가하는 jQuery 코드에 대해서 서술합니다. 요소를 추가하는 방법은 추가 위치에 따라 다음과 같이 4가지로 분류할 수 있습니다. 형제 요소를 지정해서 해당 요소의 다음에 추가 형제 요소를 지정해서 해당 요소의 앞에 추가 부모 요소를 지정해서 해당 요소의 끝부분에 자식 요소로 추가 부모 요소를 지정해서 해당 요소의 첫부분에 자식 요소로 추가 … 더 보기 “jQuery로 웹 사이트 내부 요소 추가하기”

C언어의 포인터 설명 (배열 접근)

이 포스트에서는 C언어에서 포인터로 배열에 접근하는 방법을 설명합니다. 우선 다음 코드를 봅시다. 다음 코드는 2020년 정보처리기사 실기시험 문제로 출제된 바 있는 C언어 코드입니다. #include <stdio.h> int main() { char *p = “KOREA”; printf(“%s\n”, p); printf(“%s\n”, p+3); printf(“%c\n”, *p); printf(“%c\n”, *(p+3)); printf(“%c\n”, *p+2); } 이 코드는 다음과 같이 실행됩니다. KOREA EA K E M 이렇게 나오는 … 더 보기 “C언어의 포인터 설명 (배열 접근)”

스크롤바 모양 바꾸는 CSS

이 포스트에서는 스크롤바의 모양을 바꾸는 CSS에 대해서 서술합니다. 다음 HTML 코드를 봅시다. <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <title>Scrollbar CSS Sample</title> <meta http-equiv=”X-UA-Compatible” content=”IE=edge” /> <style type=”text/css”> /* Webkit (Chrome, Edge, Opera, Safari) */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background-color: #aaa; } ::-webkit-scrollbar-thumb { background-color: … 더 보기 “스크롤바 모양 바꾸는 CSS”

C++의 변수 입력 예제

C++의 Hello, world! 예제 편에서 iostream 라이브러리를 통해 오리지널 C언어의 printf() 함수를 대신해서 std::cout 객체를 사용해 콘솔에 텍스트를 출력하는 방법을 알아보았습니다. 여기서는 iostream 라이브러리를 통해 입력받은 값을 변수에 대입하는 방법을 알아보기로 합니다. 먼저, 오리지널 C언어로 된 다음 코드를 봅시다. #include <stdio.h> struct Profile { char name[20]; int age; }; int main() { struct Profile pr; … 더 보기 “C++의 변수 입력 예제”

C++의 Hello, world! 예제

C++의 Hello, world! 문구를 출력하는 프로그램 예제입니다. 먼저, 오리지널 C언어에서 Hello, world! 문구를 출력하는 프로그램의 소스를 보겠습니다. #include <stdio.h> int main() { printf(“Hello, world!\n”); return 0; } 이 소스코드는 C++에서도 실행이 가능합니다. 또한, C++에서는 라이브러리를 <cstdio>로 써도 <stdio.h>로 쓴 것과 같습니다. C++에서는 이 stdio.h 라이브러리와 거의 같은 기능을 하는 라이브러리로 iostream이 있습니다. 속도는 다소 느려지지만, … 더 보기 “C++의 Hello, world! 예제”

C언어에서 콘솔의 키 입력 받기 (윈도우즈)

이 포스트에서는 C언어에서 콘솔의 키 입력을 처리하는 방법을 설명합니다. 참고: 이 방법은 윈도우에서만 가능한 방법입니다. 여기에 사용된 <conio.h> 라이브러리는 윈도우만 지원하는 비표준 라이브러리입니다. 따라서 리눅스에서는 다른 방법으로 구현해야 합니다. 윈도우의 경우는 GUI 기반 프로그램이 주류이고 TUI는 옛 DOS 시절의 프로그램이나 리눅스 등에서 주로 볼 수 있습니다. 하지만 윈도우에서도 명령 프롬프트 창을 기반으로 돌아가는 TUI 프로그램이 … 더 보기 “C언어에서 콘솔의 키 입력 받기 (윈도우즈)”

C언어로 만든 간단한 가위바위보 게임

C언어로 만든 간단한 가위바위보 게임 소스입니다. 포트폴리오를 전시하기 위한 프로젝트의 일환으로, 워밍업 차원에서 C언어 콘솔 게임을 간단하게 만들어 본 것입니다. 게임을 세팅, 진행, 종료의 세 부분으로 나눠서 각 부분에 함수를 하나씩 선언하였고, 게임 진행에 필요한 변수는 구조체 형태로 선언한 후 포인터를 이용해 각 게임 함수를 넘나들며 해당 변수에 접근할 수 있도록 하였습니다. 게임 방법은 먼저 … 더 보기 “C언어로 만든 간단한 가위바위보 게임”

C언어에서 배열로 문자열 다루기

C언어에서 배열로 문자열을 다루는 방법을 설명합니다. C언어는 자바나 파이썬 등과는 다르게 문자열(string) 자료형이 따로 존재하지 않습니다. 그 대신 문자(char) 자료형이 있어서 문자의 배열로 문자열을 이루게 됩니다. C++에서는 string 클래스가 있어서 문자열을 편리하게 다룰 수 있지만, 오리지널 C에서는 문자의 배열 형태로 다루게 됩니다. 다음 코드를 봅시다. #include <stdio.h> int main() { char gfriend[6][6] = { “Sowon”, … 더 보기 “C언어에서 배열로 문자열 다루기”

파이썬으로 소인수분해 알고리즘 구현하기

이 포스트에서는 파이썬으로 소인수분해 알고리즘을 구현한 예를 소개합니다. 다음 코드를 봅시다. n = input(“2 이상의 자연수를 입력하세요: “) try: n = int(n) except ValueError: n = 0 if n >= 2: # Right print(“소인수분해할 수는 %d입니다.” % n) factorized_array = [] # Init m = n div, deg = 2, 0 while m > 1 … 더 보기 “파이썬으로 소인수분해 알고리즘 구현하기”