블로그 이미지
잡다한 취미 생활 및 일상에 대한 소소한 이야기를 적어나가는 블로그입니다.
붉은kkk

공지사항

최근에 올라온 글

최근에 달린 댓글

글 보관함

calendar

 이전 다음 2024.5
일 월 화 수 목 금 토
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
티스토리 가입하기 RSS FEED
프로그래밍/파이썬

[32. 파이썬 장고#1] 장고로 만드는 project

2020. 6. 2. 06:54 | Posted by 붉은kkk

JSP로 웹사이트 게시판을 만들려고 하던 도중 JAVA의 유료화 소식을 알게 되었습니다.

ㅠㅠ 눈물을 머금고 다른 방법을 찾아야 겠다는 생각을 하게 되었고, 

친숙한 파이썬으로 눈을 돌리게 되었습니다.

 

제가 선택한 조합은요?

"파이썬 + 장고" 

로 선택하였습니다.

 

그럼 이제 시작해 볼까요.

 

1. 파이썬에 장고를 설치해 주세요.

Cmd창에서 (제 환경이 window여서 window기준으로 설명드립니다.)

pip install django

2. 장고를 설치한 다음 프로젝트를 만들어 줍니다.

django-admin startproject todoSubject

딱봐도, 따로 설명 안드려도 되겠죠?^^;

3. 이제 실행해 볼까요.

python manage.py runserver

(장고가 생성한 폴더에 가면 파일이 만들어져 있답니다.)

 

장고가 실행되었습니다. 

Starting develpment server at http://127.0.0.1:8000/

접속해 보세요^^

 

4. 실행결과

!!! 성공적으로 수행이 완료된것을 볼 수 있습니다.

 

이제 만들고 싶은 서비스를 만들어 보는 일들만 남았네요.

 

전 게시판부터 다양한 프로젝트까지 만들면서 연습해보고 내용을 포스팅 할 예정입니다.

 

그럼 오늘도 즐거운 파이썬 생활 되세요.

 

'프로그래밍 > 파이썬' 카테고리의 다른 글

[파이썬 기초강의 #1] 파이썬 설치와 프로그램 실행  (0) 2020.11.26
[33. 유튜브 구독자 1000명 만들기] 유튜브 구독자 늘리기 #2  (0) 2020.08.02
[31. 파이썬 함수 만들기] def로 만드는 나만의 함수  (0) 2020.03.08
[30. 파이썬 가이드] 파이썬 공식 문서 활용하기  (0) 2020.03.08
[29. URL 이미지 다운로드] URLRETRIEVE  (0) 2020.03.02
프로그래밍/자바스크립트

[7. 동적테이블 만들기] Javascript로 동적테이블(Dynamic Table) 만들기

2020. 5. 1. 10:38 | Posted by 붉은kkk

이번 시간엔 Javascript를 이용하여 동적 테이블을 간단히 만드는 방법에 대해 포스팅 하도록 하겠습니다.

이번 포스팅은 사실 알고나면 간단한거지만, 알기까지의 과정이 쉽지 않았던 거 같네요.

(제가 동적 테이블의 유용성을 잘 인지를 못했던 거 같아요.)

 

<출력된 결과물입니다>

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    

    </head>

    <body>
    동적 테이블 Test입니다.
    <table class="table test">
        <tr>
            <th>이름</th>
            <th>나이</th>
            <th>성별</th>
        </tr>

        <tbody id="table1">

        </tbody>
    </table>



<script>
var myArray = [
    {'이름' : '홍', '나이' : '20', '성별' : '남'},
    {'이름' : '이', '나이' : '25', '성별' : '여'},
    {'이름' : '박', '나이' : '30', '성별' : '여'},
    
]

buildTable(myArray)

function buildTable(data) {
    var table = document.getElementById('table1')

    for (var i=0; i < data.length; i++)
    {
        var row = `<tr>
                    <td>${data[i].이름}</td>
                    <td>${data[i].나이}</td>
                    <td>${data[i].성별}</td>
                   </tr>`
        table.innerHTML += row
    }
}


</script>

    </body>
</html>
코드 블록 설명
1. HTML 기본 문서 생성
2. Table 생성 (id를 지정해줍니다.)
3. Javascript (Data 저장, Data 크기에 따른 Table 만들기)

간단한 코드이므로 설명은 굵직한 토대만 드렸습니다.

보면 간단히 알 수 있는 부분이므로 자세한 설명은 생략할게요^^

 

그럼 오늗도 즐거운 프로그래밍 생활 되세요.

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

[9. Chart.js] JAVASCRIPT 차트 라이브러리  (0) 2020.05.12
[8. Typed.js] JAVASCRPIT로 글쓰는 효과 만들기  (0) 2020.05.12
[6. 프로젝트 맛보기 완성!] 데이트 사이트 제작 프로젝트 맛보기 완성  (0) 2019.10.27
[5. 프로젝트 맛보기] 데이트 사이트 제작 프로젝트  (0) 2019.10.22
[4. 자바스크립트 변수] 자바 스크립트에서 변수 사용하기  (0) 2019.10.20
프로그래밍/자바스크립트

[5. 프로젝트 맛보기] 데이트 사이트 제작 프로젝트

2019. 10. 22. 06:48 | Posted by 붉은kkk

자바스크립트로 데이팅 사이트를 만들어볼까 하고 있어요.

앱으로 만들어보고자 했던 건데... 사실 조금 어려운 부분이 있어서 막막해 했던 프로젝트였습니다.

 

근데... 우연히? ㅋㅋ

자바스크립트로 데이트 사이트를 만들 수 있을 것 같다는 생각이 드네요.

우연히 보고 있는 강좌를 잘 만 변형하면 될 것 같습니다.

 

서론이 길면 재미가 없겠죠?

출근시간의 압박으로 길게 포스팅을 할 수는 없어서 실행화면과 코드 첨부합니다.

 

맛보기는 이렇게만 공유하고, 최종 완성본(?)이 제작되는 시점에 이 주제는 다시 포스팅 하겠습니다.

 

 

 

 

감사합니다.

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

[7. 동적테이블 만들기] Javascript로 동적테이블(Dynamic Table) 만들기  (0) 2020.05.01
[6. 프로젝트 맛보기 완성!] 데이트 사이트 제작 프로젝트 맛보기 완성  (0) 2019.10.27
[4. 자바스크립트 변수] 자바 스크립트에서 변수 사용하기  (0) 2019.10.20
[3. 자바스크립트 include] HTML에 자바스크립트 파일 포함시키기  (0) 2019.10.20
[2. 추천에디터] 무료 프로그램인 Notepad++  (0) 2019.10.18
프로그래밍/자바스크립트

[3. 자바스크립트 include] HTML에 자바스크립트 파일 포함시키기

2019. 10. 20. 13:52 | Posted by 붉은kkk

오늘은 HTML에 자바스크립트 파일을 불러와서 실행되게 코드를 작성해 볼거에요.

 

그 전에, 자바스크립트를 배우고 알게 됨으로써 얻는 이득이 무엇인지 알려드릴게요.

저도 지금은 배우는 단계라서, 디테일한 내용들에 대해 알려드릴 수는 없지만 대략적으로 다음과 같은 것들을 

할 수 있다고 합니다. 

상세 내용은 아래 Table에!!!

참고 삼아 보시면 도움이 될 듯 합니다.

(아직 어떤 언어를 공부해야 될 지 모르는 분들은 그 언어로 무엇을 만들 수 있는지를, 그 언어가 무슨 프로그램 제작에 특화되어 있는지를 보고 선택적으로 취하시면 될 것 같네요.) 

자바스크립트로 할 수 있는 것들은 무엇이 있을까요?

What can you build with javascript?

1. Interactive websites
2. Apps
3. Games
4. Web Applications

Requirements
1. Web Broswer
2. Code Editor
3. Basic HTML and CSS knowledge is required!

 

그럼 오늘의 코드를 공개합니다.

지난 시간의 HTML파일 내에서 자바스크립트를 실행했던것을,

이번엔 자바스크립트 파일을 별도로 만들어서 호출하는 형태로 사용하였습니다.

지난 시간의 확장버전이라고 보시면 되요^^

코드 관리를 효율적으로 하려면 이렇게 별도의 파일로 작성하여 사용하는 것이 맞는 방법일 것 같네요.

(...답은 없답니다. 남들이 뭐라하건 나한테 맞으면 그게 맞는 방법이에요)

코드는 여전히 간단하죠^^
2.html파일과 script.js파일을 만들었어요.
두둥. 실행 완료. 잘 동작되네요^^

 

ㅎㅎ 저도 얼른 실력을 키워서 상호작용하는 웹사이트를 어서 빨리 만들어 보고 싶네요.

코딩 실력이 쌓이면 (코딩 실력이라고 쓰고... "구글링 실력 & 버그 잡기 & 내가 원하는 형태로 수정하기" 라고 읽어야 될까요?) 가능할테니까요. 

제가 생각하고 만든 서비스로, 어서 빨리 수익창출을 해보고 싶네요.

별도로 포스팅하는 창업 다마고찌 카테고리도 많은 관심 부탁 드립니다.

 

자바스크립트도 배우고 나면, 서비스를 만들거에요. 

그럼 오늘도 다 같이 즐거운 프로그래밍 생활 되세요^^

'프로그래밍 > 자바스크립트' 카테고리의 다른 글

[6. 프로젝트 맛보기 완성!] 데이트 사이트 제작 프로젝트 맛보기 완성  (0) 2019.10.27
[5. 프로젝트 맛보기] 데이트 사이트 제작 프로젝트  (0) 2019.10.22
[4. 자바스크립트 변수] 자바 스크립트에서 변수 사용하기  (0) 2019.10.20
[2. 추천에디터] 무료 프로그램인 Notepad++  (0) 2019.10.18
[1. 자바스크립트 시작] 자바스크립트 시작하기.  (0) 2019.10.18
창업다마고찌

[1. 제휴마케팅으로 돈벌기] 쿠팡파트너스로 창업하기

2019. 10. 19. 09:32 | Posted by 붉은kkk

창업을 고민하고 고민하다, 직장인으로 할 수 있는 쉬운 창업이 무엇인지 계속 찾아보았습니다.

그러다, 유튜버들의 창업기 영상등을 보면서 제휴마케팅이란것을 알게 되었고 저도 시작을 해보려 합니다.

제휴마케팅이란?

제휴 마케팅(Affiliate marketing)은 웹 비즈니스(상품 판매/광고) 촉진 기법의 하나로서, 웹 사이트 발행자(affiliate, publisher)가 그의 노력에 의해 파트너의 웹 사이트에 새로 방문자, 회원, 고객, 매출을 발생시키면, 그 웹 사이트 발행자는 소정의 보상을 받는 식의 마케팅 기법을 말한다.

 

출처 : 위키피디아


우선 한국에서 제휴마케팅을 할 수 있게 제공해주는 곳은 쿠팡이 있는 것을 확인하였고, 전 쿠팡에서 시작을 하기로 맘 먹었습니다.

 

큰 틀에서 바라보면 아래 4가지로 진행이 될 것 같네요.

 

  • 제휴마케팅 회원가입
  • 상품을 판매(광고)할 장소 확보 (웹사이트 개설 or 블로그 or 기타 SNS)
  • 적극적인 홍보를 통한 매출 극대화
  • 수익 실현

1. 제휴마케팅 회원가입 : https://partners.coupang.com/

쿠팡 파트너스 회원가입을 하면 제휴마케팅이 가능하답니다.

 

그럼 얼마나 수익이 날지는 예상해 보고 시작해봐야겠죠?

판매가의 3%가 수익 지급이 되는 것으로 보이네요. 

 

이번 포스팅은 여기까지입니다.

 

다음번엔 제가 광고할 장소를 마련해서 공유하도록 할게요.

 

온라인으로 돈벌기, 간단하지만 창업(?) 시작해 봅시다.

 

"시도하지 않으면 아무것도 할 수 없다" 도전!!!

'창업다마고찌' 카테고리의 다른 글

[인스타그램] 비즈니스 계정 만들기  (0) 2020.01.12
프로그래밍/파이썬

[6. 웹크롤러만들기 - 2] 파이썬으로 만드는 웹 크롤러 (크롤러페이지 만들기)

2018. 12. 12. 23:47 | Posted by 붉은kkk

지난 시간엔 크롤링이 가능한 사이트에 대한 정보를 찾느라 시간을 보냈습니다.

우선 크롤러를 만드는게 목적이기 때문에, 고민은 잠시 접어 두고 크롤링을 할 수 있는 사이트를 직접 만든 뒤 

크롤링을 해 보도록 하겠습니다.


1. 크롤러 연습용 사이트 만들기

● 필요한 사항

    - HTML 문서를 업로드 할 수 있는 웹사이트가 필요

    - 무료 웹사이트를 어디서 만들수 있는가?

      → GitHub에서 무료 웹사이트 제작 가능



2. GitHub 가입 및 웹사이트 만들기

    - https://github.com

    - 가입과정은 생략.

     - 가입 이후 repository 생성하기


저는 Python-study라는 이름으로 만들었어요. 

자, 이제 지루한 과정도 거의 끝에 다다르고 있습니다.


제 사이트 주소가 생성되었습니다.

 https://github.com/dongchanhong/python-study



3. 웹사이트 Index.html 만들기

     - 사이트에 접속시 실행되는 페이지를 만들어 보겠습니다.


Index.html도 만들었으니, 이 파일을 업로드 하고 페이지가 제대로 나오는지만 확인하면 끝이에요.

(홈페이지는 Index.html을 시작 페이지로 인식합니다.)



4. GitHub에 Index.html 올리기

● GitHub를 사용하기 쉽게 Desktop 프로그램을 설치해 주세요.

    - set up in Desktop을 클릭해서 프로그램 다운로드 


... 설치가 완료되면 실행해서 ... 로그인 등등 설정을 해주시고 ... 저는 아래와 같이 완료 되었습니다.



로그인하고, 기존에 만들었던 저장소를 열어서 여기에 HTML 문서를 업로드 해보는 것으로 오늘은 끝을 낼게요.



길고 긴 과정이 지나 이제 다 됐습니다...


파일 업로드 된 걸 확인했고, 마지막으로 설정을 변경 해 줘야됩니다. 

(지금 상태에서는 사이트 접속시 404 Not Found가 나옵니다.)


※ Settings → source에서 master branch를 선택하고 Save를 해주셔야됩니다.

그러면 이렇게 사이트가 생성되었다고 나와요.


이제 진짜 끝이 났습니다.

위에 생성된 https://dongchanhong.github.io/python-study/로 접속을 하면

이렇게 나오네요. 


이제 다음 시간부터는 크롤링 연습을 하나 하나 진행 해 보도록 하겠습니다.

'프로그래밍 > 파이썬' 카테고리의 다른 글

[8. 파이썬으로 PDF파일 읽어오기] PDF파일에서 텍스트 내용 파싱  (1) 2018.12.16
[7. 파이썬 디자이너 PyQt 사용하기] 파이썬으로 윈도우 GUI 프로그램 만들기  (0) 2018.12.15
[6. 웹크롤러만들기 - 1] 파이썬으로 만드는 웹 크롤러 (해도 되나??? 사전 확인)  (0) 2018.12.11
[5. 실행파일만들기] 파이썬으로 만든 프로그램 실행파일로 만들기  (0) 2018.12.11
[4. 워드클라우드] 파이썬을 이용한 빅데이터 분석, 워드 클라우드 사용  (0) 2018.12.09
이전 1 다음

티스토리툴바