전체 글

보호되어 있는 글입니다.

들어가면서C에서는 문자열 상수를 선언할 때 꼭 배열의 길이를 지정해야만 하였다. 하지만, C++에서는 새로운 string 자료형을 사용하면 문자열 길이를 지정할 필요 없이 자동으로 지정하게 된다. (참고로 더 정확히 말하자면 string은 기본타입이 아닌 클래스이다. 편의상 string 자료형이라고 설명하겠다.) 이러한 편리한 string 자료형에 대해 이번 글을 시작해보겠다.string자료형의 특징 알아보기C에서는 문자 상수와 문자열 상수를 각각 따로 선언을 하였다면, C++에서는 string 자료형 하나만으로 문자 상수 또는 문자열 상수를 한 번에 선언할 수 있다. 또한, string 자료형은 변수 선언시 작은 따옴표('')를 사용하지 않고 모두 큰따옴표("")를 사용하는게 특징이다. 더불어, str..

들어가면서 1.C++에서는 printf, scanf 함수 대신 cout(console output)와 cin(console input) 객체를 사용한다. 2.C++에서는 include 파일이 대신 (input ouput stream) 라이브러리를 사용하게 된다. 이에 따라, C에서 printf, scanf는 함수였지만 이에 대응되는 C++에서는 cout, cin은 스트림 객체를 의미한다. 3.또한, C++ 표준 입출력 객체를 다룰 때 'std'라는 '네임 스페이스'를 사용하게 된다. 4.여기서, '네임스페이스(name space)'란 C++에서 이름 충돌을 방지하고 코드를 구조화할 때 사용하는 이름 저장공간을 뜻한다. std::cout

보호되어 있는 글입니다.

출처 : https://gurtn.tistory.com/54 설계(HTML, CSS, JS) HTML(index.html) 1.크게 header와 main으로 나뉜다. 2.header에서는 지난달, 다음달 이동 버튼과 현재 월을 출력하는 텍스트로 구성되어 있다. header는 flex container를 사용하였다. 3.main에서는 달력의 기본요소인 요일과 일수를 출력하고 일정이 있으면 같이 출력된다. main은 grid container를 사용하였다. 일 월 화 수 목 금 토 CSS(style.css) 1.grid 클래스에서 grid를 지정하고 grid-template-columns에서는 7개의 열을 지정해 달력의 형태를 만들었다. * { margin: 0; padding: 0; list-st..

들어가면서 1.일반적으로 하나의 태그에는 하나의 class를 가진다. 2.하지만, 하나의 태그에 여러 개의 클래스를 선언해 CSS 스타일을 독립적으로 혹은 집단적으로 적용할 수 있다. 하나의 태그에 여러 개의 class 선언하기 1.하나의 태그에 여러 개의 class 선언은 '띄어쓰기'로 구분한다. 일 월 화 수 목 금 토 1)위 예제에서 2번째줄 코드와 12번째줄 코드간 grid라는 클래스를 서로 공유하고 있고 각각 서로 다른 date-title클래스와 date-board클래스를 가지고 있다. .grid { display: grid; grid-template-columns: repeat(7,1fr); grid-gap: 5px; padding: 20px; } /* 그리드 각 블록을 div로 정의한다. *..

객체 지향 패러다임 1.'객체'란 속성과 메서드를 갖는 것을 의미한다. 이때, 속성(property)은 key-value 쌍을 의미하고 메서드는 속성 중 자료형이 함수인 경우를 말한다. 2.'객체 지향 패러다임'이란 '객체'를 우선적으로 생각해 프로그램을 만드는 방법론을 의미한다. 3.'객체 지향 프로그래밍 언어'는 '클래스'라는 문법으로 '객체'를 효율적으로 안전하게 만들어 프로그래밍을 용이하게 해준다. 4.'추상화'를 통해 필요한 객체를 선언하고 '클래스'를 통해 객체들을 관리하고 가공할 수 있게 된다. 이때, '추상화'란 프로그램에 필요한 요소만 사용해서 객체를 표현하는 것을 의미한다. 5. C를 제외한 모든 프로래밍 언어는 '객체 지향(Object Oriented)'이라는 패러다임을 기반으로 만들..

들어가면서 1.'그리드 레이아웃(grid layout)' 2차원 방식으로 효과적으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성이다. 2.이때, '2차원 방식'이란 가로(row)와 세로(column)를 같이 사용해 레이아웃을 설계하는 방식을 말한다. 그리드는 플렉스보다 더 폭 넓게 레이아웃을 설계할 수 있다. 3.가로(row)와 세로(column)는 각각 행과 열로 표현되며 표를 만들 수 있다. HTML에서 grid-container 태그 생성하기 1.HTML에서 부모 태그가 되는 그리드 박스와 자식 태그가 되는 그리드 아이템을 생성한다. 2.각각의 그리드 아이템은 부모 태그인 그리드 박스의 CSS 속성에 영향 받는다. ... item-1 item-2 item-3 item-4 ... CSS에서 gri..

들어가면서 1.'플렉서블 박스 레이아웃(flexible box layout)'은 1차원 방식으로 효과적으로 레이아웃을 설계할 수 있도록 고안된 스타일 속성이다. 2.이때, '1차원 방식'이란 가로(row)나 세로(column) 중 한 방향으로만 레이아웃을 설계하는 방식을 말한다. 3.플렉스 박스를 사용하기 위해서는 HTML에서 태그를 생성하고 CSS에서 플렉스 박스를 선언해야만 한다. HTML에서 flex-container 태그 생성하기 1.HTML에서 부모 태그가 되는 플렉스 박스와 자식 태그가 되는 플렉스 아이템을 생성한다. 2.각각의 플렉스 아이템은 부모 태그인 플렉스 박스의 CSS 속성에 영향을 받고 동등하게 움직인다. ... item-1 item-2 item-3 item-4 ... CSS에서 f..

HTML CSS -display:inline or inline-block : 요소를 가로로 정렬한다. 만약, ul태그안 li태그에 inline or inline-block를 적용하면 세로로 정렬된 태그들이 가로로 정렬된다. 더불어, inline 속성이 적용되면 li태그에 태그 기호도 사라지게 된다. 여기서, inline 요소는 같은 줄에 포함되는 것을 의미한다. -display:none/block/inline/inline-block: none 설정시 화면에서 보이지 않음. block 설정시 블록으로 설정. inline 설정시 인라인 박스로 설정. inline-block 설정시 블록과 인라인 박스의 중간 형태로 설정. 이때, block은 기본적인 div가 갖게 되는 값으로, 설정하면 width:100%으로..