1. 레이아웃 설정 Nuxt.js를 통해 기본 레이아웃을 설정해보자. 앞서 웹앱을 설치하는 이유를 Navigation Bar와 같이 모든 페이지에서 공통적으로 쓰이는 요소의 개발을 위해 사용한다고 안내했다. 이제 설치는 완료가 되었으므로 실제로 구현을 해야한다. 그러기 위해서 사용하는 것이 바로 레이아웃 설정이다. Nuxt.js 공식 홈페이지를 살펴보면 다음과 같은 경우에 레이아웃을 사용하라고 안내가 되어 있다. - 사이드바를 포함할 지 또는 모바일 및 데스크톱을 위한 개별 레이아웃을 포함할지 여부와 같은 Nuxt.js 앱의 모양과 느낌을 바꾸고 싶을 때 레이아웃을 사용한다. 레이아웃에 대한 기본 설정은 레이아웃 디렉토리 안에 있는 default.vue에서 생성한다. 경로 : Layout > defaul..
제국의 분열과 유산의 파괴를 야기한 동유럽의 재앙 VS 지중해의 새로운 지배자 베네치아 공화국의 등장 3차 십자군 당시 서방 세력의 화려한 군단이 뭉쳤지만 실속은 없었다. 그나마 리처드의 노력 끝에 멸망 직전의 예루살렘 왕국을 간신히 살려 내는데에만 그쳤다. 세번의 십자군을 겪으면서 서방세력들은 십자군 자체에 대한 강한 회의감에 사로잡힌다. 군주들은 시간과 돈을 투자해 머나먼 중동으로 향했지만 전혀 소득 없이 돌아오는 것에 강한 불만을 표출했다. 하지만 교황청은 여전히 십자군 국가들을 유지시키고 싶었다. 100여년 가량 지켜온 예루살렘을 이슬람에게 빼앗긴데다가 십자군 국가도 매우 위태로운 상황이었다. 조금만 더 시간을 지체했다간 레반트 일대를 전부 이슬람 세력에게 내줄 위기감에 사로잡힌다. 이렇게 서방 ..
그리스의 반격 이탈리아 군의 공세를 막아낸 그리스 군은 반격을 계획한다. 그리스 군은 알바니아의 영토인 코르치아와 사란데로 향했다. 그리스 군의 총 사령관은 알렉산드로스 파파고스였다. 11월 22일 그리스가 코르치아를 점령했고, 11월 30일에 이르자 그리스 군은 알바니아의 영토 4분의 1일 점령한다. 바돌리오 원수가 걱정했던 부분이 정확히 맞아 떨어진 것이다. 그리스도 타국에 원정을 보낼 정도의 전투력을 보유하고 있지 않았다. 게다가 폭설이 내리고, 추위가 지속되자 그리스도 전쟁을 수행할 능력이 없었다. 그들은 12월에 들어서 알바니아 공세를 종료했다. 하지만, 그리스 국민들은 이탈리아를 저지한 것에 크게 열광 했다. 반면 이탈리아는 겨우 한달만에 그리스에서 공세를 실패하고 본국으로 돌아왔다. 그리스 ..
1. 사이트 구조 이제 실제로 프로젝트를 구성하고 사이트를 개발해보자. 우선 웹 어플리케이션 개발을 위한 영역을 크게 2가지로 나눌 수 있다. 첫번째 영역은 프론트엔드(Front-End)고 두번째 영역은 백엔드(Back-End) 이다. 프론트엔드는 사용자에게 보여지는 부분을 의미한다. 이 부분에서 생각되어지는 가장 중요한 요소는 사용자에게 데이터가 어떻게 보여질 것이고, 사용자의 정보를 어떻게 입력 받을지에 대한 고민이다. 그렇기 때문에 프론트엔드 개발자들은 단순히 기능적인 부분에 대한 고민을 넘어서 디자인적인 요소도 반드시 고려해야한다. 프론트엔드에서 주로 개발하게 되는 영역은 아래와 같다. 사용자들에게 보여줄 정보사용자들이 사이트에서 입력하게 되는 정보벡엔드에 있는 데이터를 어떤 형태로 바꿔 사용자에..
1. 웹 어플리케이션 구축 개발 공부를 하는데 있어 이론만 공부하는 건 정말 바보 같은 짓이다. 이 과정을 정말 재미도 없고 머리에 잘 들어오지도 않는다. 우린 앞서 3단계의 과정으로 Vue.js, Nuxt.js, Node.js를 배웠다. 각각의 개념에 대해 간략한 소개와 개발 환경 구축 방법을 배웠다. 그다음 간단한 문법과 작동 원리에 대해 배웠다. 앞서 배운것만 잘 응용한다면 우린 웹 어플리케이션 하나를 만들 수 있다. 하지만 노트북을 들고 어플리케이션을 막상 개발할려고 하니 쉽지가 않을 것이다. 특히나 개발을 한번도 안해본 사람들은 더더욱 그렇다. 이제 앞서 배운 이론들이 어떻게 적용되어 우리가 원하는 웹 애플리케이션이 되는지 살펴보자. 사이트 기획 전에 기초적으로 알아야할 사항을 복습해보자. 1)..
국가의 기강을 무너뜨린 신흥 세력에 대한 진압 VS 시대의 흐름을 타지 못한 조선의 가톨릭 대규모 탄압 병자호란이 끝남에 따라 조선은 청의 거대한 세력앞에 무릎을 꿇고 그들의 문화를 적극적으로 받아들인다. 서방세력과도 잦은 교역을 하던 청나라 였기에 조선 내부에서도 그들의 학문과 기술을 배워 힘을 길러야한다는 목소리가 커진다. 이 과정에서 자연스럽게 서방의 문물이 서서히 조선에 들어오기 시작한다. 그중에는 한문으로 작성된 성경 책도 있었다. 서구의 선교사들이 청의 백성들에게 선교하기 위해 작성한 것인데, 이 책이 조선에까지 들어오게된다. 이 책들이 재야 사이에 서서히 퍼지게 되고 권력에서 밀려난 남인들 사이에서 서학이라는 이름으로 유행하게 된다. 이들은 중국 선교사들에게 세례를 받기도 하면서 조선에 가톨..
1. Express-generator란? Express를 통해 우리는 편리하게 서버를 구축할 수 있었다. 지금까지 배운 Express를 이용해 배운 지식을 활용해 서버를 구축하게 된다면 다음과 같은 순서를 따르게 될 것이다. - Express 서버 구축 순서 1) express 패키지 설치 npm install express --save 2) express 객체 선언 1const express = require('express');cs 3) 서버 요청 만들기 1app.get('/', (req, res) => res.send('Hello World!'))cs 4) 라우팅 선언 1var router = express.Router();cs 5) 미들웨어 선언 1234app.use((req, res, next)..
베니토 무솔리니의 등장 이탈리아의 두체 베니토 무솔리니. 그는 1883년 7월 29일 이탈리아 북부에 있는 포를리의 작은 마을인 프레다피오에서 태어났다. 사회주의자였던 아버지의 영향을 받아 그는 어린 시절 자연스럽게 사회주의 사상에 물들게 된다. 매우 반항적인 아이었던 그는 교사에게 대들다가 퇴학을 당하기도 했지만, 워낙 학업 성적을 뛰어나 새 학교에서 우등생으로 졸업 할 수 있었다. 병역 기피를 위해 스위스로 이민을 갔지만, 스위스는 그를 추방했고 결국 어쩔 수 없이 이탈리아 군대에 지원해 1904년부터 1906년까지 2년간 군복무를 수행한다. 제대 후 오스트리아-헝가리 제국의 사회당에 들어가 활동을 이어가며 열렬한 사회주의 신봉자로 이름을 떨치게 된다. 그러던 와중 1914년 세계 1차대전이 발발하면..
바르바로사의 원정은 처음부터 삐걱거렸다. 동로마 제국의 이사키우스 1세는 쉽게 그들에게 길을 내줄 생각이 없었다. 사이가 안좋았던 양국은 애초에 서로에게 이득이 될 행위를 할 생각이 없었다. 화가난 바르바로사가 아드리아노플을 점령해버리자 어쩔 수 없이 도시를 반환 받는 조건으로 길을 터주게 된다. 바르바로사의 대군은 이크니온으로 향했다. 원래 신성 로마 제국과 룸 술탄국은 동맹 관계였지만, 서로의 이해관계 앞에서 적으로 변했다. 바르바로사의 대군은 룸 술탄국을 공략한다. 순식간에 이크니온을 점령한 십자군은 클르츠 아르슬란 2세의 항복을 받아내고, 통행권을 보장받게 된다. 십자군은 다음 목표인 아르메니아 지역으로 향했다. 그러던 와중 1190년 6월 10일, 바르바로사가 소아시아 지역의 살레프 강을 건너던..
1. 미들웨어 모듈 형태로 만들어진 라우터를 app.use에 등록하여 사용했다. 이번 시간에는 app.use 부분에 대해 알아보자. 해당 부분은 Express에서 미들웨어를 등록하는 부분이다. 사전에 정의된 미들웨어를 사용할 수도 있고, 사용자가 직접 미들웨어를 설계하여 등록할 수 도 있다. 미들웨어는 다음과 같은 일을 수행한다. 모든 코드를 실행요청 및 응답 오브젝트에 대한 변경을 실행요청-응답 주기를 종료스택 내의 그 다음 미들웨어 함수를 호출 미들웨어는 요청 객체, 응답 객체, next 객체 3가지를 인수로 가지게 된다. 만약 미들웨어가 요청과 응답이 끝나지 않는다면 다음 미들웨어 함수인 next 객체에 인자를 전달하게 된다. 만약 next 객체가 없다면 미들웨어는 정지한채로 동작을 멈추게 된다. ..