교황과 그리스도의 부흥을 위한 성스러운 전쟁 VS 성지에 미쳐버린 가톨릭의 광란의 이슬람, 유대인 학살 전쟁 동로마 제국의 황제 로마노프 4세가 만지케르트 전투에서 셀주크의 술탄 알프 아르슬란에게 대패했다. 로마 제국의 후예를 자처하며 번영을 이끌던 동로마 제국도 쇠퇴의 길을 걷기 시작했다. 그들의 수도 콘스탄티노플 (현 이스탄불)도 더이상 안전하지 못했다. 셀주크 재국은 레반트 지역 깊숙히 들어와 콘스탄티노플을 코앞에 두고 동로마 제국을 압박했다. 그들의 운명은 얼마 남지 않은것 처럼 보였다. 반면 바티칸의 교황청의 기세는 나날이 강해졌다. 신성로마제국의 황제 조차 자신의 왕권을 지키기 위해 교황 앞에서 무릎을 꿇고 빌었다. 로마 시대에 교황청을 세운 이후 가장 강력한 교황권이 유지되고 있었다. 유럽의..
1. Nuxt.js란? Nuxt.js는 Vue.js 애플리케이션 개발을 보다 강력하고 사용하기 쉽게 만들어 주는 프레임워크이다. 우리는 앞서 Vue.js가 어떻게 구성되고 웹 어플리케이션으로 만들어 지는지 확인해보았다. 이후 개발자들은 조금 더 빠른 개발 속도를 위해 Vue.js를 빠르게 적용하는 방법을 고안했고, 이를 프레임워크로 만들었다. Nuxt.js 개발자들이 소개하고 있는 Nuxt.js의 목표는 다음과 같다. Nuxt.js의 주요 범위는 클라이언트/서버 배포를 추상화 하는 동안의 UI Rendering이다.Node.js 기반의 프로젝트 혹은 기본 프로젝트 베이스로 사용할 수 있을 만큼의 유연한 프레임워크를 만드는 것이다.Nuxt.js는 Vue.js 애플리케이션 서버 렌더링을 보다 즐겁게 개발하는..
나쁜 인성은 빨리 드러나고, 훌륭한 인성은 천천히 드러난다. 주변 사람들을 지켜보면 인성이 참 별로라고 하는 사람들은 참 많이 보는데 막상 인품이 좋다는 사람은 극히 드물다. 처음에 서로를 잘 모를 때야 만났을 때 그냥 넘어갈 수도 있는 문제들이 친해지면서 속속히 드러나게 된다. 그리고 이 단점들은 여러가지 이유라 그 사람에 대한 인성을 깍는데 기여한다. 타인에대한 환상은 쉽게 무너진다. 그리고 이런 나쁜 인성은 순식간에 드러난다. 사소한 행동 하나로 저 사람이 참 별로라고 느낀다. 반면 인성이 좋은 사람들은 그 인성이 평판으로 이어지기 까지 오랜 시간이 걸린다. 아무리 우리가 타인에게 좋은 행동을 해도 그 사람이 좋은 사람이라고 느끼게 될때까지는 시간이 오래 걸린다. 왜 그럴까? 사람은 참 조급하다. ..
영국 공군의 야전 지휘관, 키스 파크 독일은 지속적으로 영국의 비행장을 공략해왔다. 독일 군의 공격은 프랑스와 인접한 영국 남동부 비행장이 주 목표였다. 해당 지역을 담당하는 공군 사령관은 영국 제11비행단 지휘관 키스 파크 소장이었다. 1차대전 에이스 조종사 출신인 키스 파크는 독일 공세를 막기위해 Big Wing 전술을 도입하게 된다. 이 전술은 일렬로 퍼진 기존의 항공 편대와 다르게 좌우측에 힘을 실어 적의 전진을 지연시킨다. 그 사이 적 항공기를 격추시키는 전술이었다. 기존의 일률적인 공군 전술을 깬 획기적인 전술이었다. 이를 이용해 키스 파크 소장은 적은 병력으로 많은 독일 항공기를 잡아 낼 수 있었다. 비록 영국 조종사들은 독일 보다 3배가 넘게 출격해야 하는 전술이었지만, 영국 입장에선 유일..
웹사이트를 살펴보면 일정한 양식으로 반복되는 객체를 볼 수 있다. 쇼핑몰에서 상품을 소개할 때 보면 일정한 양식으로 반복되는 객체를 쉽게 찾아 볼수 있다. 상품에 대한 사진, 가격, 이름 등 해당 상품에 필요한 필수 정보들을 담고 있어야 한다. 상품에 대한 정보를 데이터베이스에 넣고, 데이터를 부를 수 있는 변수를 지정한다. 그리고 변수를 객체로 넣어주면 자동으로 계산되어 웹 사이트가 만들어 진다면 이를 쉽게 구현할 수 있다. 위에 사진과 동일하게 3개의 반복되는 객체를 만들게 된다면 이를 컴포넌트로 제작 할 수 있다. 위 사진을 컴포넌트를 사용하지 않고, HTML으로 작성하면 아래와 같다. 123456789101112131415 Components box 1 button1 button2 Componen..
1월 기리보이 - 관종(Prod. By 기리보이, Johnny) (Feat. THAMA) 사람에 대한 회의감이 들었을때.첨엔 정말 좋고 즐거운 사람이라고 생각했는데 자꾸 나한테 무례한 요구를 하더라.내 일에 너무 방해가 될거 같아서 그 사람과의 인연을 아예 끊어 버렸다.원수는 직장에서 만난다는 말이 왜 나왔는지 알게 되었다.그 사람을 마주치지 않으려고 피해다녔다.그러면서 그 사람이 내가 잘 살고 있다는 걸 어떻게든 알아 줬으면 좋겠더라. “많은 관심을 받고 싶어, 너에게 소식이 닿을 만큼” 2월 Hi-Lite Records - Air 취미 생활에 대해 고민을 한 시기일만 하다 보니까 자꾸 눈이 딴데로 돌아갔다.그리고 예술이 정말 인생에 필요한 것이구나 느꼈다.그래서 취미에 대한 계획을 세웠다.여행 계획이..
외세의 힘을 끌어들여 성공한 반쪽짜리 통일을 만든 왕 VS 외교술로 절체절명의 신라를 구하고 삼국을 정복한 명군 이번엔 삼국시대 인물 한명을 다뤄보도록 하자. 한반도의 역사를 보면 몇번 시대적 흐름이 크게 바뀐 적이 있는데 오늘 알아볼 인물 역시 이 흐름을 바꾸는데 크게 일조한 인물 중 한명이다. 심지어 우리나라 역사상 유래를 찾아보기 힘든 통일 군주이다. 어찌보면 한반도 역사에 가장 큰 영향력과 위대한 업적을 남긴 인물이다. 이런 인물이라면 국민으로 부터 영웅적인 찬사를 받고 으레 지폐 모델이 되어야 무방할 것 같다. 하지만 이 사람의 평가를 보면 극과 극으로 나뉜다. 누구는 앞서 말했듯이 한번도 역사에 위대한 역사를 세운 왕이라고 말하고, 누구는 대한민역 역사에 가장 안좋은 영향을 끼친 인물이라고 말..
클래스 바인딩과 스타일 바인딩은 말 그래도 HTML 속성에 있는 클래스와 스타일을 Vue.Js로 바인딩 하는 것을 의미한다. 우리가 CSS로 만든 클래스나 스타일이 만들고, 우리가 원하는 액션을 취할 때마다 클래스와 스타일 변경이 가능하도록 만들어 주는 기능이다. 주로 액션에 따른 웹 디자인 변화에 쓰이게 된다. 1. 클래스 바인딩 앞서 만들었던 예제에서 버튼을 CSS를 활용 해 위와 같은 디자인으로 변경했다. 이번엔 Number라는 숫자가 음수를 허용해서는 않게 만들기 위해 Minus 버튼을 Number가 0이 되는 경우 더이상 작동하지 않도록 만든다고 가정해보자. 우선 위의 버튼에 CSS는 아래와 같다. 1234567891011 .btn{ height: 30px; width: 80px; font-si..
1940년 6월, 지옥불 모퉁이 7월 10일 바다사자 작전 이전에도 양국은 이미 도버해협에서 전초전을 진행했다. 양국 모두 이 시기에는 전력을 다 할 수 없는 상황이었기 때문에 전력을 다하진 못했다. 하지만 독일 군 입장에서는 도버 해엽에서의 제공권 장악이 필요했고, 영국 역시 제공권 수호가 필요했다. 게다가 영국은 아직 이렇다할 공중 전투를 경험해보지 못해 본격적으로 본토에서의 항공전 이전에 경험을 쌓아 놓을 필요가 있었다. 양국은 1940년 6월에 약 서너차례의 교전을 펼쳤다. 물론 전면전은 이뤄지지 않았기에 양측의 손실은 크지 않았다. 양국의 조종사들은 이번 교전으로 양측의 전투기가 실제로 얼마나 강력한지 몸소 느끼게 되었다. 특히나 독일 조종사들은 자신들의 bf109가 세계 최고의 전투기라고 자부..
1. 이벤트 핸들링 조건부 렌더링과 리스트 렌더링을 통해 Vue.Js 렌더링 과정에서 조건문을 어떻게 활용할 것인지와 반복되는 리스트 형태의 테크 노출을 어떻게 구현하는지 알 수 있었다. 이를 활용하기 위해서 라디오 버튼이나 리스트 박스에 렌더링을 할 수 있도록 조건을 걸어서 이에 맞게 동작하는 웹사이트를 구현해보았다. 하지만 사용자들의 요구는 여기서 멈추지 않습니다. 특수한 버튼(혹은 컴포넌트)를 눌렀을 때 특정 동작을 직접 지시 할 수 있도록 원합니다. 예를 들어 버튼 하나를 눌렀을 때 웹 사이트에서 무언가 변화가 일어나고 싶어 합니다. 위에 홈페이지에는 두개의 버튼이 존재한다. Plus를 누르게 되면 Number가 1이 증가하고, Minus를 누르면 1이 감소하게 된다. 버튼을 누를 때 Number..