instagram 글 쓴걸 twitter로 자동 연동하기


안녕하세요.
고코더 입니다.


 1. 인스타그램에서는 게시물 등록시 다른 SNS에도 글을 올릴 수 있는 기능을 마련해놓았습니다.
기능을 한번 알아보겠습니다.


 2. 게시물 쓰기를 하면 화면 아래 다른 미디어에도 게시라는 기능을 확인 가능합니다. 
트위터를 한번 체크해보겠습니다.


 3. 그럼 자연스럽게 인스타그램과 트위터를 연동할 수 있도록 트위터 로그인 화면 창이 나타납니다. 당연히 트위터는 회원이어야 합니다. 



 4. 해당 기능을 사용한 후에 인스타그램에 글을 남기면 이렇게 트위터에도 연동되어 글이 올라옵니다.
알림같은 느낌으로 글쓰기가 완료 됩니다.




마무리


하나만 쓰고 싶다면 인스타가 제일 편할거 같네요.


댓글을 달아 주세요



작가 신청전에 글쓰기는 작가의 서랍속에서


안녕하세요.
고코더 입니다.


 1. 브런치는 작가를 위한 서비스라고 말씀드렸습니다. 
그렇기에 글쓰기가 당연히 제공 됩니다. 우선 글쓰기를 하려면 회원가입이 필수 입니다.
-> brunch 내 고유 주소 변경하기 / 이메일 주소 인증하기

-> brunch 내 프로필 수정하기

-> brunch 회원가입 하는 방법


 2. 그리고 메뉴에서 글쓰기 버튼을 누르면 카카오가 개발한 텍스터 에디터로 이동 합니다. 


 3. 해당 텍스트 편집기로 글을 작성합니다. 텍스트 편집기 사용법은 추후에 자세히 다루겠습니다. 이번 편은 로직을 설명드립니다. 


 4. 글을 작성하고 저장을 누르면 작가의 서랍으로 가는 버튼으로 변경됩니다.

 5. 이 버튼은 아까 메뉴에서 볼수 있던 작가의 서랍으로 이동시키는 버튼입니다. 


 6. 작가의 서랍으로 이동하면 내가 쓴 글들이 저장 글이라는 이름으로 발행되어 있습니다. 블로그와 달리 저장된 글은 외부로 나타나지가 않습니다.
이유는 바로 작가 신청하기를 하지 않았기 때문입니다.
블로그에 익숙하신 분들은 헷갈리는 방식일 텐데요



 7. 저장된 글은 고유 주소가 나타나지만 외부에서는 접근이 불가합니다. 로그인 한 제 계정을 읽을 수 있지만 타인이 못읽습니다. 이유는 역시 작가가 아직 아니기 때문입니다. 


 8. 블로그에 익숙한분은 뚱딴지 같은 로직일 수 있지만 브런치는 작가서비스입니다. 작가가 되야 글이 발행되고 기존에 저장된 글을 토대로 심사를 거쳐서 작가 등록이 된 사람 글만이 노출 됩니다.


마무리


그래서 정성 글이 가득했군요



댓글을 달아 주세요


Naver blog Editor에 Youtube 넣기


안녕하세요.
고코더 입니다.


네이버블로그에 편집기에서 유투브 동영상을 참조하는 방법을 배워 봅니다.
네이버는 새롭게 텍스트 편집기를 개편하면서 유투브 영상을 쉽게 넣을 수 있게 해주었습니다.


 1. 동영랑 링크는 특정 팝업을 통해 입력하지 않아도 본문에 URL을 입력하면 유투브 영상이 참조가 됩니다.
본문에 동영상 URL을 입력하면, 동영상 첨부와 재생이 가능합니다.
(YouTube, 블로그/카페 동영상, 네이버TV, AVI, MOV, MPG, WMV 등)


 2. 유투브에 상세 링크로 들어가서 URL을 복사 한후에



 3. 본문에 입력만 하면 알아서 썸네일과 영상을 가져와서 동영상 재생창을 노출 합니다.


