템플릿 썸네일형 리스트형 크레이의 라라벨 도전기#2 - 뷰우(View) ※ 이 게시글은 크레이의 IT개발 관련 성장기를 다루고 있습니다. 관련지식이 약간 있어야 이해되실 수 있습니다. 가벼운 마음으로 읽어보시면서 흥미가 생기고 의욕이 생긴다면? 개발자의 자질이 있으신 겁니다 :) 라라벨 도전 2번째 시간이군요. ( 어이 코틀린은?... 나중에 할 겁니다... ) 지난번에 아래 명령어로 라라벨을 작동시켜 놓았었는데요. nohup sudo php artisan serve --host 0.0.0.0 --port 80 2, 3일이 지난 지금 과연 어떻게 되었을까궁금해서 웹페이지를 띄워보니, 오! 정상 작동되는 것이 확인되었습니다. 오늘은 뷰에 대해서 알아본 부분을 공유드립니다. 사실 전에 다뤄본 코드이그나이터4도 PHP 프레임워크로서 MVC 패턴을 따르는데요. MVC란 각각의 Mo.. 더보기 Node.js - Part13-3. 템플릿 파헤치기 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 무료책 뒷 부분 일부 내용은 본 블로그를 참조해 주세요. ht itadventure.tistory.com 이번 예제는 약간 난이도가 꽤 올라갔습니다. 이해하려면 몇 번 반복해서 읽어봐야 하실 수 있습니다. 먼저 템플릿부터 살펴볼 텐데요. views 폴더에 있는 randomdog.ejs 파일은 확장자 그대로 ejs 라는 템플릿 규칙을 따릅니다. 스크립트 내용은 아래와 같습니.. 더보기 node.js express | 템플릿 쪽지함#2. 배열의 템플릿 전달 이번 스토리에서는 지난 스토리에 이어서 배열 변수를 템플릿에 전달하여 출력하는 부분에 대해 설명드리도록 하겠습니다. https://itadventure.tistory.com/438 node.js express | 템플릿 쪽지함#1. 구경 지난 시간에는 템플릿의 사용에 대해서 알아보았습니다. https://itadventure.tistory.com/437 node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았.. itadventure.tistory.com views/memo.ejs 파일은 아래와 같이 제목만 달랑 들어있는 템플릿인데요. ejs의 소스에는 제목이 표시되는 아랫 부분에 아래와 같은 소스가 들어 있습니다. PHP 나 .. 더보기 node.js express | 템플릿 쪽지함#1. 구경 지난 시간에는 템플릿의 사용에 대해서 알아보았습니다. https://itadventure.tistory.com/437 node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았는데요. 사실 이 방법은 Node.js의 편의성을 충분히 발휘한 방법은 아닙니다. Node.js 에는 템플릿이라는 멋진 기능 itadventure.tistory.com 이번 시간부터는 템플릿을 이용한 쪽지함이란걸 만들어 볼텐데요. 내용이 좀 되기 때문에 다회차에 걸쳐 진행될 예정입니다. 구구절절 설명보다는 바로 이미지를 보시는 편이 나을듯 하네요. 바로 이런 겁니다. 보드판에 쪽지들이 중구난방으로 나열되어 있고, + 버튼을 눌러 쪽지를 추가하면 랜덤한 위치에.. 더보기 node.js express | 템플릿(ejs) 지난 스토리에서는 Node.js 에서 동적웹페이지를 만드는 기초 부분에 대해 알아보았는데요. 사실 이 방법은 Node.js의 편의성을 충분히 발휘한 방법은 아닙니다. Node.js 에는 템플릿이라는 멋진 기능이 있거든요 :) https://itadventure.tistory.com/436 node.js express | 동적 웹페이지 BASIC 지난 스토리에서는 node.js 를 이용하여 정적인 웹사이트를 구현하는 방법을 살펴보았는데요. https://itadventure.tistory.com/435 node.js with express 프레임워크 | 정적 웹사이트 만들기 지난 스토리에서는.. itadventure.tistory.com 템플릿이란? 템플릿은 특정 모양을 만들기 위해 사전에 준비된 틀을 의.. 더보기 이전 1 다음
