프로그래밍 공부/백엔드 (33) 썸네일형 리스트형 블로그만들기: 챌린지21 최종 - read more tag를 이용하여 아티클 substring 메소드 뒤에 read more 만들기 Read more 블로그만들기: 챌린지20 truncate string : substring() Method var str= "Hello World!"; str.substring(0,length); 블로그만들기: 챌린지19 포스트 url/parameter를 입력하면 그 포스트 페이지로 이동하기 post.ejs 만들어서 렌더링 post.ejs app.js app.get("/posts/:postName", function(req, res) { const requestedTitle = _.lowerCase(req.params.postName); posts.forEach(function(post) { const storedTitle = _.lowercase(post.title); if(storedTitle===requestedTitle) { res.render("post", { title: post.title, content: post.content }); }; }); 블로그만들기: 챌린지18 lodash 사용하여 url 파라미터 단순화 블로그 제목이 Testing이든, Test-ing이든, testing이든 사용자는 /testing 을 입력 할 것이고 챌린지17에서 멈추면, 사용자는 어렵게 파라미터를 정확하게 입력해야한다. lodash는 입력값에 대문자, 줄, 띄어쓰기 등을 없애고 단순한 소문자로 변환시켜준다. lodash를 사용하여, 사용자의 파라미터 입력값과 title을 lower case로 변환하여 사용자가 title을 찾기 쉽게 하자. lodash를 npm으로 인스톨하기 const _ = require("lodash"); 광역 변수로 선언 로대쉬 예제 .lowerCase([string=' ']) 적용 app.get('/posts/:postName', function(req, res) { const requestedTitle = .. 블로그만들기: 챌린지17 포스팅 제목과 url 파라미터가 같으면 match found 출력 * app.get 에 입력된 파라미터의 값은 req.params.지정된파라미터이름 * post 된 모든 title의 배열 객체에 넣기: forEach문 사용 * req.params.파라미터이름과 post된 title이 같으면 "match found" 출력 app.get("posts/:postName", function(req, res) { const requestedTitle = req.params.postName; posts.forEach(function(post){ const storedTitle = post.title; //posts는 광역 배열 객체인데, post는 app.post 안에 들어있는데 사용이 가능하네? if (storedTitle === requestedTitle) { console... 블로그만들기: 챌린지16 express routing parameter 적용 express의 route parameter를 적용하여 localhost:3000/posts/parameter 부분에 어떤 param을 입력하면 console창에 출력되도록 하기. app.get("/posts/:postName", function(req, res) { console.log(req.params.postName); }); 블로그 만들기: 번외 Express Routing Parameters Express에서 Route parameters 알아보기 https://expressjs.com/ko/guide/routing.html Express 라우팅 라우팅 라우팅은 애플리케이션 엔드 포인트(URI)의 정의, 그리고 URI가 클라이언트 요청에 응답하는 방식을 말합니다. 라우팅에 대한 소개는 기본 라우팅을 참조하십시오. 다음 코드는 매우 기본 expressjs.com app.get("/news/:topics", function (req, res) { req.params ; }); bbc.co.uk/news/ 뒤에 파라미터로, 무슨 토픽을 치면 그 곳으로 연결해주는 마법의 ":" 사용자가 news/politics를 치면 politics 페이지로, business를 치면 business 페이지로 렌더링.. 블로그 만들기: 챌린지15 new post를 홈페이지에 render하기 지난 챌린지에서 console.log로 표시한 것을 홈 화면에 표시되도록 만들기. 이전 1 2 3 4 5 다음