네이버블로그는 이제 본문에서 자동으로 쉽게 링크만으로 영상을 참조할 수 있습니다.
폐쇄형인거 빼고는 괜찮네요.


마무리


이젠 블로그도 유투브 참조가 필수 이빈다. 




댓글을 달아 주세요


Tistory 글 등록은 고품질로만


안녕하세요.
고코더 입니다.



 1. 티스토리는 CMS형 블로그 입니다. 그래서 자유도가 매우 높습니다.
그래서 최초에는 초대장을 받은 사람만이 가입할 수 있었고 아무나 진입하지 못하는 매력이 있었습니다.
아마도 서버 문제도 있는거 같고요

 2. 그런데 2018년 10월 22일부터 티스토리는 초대장 기능을 없애는 대신 글 등록 가능 갯수를 제한했습니다.
아래 공지사항을 보면 정확히 알 수 있는데요.

기존 회원은 1일 30개
신규 회원은 1일 15개


 3. 이렇게 제한이 생겼습니다. 하지만 블로그에 정성글로 강의를 올리는 블로거들은 하루에 30개 이상 써보신분은
별로 없을거라 생각 합니다. 저도 하루 19개가 최대 이네요.
의미 없는 글이거나 광고성 글은 사실 하루에 100개도 올릴 수 있죠. 하지만 티스토리를 회사 홈피로 사용하는 곳도 있기에 고객센터를 통해 신청만 하면 제한 수를 풀어줍니다.

 4. 제 의견은 초대장이 없어지고 스팸 사이트가 많아진 지금 제한 수 한계까지 없으면 네XX 블로그 처럼 광고판이 될게 분명하니 어느정도 찬성하는 입장입니다. 만약 고품질의 글을 하루 30개 이상 쓰시는 블로거라면 여러개의 블로그에 나눠서 올리시면 될거 같습니다.


마무리


초대장이 그립네요.













댓글을 달아 주세요


게시판 만들기 write 


안녕하세요.
고코더 입니다.


이전 시간에 게시판 리스트를 개발하였습니다.
이제는 이 리스트에 내용을 추가 할 수 있는
글쓰기 기능을 만들어보려고 합니다.

데이터베이스에 insert 하는 구문도 노드에서는
보기 쉽고 간단하게 구현이 가능합니다.



 1. '/wirte' board.js 글쓰기 코딩 추가 


 1-1. 저희가 이전 시간부터 만들어놓은
board.js에 코딩을 추가합니다. 


 1-2. 글쓰기 입력을 받을 폼을 표현할 라우터를 추가합니다. 
1
2
3
router.get('/write'function(req,res,next){
    res.render('write',{title : "게시판 글 쓰기"});
});
cs

 1-2. 소스 설명 
  • 21번 라인 
    • 글쓰기  write.ejs 를 랜더링 합니다. 




 2. write.ejs 파일 추가


 2-1. 글쓰기 뷰 파일을 생성합니다. 
ejs파일로 wirte란 이름으로 생성합니다. 
이곳은 프론트에 글쓰기 데이터를 입력 받을 페이지입니다.


 2-2. 글쓰기 내용 입력
입력할 HTML 내용은 기본 글쓰기 포맷입니다.
그대로 복사해서 페이지를 만들어 주세요. 
노드 소스가 없는 단순 HTML 페이지 입니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
</head>
<body>
<h1><%= title %></h1>
 
 
<form action="/board/write" method="post">
    <table border="1">
        <tr>
            <td>작성자</td>
            <td><input type="text" name="name" id="name" required/></td>
        </tr>
        <tr>
            <td>제목</td>
            <td><input type="text" name="title" id="title" required/></td>
        </tr>
        <tr>
            <td>내용</td>
            <td><textarea name="content" id="content" cols="30" rows="10" required></textarea></td>
        </tr>
        <tr>
            <td>패스워드</td>
            <td><input type="password" name="passwd" id="passwd" required/></td>
        </tr>
        <tr>
            <td colspan="2">
                <button type="submit">글쓰기</button>
            </td>
        </tr>
    </table>
