03. 생성자와 소멸자 생성자 C++에서 생성자(Constructor)를 이용해 객체를 생성함과 동시에 멤버 변수를 초기화 할 수 있다. 생성자는 특별한 메소드로 클래스 이름과 동일한 이름으로 구현된다. 생성자의 특징 생성자는 반환값이 없음 생성자는 여러번 정의 될 수 있음(매개변수 다양화) #include #include using namespace std; class Character { private: string name; int ragePoint; int hp; int damage; public: Character(string name, int hp, int damage) { this->name = name; this->ragePoint = 0; this->hp = hp; this->damage..
02. 클래스 구조체와 클래스 일반적으로 C++의 클래스는 구조체보다 효과적인 문법이며 거의 흡사하지만 클래스에서는 내부적으로 함수 등을 포함할 수 있다. 또한 클래스는 상속(Inheritance) 등의 개념을 프로그래밍에서 그대로 이용할 수 있다는 점에서 객체 지향 프로그래밍을 가능토록 해주는 기본 단위이다. 구조체 #include #include using namespace std; struct student { string name; int score; }; int main(void) { struct student a; a.name = "Jarvis"; a.score = 100; cout
01. C와 C++ 비교 C와 C++ 차이점 및 특징 C++ 파일도 C와 동일하게 Visual Studio 상에서 손쉽게 만들 수 있다. 프로젝트를 생성한 뒤 소스파일에서 오른쪽 클릭 후 추가 - 새항목을 선택한 뒤 'main.cpp'와 같이 명명하여 추가하면 된다. iostream iostream 라이브러리는 C++ 표준 입출력 라이브러리이며 C의 stdio.h와 흡사하게 사용된다. 과거에는 iostream.h로 쓰였지만 최신 C++ 문법에서는 .h를 붙이지 않는다. #include using namespace std; int main(void) { cout 와 는 공백 문자(Space, Enter, Tab)을 기준으로 입력받는다. #include #include int main(void) { std:..
React.js를 공부하다가 포트폴리오 겸 공부 겸 연습도 할겸 여러 소스도 많고 공부할 요소가 많은 SNS로 선정해서 공부하게 되었습니다. 사용한 기술스택은 간단하게 요약하자면 MERN으로 MONGODB, Express, React.js, Node.js 입니다. (MERN) 첫번째로 위에 사용할 라이브러리들을 설치해줍니다. https://www.mongodb.com/try/download/community https://nodejs.org/en/download/current/ 설치가 완료되었으면 본격적으로 들어가겠습니다. (Node와 관련된 것은 이전에 포스팅을 해두었습니다.) 각자 사용할 편집기를 열기 전에 먼저 cmd로 진행하겠습니다. cd desktop -> desktop으로 이동 yarn cre..
https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org LTS 버전으로 설치하시는게 좋습니다. 설치가 완료되시면 아래 커맨드를 이용해 설치가 잘 되었는지 확인하실 수 있습니다. node --version 프로젝트 생성하기 원하시는 위치에 프로젝트 디렉터리를 생성해주시고 프로젝트 루트 폴더에서 아래 커맨드를 실행해주세요. npm init -y npm 은 nodeJS에서 여러 패키지들을 설치하고 관리할 때 사용되는 패키지 매니저로 위 커맨드를 실행할 시 프로젝트 폴더 내에서 package.json이라는 파일이 생성될 겁니다. 강의를 진행하며 npm을 사용해 패..
class TempComponent extends Component{ constructor(props){ super(props); } render(){ return(); } } React에서 Component를 생성할 때 state 값을 초기화하거나 메서드를 바인딩할 때 construcotr()를 사용합니다. React의 Component의 생성자는 해당 Component가 마운트 되기 전 호출됩니다. React.Component를 상속한 컴포넌트의 생성자를 구현할 때는 super(props)를 선언을 권고하고 있습니다. 이유는 this.props 사용 시 생성자 내에서 정의되지 않아 버그 발생 가능성이 생기기 때문입니다. class TempComponent extends Component{ constr..
vs code 터미널에서 작성 작업 디렉토리 생성 $ mkdir movie 프론트엔드와 백엔드 작업을 하게 될 작업디렉토리를 생성한다. Frontend 작업디렉토리 생성 및 front 서버 실행 $ npm install -g yarn $ npm install -g @vue/cli $ vue create frontend $ cd frontend $ npm run serve npm 명령으로 vue.js 개발을 위해 필요한 패키지를 설치한다. 그리고 vue create 명령을 이용해 frontend 디렉토리를 생성하고, 새로 생성된 frontend 프로젝트 디렉토리에서 서버를 실행하고 브라우저에서 http://localhost:8080에 접속하면 다음과 같은 페이지를 확인할 수 있다. 위와 같이 페이지가 정상..
'템플릿엔진'이란? 웹 프로그래밍을 할 때 주로 사용하는 마크업 언어인 HTML은 정적인 언어이다. 따라서 Javascript로 표현하면 반복문으로 간단하게 처리할 수 있는 동적 연산을 HTML으로만 표현하게 되면 일일이 직접 적어주어야 하는데, 이런 과정이 불편해서 나온것이 '템플릿엔진' 이다. 템플릿 엔진은 Javascript를 사용해서 HTML을 렌더링할 수 있게 도와주는 도구이다. 템플릿엔진의 종류 Pug(Jade) EJS Handlebars ...... 템플릿엔진에는 굉장히 다양한 종류가 있지만, 대표적으로는 Pug와 EJS를 많이 사용한다. Pug(Jade) 예전 이름인 Jade로 더 유명한 Pug는 꾸준히 많은 인기를 얻고 있는 엔진이다. Pug 구조와 HTML 구조 비교 doctype ht..