본문 바로가기

Code.D IT 강좌

[CSS] 한글 폰트 적용 - 웹 폰트 [CSS] 한글 폰트 적용 CSS에 폰트를 적용하기 위해선 두 가지 방법이 있습니다. 1) 웹 폰트 2) 자신이 가지고 있는 폰트 파일 이용 오늘은 웹 폰트를 적용하는 방법에 대해 알아보겠습니다. 웹 폰트 웹 폰트는 내 PC에 폰트 파일이 없어도 적용 가능합니다. 특정한 서버에 접속하여 파일을 내려받아 화면에 표현할 수 있죠. 대표적인 웹 폰트에는 Google Fonts가 있습니다. 누구나 무료로 사용할 수 있으며 무려 800종류 이상의 웹 폰트가 존재합니다. 구글 웹 폰트 적용하는 방법 https://fonts.google.com 구글 폰트 사이트에는 영어 글꼴만 존재합니다. https://fonts.google.com/earlyaccess 이 사이트는 한글을 포함하여 영어 이외의 글꼴을 제공합니다. .. 더보기
이클립스 한글 깨짐/한글 오류 복구 이클립스 한글 깨짐/한글 오류 복구 이클립스로 작업을 하다보면 간혹가다 한글이나 특정 문자가 깨지는 현상을 볼 수 있습니다. 위와 같은 현상은 주로 인코딩이 'EUC-KR' 또는 'MS949'로 설정되어있기 때문이죠.이러한 문제를 해결하기 위해서는 이클립스에서 인코딩을 'UTF-8'로 변경하면 해결됩니다.우선 'Window > Preferences'를 클릭합니다. 검색창에 'encoding'이라고 검색을 합니다. 위에서부터 하나씩 encoding을 'UTF-8'로 변경하도록 하겠습니다.'Content Types > Text'를 클릭하여 Default encoding: 'UTF-8'이라고 입력한 뒤 Update를 누릅니다. 'Workspace > Text file encoding > Other: UTF-8.. 더보기
프레임워크(Framework)란? 개념, 장단점, 종류 프레임워크라는 개념을 접하기 전에 '부트스트랩(Bootstrap)'이란 용어를 먼저 알게 되었습니다. 웹 프로젝트를 개발하기 위한 좋은 툴이라는 것을 듣게 되었죠.그래서 부트스트랩이 무엇인지 자료 조사를 해본 결과, '프레임워크'의 종류 중 하나라는 것을 알게 되었습니다.그렇다면 프레임워크란 무엇인가? Framework에 대한 개념을 먼저 잡아야겠다는 생각이 들었습니다. 프레임워크란? Gof의 디자인 패턴으로 유명한 랄프 존슨(Ralph Johnson)은 "프레임워크란, 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것"이라고 정의하였습니다.프레임워크란 용어를 아직 접하지 못하셨거나저를 포함하여 접한 지 얼마 안 되신 분들은 아마 이해하.. 더보기
구글 지도(Google Maps) API 사용법 구글 지도(Google Maps) API 사용법 오늘은 이클립스에서 구글 지도를 사용하는 방법에 대해 알아보도록 하겠습니다. 구글 지도를 사용하기 위해서는 구글 API가 필요합니다. 구글 검색창에 'google maps api'를 검색합니다. 'Google Maps API - Google Developers'를 클릭하여 접속합니다. 아니면 'https://developers.google.com/maps/?hl=ko'사이트로 접속합니다. 원하는 서비스를 클릭합니다. 저는 '웹'을 선택하도록 하겠습니다. 'Google Maps JavaScript API'를 선택합니다. 원하는 튜토리얼을 클릭합니다. 저는 '마커가 포함된 지도 생성'을 선택하도록 하겠습니다. 스크롤을 내려보시면 '체험해 보기' 아래에 코드가 .. 더보기
파비콘(Favicon) 만들기 & 적용 파비콘(Favicon)이란? Favorites icon의 줄임말로, 즐겨찾기 아이콘이라고 합니다.즐겨찾기에 추가할 시에 사이트 이름 옆에 아이콘으로 표시되는 것을 말하죠.웹 브라우저상에서는 주소창 옆에 작은 아이콘으로 표시됩니다.사이트를 잘 나타낼 수 있는 로고(Logo)의 역할을 하는 셈이죠. 백문이 불여일견.사진을 보여드리겠습니다. 파비콘의 형식 확장자는 .ico가 기본적이지만 png의 확장자로도 표현 가능합니다.사이즈는 보통 16x16픽셀이 기본규격이지만 32x32 사이즈로도 표현 가능합니다. 파비콘 만들어주는 사이트 파비콘은 이미지 파일이 아니고 아이콘 파일입니다.따라서 포토샵으로 jpg나 png등의 이미지 파일을 ico파일로 강제변경이 불가능합니다.이미지 파일을 ico파일로 만들어주는 사이트가 .. 더보기
[C언어 강좌] 포인터 변수/ Call by Value vs Call by Reference C언어 강좌 포인터 변수 포인터 C언어에서 가장 어렵고도 중요한 개념입니다.우리는 지금까지 '주소'의 존재를 간과하고 주로 데이터값을 중점적으로 프로그래밍 해왔습니다.그러나 컴퓨터의 관점에서 변수를 참조할 때, 주소를 먼저 참조한 뒤 데이터값을 참조하죠.우리는 택배 내용물만 관심이 있었지 택배를 보낼 주소에는 관심이 없었습니다.포인터 변수는 그 '주소'를 저장해줍니다.여기서 주소란 데이터의 저장 위치를 나타내며 &(엠퍼센트)로 표현합니다. 포인터를 사용해야 하는 이유 포인터는 데이터에 직접 접근하는 것이 아니라 간접적으로 접근합니다.(포인터 이외에도 함수 호출, 재귀함수 등등에서도 간접적으로 접근)데이터에 접근하기 전에 주소에 먼저 접근한 뒤 데이터를 꺼내옵니다.따라서 직접적인 사고방식보다 간접적인 사고.. 더보기
[C언어 강좌] 배열(1차원 배열, 2차원 배열, 3차원 배열) C언어 배열(1차원 배열, 2차원 배열, 3차원 배열) 배열 배열이란 같은 자료형을 가진 연속된 메모리 공간으로 이루어진 자료구조입니다. 나란히 나열한 변수 여러 개를 하나로 묶어 놓은 것이 배열입니다. 배열의 시작은 0부터 시작합니다. 배열은 반복문과 함께 사용 가능합니다. 배열 선언 후 초기화해주지 않으면 쓰레기 값이 출력됩니다. 1차원 배열의 선언 형식 자료형 배열명 [배열 크기 = 배열 길이]; int array [10]; Ex) int num0; int num1; int num2; . . . int num9; 위처럼 변수 여러 개(num0 ~ num9)를 하나로 묶어 주면, int num[10]; 처럼 코드 한 줄로 나타낼 수 있습니다. 코드를 간결하게 표현할 수 있기에 배열을 사용합니다. 배열.. 더보기
[C언어 강좌] 함수(function) C언어 강좌 함수(function) 특정 작업을 하는 일련의 코드를 하나의 이름(함수의 이름)으로 묶어 놓은 코드의 집합을 말합니다.함수는 입력 값을 받아서 처리한 후 하나의 결과값을 반환하는 역할을 합니다.함수를 사용하는 이유는 무엇일까요?한번 함수를 정의하면 언제든지 여러 번, 호출해서 실행할 수 있으므로 반복 작업에 많이 쓰입니다. 예를 들어보겠습니다. 과일을 짜서 음료수 즙을 만드는 코드를 작성한다고 상상합시다.함수를 사용하지 않는다면 일반적으로 아래와 같이 나타냅니다. 사과를 따는 코드 1;딴 사과를 짜서 즙으로 만드는 코드 1-1;오렌지를 따는 코드 2;딴 오렌지를 짜서 즙으로 만드는 코드 2-1;포도를 따는 코드 3;딴 포도를 짜서 즙으로 만드는 코드 3-1; 위와 같은 복잡한 코드를 함수를.. 더보기
fflush 함수, fflush(stdin)/fflush(stdout) 개념 제대로! C언어 강좌 fflush 함수, fflush(stdin)/fflush(stdout) 관련 글[C언어 강좌] scanf 함수/fflsuh 함수 위의 글에서 fflush함수를 대략적으로만 다뤘었죠.오늘은 개념을 조금 더 파고들어서, fflush(stdin)와 fflush(stdout)을 비교하여 다루려고 합니다.우선 시스템과 입·출력 장치와의 관계를 살펴보겠습니다. 표준 입력 함수를 사용할 경우 입력 버퍼를,표준 출력 함수를 사용할 경우 출력 버퍼를 제공받게 됩니다.한 번에 바로 입력받고 출력하면 되지 왜 굳이 임시로 데이터를 저장하는 버퍼를 만들까요?그 이유는 문자 하나하나를 입력받아서 바로바로 처리하는 것보다 버퍼에 데이터를 저장하여 쌓아둔 후 처리하면 일의 효율이 훨씬 높기 때문이죠! ※ 참고표준 출력.. 더보기
[C언어 강좌] 제어문 - 반복문(while문, for문, do~while문) C언어 강좌 제어문 제어문의 간단한 분류에 대해 알아보실 분은 아래의 링크를 확인해주세요![C언어 강좌] 제어문 - 조건문(if문, switch문) 반복문 코드상에서 동일한 문장을 여러 번 반복해서 출력해야 하는 경우라든가 1~100까지의 수를 1씩 증가하게 만들어야 하는 등의 반복작업을 해야 하는 경우가 있습니다. 이럴 때는 printf함수 100번을 사용하여 코드를 짜야 할까요? 이는 굉장히 비효율적이며 코드의 가독성이 상당히 떨어집니다. 그래서 나타난 것이 반복문입니다. 반복문의 종류에는 while문, for문, do~while문이 있습니다. while문 '~하는 동안'의 의미입니다.조건 값이 true인지 false인지 확인한 후, 조건식이 참인 동안 '수행 구문'을 반복해서 실행합니다.반복문 사용.. 더보기

티스토리툴바