</form>
 
 
</body>
</html>
 
cs

 2-3. 소스 설명
  • 10번 라인
    • post로 꼭 method를 지정해줘야 합니다. 
    • 폼은 /board/write 로 전송합니다. 


 2-4. 개발 완료된 HTML 화면입니다.
글쓰기 버튼을 클릭시 로 '/board/write' post로 전송합니다. 




 3. '/write' post로 입력 받아 데이터를 DB에 입력 


 3-1. 게시판 글쓰기 화면에서'글쓰기' 버튼을 누른 후에 post로 
전송 받은 데이터를 데이터베이스에 입력하는 부분을 코딩할 것입니다.

 3-2. board.js에 소스를 추가 코딩 해주세요.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
router.post('/write'function(req,res,next){
    var name = req.body.name;
    var title = req.body.title;
    var content = req.body.content;
    var passwd = req.body.passwd;
    var datas = [name,title,content,passwd];
 
 
    var sql = "insert into board(name, title, content, regdate, modidate, passwd,hit) values(?,?,?,now(),now(),?,0)";
    conn.query(sql,datas, function (err, rows) {
        if (err) console.error("err : " + err);
        res.redirect('/board/list');
    });
});
cs
 3-3. 소스설명
  • 25번 라인 
    • post로 /write로 들어올때 진입하게 됩니다.
  • 26~29번 라인
    • req 객체로 body 속성에서 input name 파라미터를 가져올 수 있습니다. 
  • 30번 라인
    • 모든 데이터를 배열로 묶습니다. 
  • 32번 라인
    • insert 쿼리문을 작성합니다. '?' 매개변수로 배열에 있는 데이터와 순서대로 맵핑되어 입력 됩니다.
  • 33번 라인 
    • query 함수로 sql를 실행하고 datas로 매개변수로 데이터를 입력합니다. 
  • 35번 라인
    • 오류 없이 데이터가 입력되면 다시 list 페이지로 이동 합니다. 




 4. 결과 화면 


 4-1. 리스트 에서 글쓰기를 클릭 합니다.


 4-2. 글쓰기에서 내용을 입력하고 글쓰기 버튼을 누릅니다.


 4-3. 글쓰기가 완료되면 다시 리스트 페이지로 돌아와서 입력된 데이터를 확인 가능합니다.


가장 기초적인 데이터로 만드는 예제 입니다.
컬럼을 추가하거나 유효성 체크를 추가해서 개인실습을 해보세요.


마무리


어느덧 글쓰기까지 완료 되었네요


아메리카노 한잔으로 배우는 Node.js Express 기본편



해당 내용은 제가 집필한 책에 일부를 발취한 내용입니다.
도움이 되셨으면 후원에 마음으로 제 책을 전국 온라인 서점에서 구매해보세요.





댓글을 달아 주세요


Tistory -> Twitter 예약 글 발행 이상 무


안녕하세요.
고코더 입니다.


티스토리 글을 발행하면
자동으로 트위터로 글을 옮겨주는
플러그인을 설치했고
연동 과정을 확인했습니다.

 1. 그런데 예약 발행을 하게 되면
어떻게 될까? 궁금했습니다.
그래서 하나의 컨텐츠를 1시간 30분 이후로 예약을 맞쳐놓고


 2. 예약 발행을 실행했습니다.


 3.예약 발행 후 트위터에 가보니
해당 컨텐츠는 아직 연동이 되지 않았습니다.
우선 첫번째 관문은 통과 했는데요


 4. 예약글이 현재 글이 될때까지 시간을 조금 기다려 보겠습니다.


 5. 그리고 해당 예약 실행 시간을 지나
트위터를 보니 예약 시간에 맞게
트위터에도 연동이 정확히 되네요.


앞으로 예약 발행에도 문제 없이
사용할 수 있겠네요.


마무리


티스토리를 의심하지 않겠습니다.







댓글을 달아 주세요



Twitter는 몇글자 까지 입력이 가능하나 실험


안녕하세요.
고코더 입니다.


