라라벨은 블레이드(blade)라는 템플릿으로 프론트엔드를 구현한다. 블레이드는 .blade.php 확장자를 사용하며 '상속' 과 '섹션' 이라는 개념이 존재한다. master.blade.php 생성하기 블레이드는 /layouts/master.blade.php 의 레이아웃 틀을 상속받아 페이지 뷰를 구성한다. 마스터 레이아웃의 작성 예시는 다음과 같다. @yield('header') // 헤더 영역 @yield('container') // 콘텐츠 영역 @yield('footer') // 푸터 영역 @yield('import_js') // 스크립트 영역 예시를 보면 @yield 라는 명령을 볼 수 있다. @yield는 한마디로 '여기 들어가는 내용을 상속한다'는 것을 의미한다. 자세한 내용은 뷰페이지를 만들..
브라우저마다 각자의 스타일을 조금씩 가지고 있어서 CSS를 초기화 하지 않으면 올바른 모양으로 표현되지 않는다. CSS를 초기화하는 방법으로는 대표적으로 Reset CSS와 Normalze가 있는데 나같은 경우는 아무 속성도 없는 상태에서 코딩하는것이 편해서 두가지 다 사용하지 않는다. 내가 사용하는 소스는 아래와 같다. @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); * { margin: 0; padding: 0; text-decoration: none; font-family: '나눔고딕', 'Nanum Gothic', sans-serif;; font: 13px '나눔고딕', 'Nanum Gothic', sans-serif;;..
HTML 문서를 새로 만들때마다 부터 을 작성하는게 보통 귀찮은 일이 아니다.보통 비슷한 양식으로 작성이 되는데 나는 쓸때마다 기본 양식으로 정해놓고 복붙(Ctrl+C > Ctrl+V) 한다. 기본적인 HTML 형태는 다음과 같다. // DTD 선언 : 이 문서의 종류를 선언한다. // HTML 문서의 시작을 알리는 태그 // 문서의 내용을 작성하는 영역 // HTML 문서가 끝났다는것을 알리는 태그 DTD(Document Type Definition) : 문서 종류 선언하기 HTML 문서 제일 위에 작성되는 것으로 이 문서가 어떤 규칙에 의해서 작성 되었는지를 브라우저에게 알려주는 역할을 하며 브라우저는 DTD 선언에 따라서 문서의 해석을 다르게 한다. 선언을 하지 않아도 브라우저는 알아서 태그를 해석..
주변 개발자들이 가장 많이 쓰는 에디트 플러스(Edit Plus)나 서브라임 텍스트(Sublime Text) 등등등의 웹 개발툴은 초보자가 사용하기에는 어려움이 있다. 자신의 개발환경에 맞춰 초기 환경설정(나는 처음 HTML 입문할때 이게 제일 어려웠다..)을 해야하고 내가 코딩을 잘하고 있는지 보기위해 브라우저 화면을 띄워 놓고 매우 자주 F5번을 눌러봐야 한다. (F5번이 반질반질 해졌다) 지금 추천하는 브라켓(bracket)은 초보자에게 너무 매력적인 웹 개발 에디터(IDE -integrated development environment)다. 어도비의 오픈소스 프로젝트인 브라켓은 구글과 협업하여 만들어졌으며 크롬브라우저를 기반으로 하고 있다. 가장 큰 특징은 아래와 같다. - 크롬 브라우저를 통해 ..