전체 글 (54) 썸네일형 리스트형 일러스트레이터 점이 점점 작아지는 그라데이션 만들기 - 하프톤 과정이 글로 설명하기 복잡하기 때문에 영상으로 대체합니다. https://youtu.be/QYkGuDpDBBc 핵심은 흑백의 그라데이션을 만든 다음에 Effect - Pixelate - Color Halftone 필터를 적용하는 것입니다. Max. Radius 는 가장 큰 원의 반지름 Screen Angles는 원이 배치되는 각도입니다. Channel 1 ~ Channel 4 까지 동일한 값을로 입력하면 됩니다. 그 다음 필터가 적용된 이미지를 다시 벡터화 하여 패스파인더로 가공해서 사용하면 됩니다. 일러스트레이터 일부만 빠르게 저장하기 (CC) 일러스트레이터도 좋은 기능이 많이 생겼습니다. 작업중인 벡터 이미지의 일부분만 JPG 또는 PNG 파일로 저장할 수 있습니다. 자 이렇게 이미지가 있다고 칩시다 그 중에서 저장하고 싶은 부분만 마스킹을 할건데 사각형 툴, 원형 툴 등으로 저장하고 싶은 부분 위에 그립니다. 그 다음 밑에 깔린 이미지와 지금 그린 네모박스를 같이 선택한 뒤에 Object - Clipping Mask - Make (Ctrl + 7) 이렇게 이미지의 일부분만 남게 됩니다. 이 상태에서 Window - Asset Export 에셋 익스포트 창을 열고 + 버튼을 누르거나 드래그앤 드롭으로 익스포트 창에 끌어다 놓습니다. 에셋 익스포트 창 하단의 Export... 버튼을 클릭하면 됩니다. 영상으로 보면 엄청 간단한 작업입니다. ht.. 일러스트레이터 중심선 표시 (CC 버전) 일러스트레이터 아트보드 옵션에 중심선을 표시하는 항목이 있습니다. 아트보드 툴 선택 (shift + O) 상단 툴바에 있는 버튼 클릭 아트보드 옵션창에서 Show Center Mark Show Cross Hairs 두 항목을 체크한다. 완성 또 한가지 방법으로는 우측 툴박스에서 Artboards 탭의 옵션 버튼을 누르면 Artboard Options... 항목이 있습니다. 귀찮으면 영상으로 보기 https://youtu.be/2ILA809ghcM Node.js로 웹서비스 만들기 14일차 URL 파라미터로 상세페이지 보여주기 /detail/게시글번호 의 형식으로 get요청을 했을때 서버에서 해당 게시물 번호에 맞는 내용을 detail.ejs 파일에 보여준다. //server.js app.get('/detail/:id', function(request, response){ db.collection('post').findOne({_id : parseInt(request.params.id)}, function(error, result){ console.log(result); response.render('detail.ejs', { data : result }); }); }); detail/:id 파라미터를 id라는 이름으로 넘겨준다 post 라는 이름의 컬렉션에서 _id가 파라미터로 넘겨주는 .. Node.js로 웹서비스 만들기 13일차 삭제버튼을 클릭했을때 서버에 있는 게시글을 지우고 서버에서 성공 / 실패 여부를 알려준다 (서버응답코드) //server.js app.delete('/delete', function(req, result){ req.body._id = parseInt(req.body._id); console.log(req.body); db.collection('post').deleteOne(req.body, function(err, res){ console.log('삭제완료'); result.status(200).send({ message : '성공했습니다' }); }); }); 서버로부터 성공했다는 응답을 받았을 때 //list.ejs $('.delete').click(function(e){ var button = $(.. Node.js로 웹서비스 만들기 12일차 MongoDB에 있는 데이터 삭제 요청하기 db.collection('컬렉션이름').deleteOne({어떤걸 삭제할건지 여기에 적어줌}, function(){ //삭제가 완료된 다음에 실행할 것 }); 삭제 버튼을 클릭하면 해당 ID의 글을 삭제하는 요청 //list.ejs 삭제 //list.ejs $('.delete').click(function(e){ $.ajax({ method : 'DELETE', url : '/delete', data : {_id : e.target.dataset.id } //e.target.dataset.id 클릭한 버튼의 data-id값임 }).done(function(res){ }); }); //server.js app.delete('/delete', function(re.. Node.js로 웹서비스 만들기 11일차 Node.js에서 게시글을 삭제하는 방법 delete 요청을 하면 됨 서버에 delete요청을 하는 방법 Javascript AJAX를 이용한다. AJAX는 새로고침 없이 서버랑 통신할 수 있게 도와주는 자바스트립트 문법이다. AJAX 기본문법 //list.ejs $.ajax({ method : '', // 메소드 post get 등 url : '', //경로 data : '' //보내줄 데이터 }).done(function(result){ //요청이 완료되면 할 것 }); //server.js app.delete('/delete', function(req, res){ console.log(req.body); }); 다음 내용은 다음 포스팅에서 Node.js로 웹서비스 만들기 10일차 DB에 업데이트 할때 오퍼레이터를 사용해야 한다고 한다. operator의 종류 $set (변경) - 바꿔주세요 $inc (증가) - 증가시켜주세요 $min (기존값보다 적을 때만 변경) $rename (Key값 이름 변경) db.collection('counter').updateOne({name:'게시물갯수'}, { $inc : {totalPost:1} }); 카운터 라는 컬렉션에서 name이 게시물갯수인 문서의 totalpost를 1 증가시켜주세요. DB에 업로드 해보자 //server.js app.post('/add', function(req, res){ res.send('전송완료'); var title = req.body.title; var date = req.body.date; db.collec.. 이전 1 2 3 4 5 ··· 7 다음