트위터는 깔끔한 이미지가 있습니다.
글자 수 제한이 한 몫 하죠.
정해진 룰에 따라 글을 게재 하므로
정리가 잘되어 있고
횡설수설하지 않습니다.

그래서 오늘은 트위터 입력 창에
몇 글자까지 가능한지
테스트를 해보았습니다.


 1. 영어 소문자 250글자
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghijabcdefghij
abcdefghij



 2. 영어 대문자 250자 
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJABCDEFGHIJ
ABCDEFGHIJ


 3. 한글은 120글자
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차
가나다라마바사아자차


 4. 특수 문자는 259글자 
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!


대부분이 알고 있는 부분이지만
확인하는 차원에서 테스트를 해봤습니다.

참고로 여기서 한글,영어,특수 문자를 섞어서 사용하므로
실제 사용 에는 글자 수가 변하게 됩니다.


마무리


한글은 유니코드라 120글자 뿐이




댓글을 달아 주세요


Tistory -> Twitter 글 공유하기


안녕하세요.
고코더 입니다.



이전 시간에 출처를 표시하는 플러그인을
배워봤습니다.
해당 플러그인에 기능을 출처 표시이지만
이 기능을 이용해 트위터로 글을 옮길때
큰 도움을 받을 수 있는 팁이 있습니다.

 1. 이전 플러그인을 설치 후에 이 글을 확인해보세요.
 2. 우선 옮길 컨텐츠의 제목을 드래그해서 복사합니다.


 3. 그리고 트위터 글쓰기로 이동 합니다.


 4. 그리고 붙혀넣기를 합니다.
그럼 제목과 함께 출처까지 표시가 됩니다. 


 5. 그럼 트위터는 해당 컨텐츠의 미리보기를 보여줍니다. 


 6. 그럼 내 글을 SNS에 공유하는게 완료 됩니다.
이렇게 하면 단시간에 많은 컨텐츠를 공유 할 수 있습니다.

 7. 뒤늦게 트위터와 연동한 분들은
과거 컨텐츠를 이 방법으로 옮겨 보세요.


마무리


트위터 티스토리 조합이 좋네요.


댓글을 달아 주세요


티스토리에서 글 쓰고 발행하면 트위터로 보내기


안녕하세요.
고코더 입니다.

블로그를 홍보하는 방법중에 하나는
바로 SNS를 이용하는거죠.

저는 그러나 개인적으로 SNS는 전혀 하지 않는데요.
유입을 위해 다양한 마케팅 채널을 하나 늘릴려고 합니다.

 1. 티스토리 관리자에서
플러그인에 보시면 



 2. 자신의 트위터를 로그인 상태에서 
계정 연결하기를 누릅니다. 


 3. 그럼 이런 화면이 나타납니다.
Authorize app를 누르면 끝입니다.
이제 글만 발행하면 알아서 트위터로 글이 보내집니다.


 4. 이 글을 연동한 모습입니다! 깔끔하네요



마무리

유입이 늘까?


댓글을 달아 주세요


URL 텍스트로 붙혀넣기


안녕하세요.
고코더 입니다.


네이버 블로그의 새로운 에디터는 기능이 강력해서
URL을 입력하면 자동으로 미리보기 링크가 생깁니다.
덕분에 사용자가 컨텐츠를 작성할때 편리한 점이 많습니다.

그런데 때에 따라 미리보기가 안보이는길 원하는 경우가 있습니다.
이 방법을 한번 배워보겠습니다.


1. 첫번째 방법은
URL을 붙혀넣으면 밑에 미리보기가 생깁니다.
이때 블록을 눌러 삭제하는 방법이 있습니다.


 2. 두번째 방법은 
URL을 붙혀넣을때 http:// 이부분을 제외하고 입력하면 됩니다. 
그러면 이렇게 텍스트로만 구성된 URL을 확인할 수 있습니다.



마무리


필요한 결과물을 얻고 싶을땐 에디터의 
특성을 파악해서 사용해보세요




댓글을 달아 주세요