정적인 페이지들은 올릴 수 있는 곳이 많지만, 파이썬 등 백엔드 언어로 만든 사이트의 경우엔 따로 올릴 수 있는 공간은 찾는 것은 쉽지 않습니다. 그래서 보통 자신의 서버나 웹 호스팅 업체를 통해서 많이 올립니다. 혹시 장고와 파이썬을 활용해서 사이트를 만드셨다면 파이썬애니웨어를 이용해보세요. 비기너로 시작하시면 일단 무료로 파이썬애니웨어를 이용할 수 있습니다. 파이썬애니웨어에서는 파이썬 환경을 갖추어 놓았기 때문에 파이썬으로 만들어진 웹 애플리케이션이라면 쉽게 올리고 호스팅할 수 있습니다. 가상환경을 통해서 만들었다면 파이썬애니웨어에서도 쉽게 같은 환경을 구축하고 웹 애플리케이션을 실행할 수 있습니다. pip를 통해 쉽게 패키지를 다운받아서 이용하시면 되고, 기본설정은 파이썬2로 되어있습니다. 파이썬3..
이번 포스팅은 로컬저장소와 원격저장소를 원결해보겠습니다. 왜 연결해야 할까요?로컬저장소만 이용한다면 이용하지 않는 것보다는 좋습니다. 하지만 원격저장소까지 같이 이용한다면 더더욱 좋습니다. 왜냐하면 자신의 코드를 반영구적으로 저장할 수 있기 때문입니다. 또 원격저장소에 있는 코드를 쉽게 다른 곳으로도 옮길 수도 있습니다. 집에서 작업했던 것을 원격저장소에 옮겨두고, 다시 다른 컴퓨터로 접속해서 작업했던 코드를 받아올 수 있다면 얼마나 편할까요? 로컬저장소와 원격저장소를 연결해서 편리함과 효율성을 느껴보세요.원격 저장소에 있는 파일을 로컬 저장소에 가져오기저번 포스팅에서 포크 기능을 통해 부트스트랩 프로젝트를 자신의 저장소로 가져왔습니다. 그리고 부트스트랩 프로젝트를 로컬 저장소로 옮기려고 했으나, 파일이..
원격저장소란?이전 포스팅에 git을 통해서 파일들을 저장했습니다. 이렇게 저장하는 것은 로컬 저장소에 저장됩니다. 로컬이라는 말처럼 우리가 사용하는 컴퓨터에 저장했다는 것이죠. 그럼 원격저장소는 어디에 저장하는 걸까요? 인터넷이나 네트워크 등을 통해 외부에 저장하는 것을 원격저장소라고 합니다. 오늘은 가장 대표적인 원격저장소인 github를 알아보도록 하겠습니다. github깃허브는 가장 큰 git저장소 입니다. 많은 개발자들이 이용하고 있고, 깃허브를 통해 많은 프로젝트들이 진행되고 있습니다. 깃허브 홈페이지 바로가기 자주 사용하는 이메일을 통해서 github에 가입해주세요. 깃허브를 이용하면 장점이 많습니다. 오늘 포스팅을 통해서 몇 가지 다뤄보도록 하겠습니다. 프로젝트 구경하기github는 오픈소스..
저번 포스팅에서는 vim에디터를 약간(?) 사용해보고, git status라는 명령어를 사용해봤습니다. git으로 버전 관리하기 1 git으로 버전 관리하기 2 복습을 원하시면 위의 링크를 클릭해주세요. 이번 포스팅에서 git add와 git commit을 활용해보겠습니다.파일 추적하기 그럼 이제 text.txt 파일을 추적하라고 명령해볼까요? 커맨드 창에 git add text.txt라고 적어주세요. git status를 입력하시면 파일명이 빨간색에서 초록색으로 변한 것을 알 수 있습니다. 이런 변화가 이제 git이 해당 파일을 추적하고 수정되는 것을 확인한다는 것으로 알아두시면 됩니다.commit하기우리의 작업파일에서 저장을 한다고 해서 git이 파일을 바로 추적하지는 않았습니다. git add를 통..
저번 포스팅을 통해 git을 다운 받고, git init이라는 명령어를 실행해봤습니다. 복습은 아래의 링크를 클릭해주세요. git으로 버전 관리하기 1 이번 포스팅에서는 vim 에디터와 몇 가지 명령어들을 더 배워보도록 하겠습니다.vim 에디터git을 다운받을 때 vim 에디터를 사용한다고 설정했던 것을 기억하시나요? 몇 가지 명령어만 알고 있으면 되니까 걱정하지 않으셔도 됩니다. 우선 git init을 실행했던 디렉토리에서 vim text.txt라는 명령어를 실행해주세요. 해당 파일이 있으면 수정할 수 있는 화면이 열리고, 없다면 text.txt라는 파일이 만들어집니다. 이 모습이 vim 에디터로 text.txt를 실행한 모습입니다. 일단은 읽기만 가능한 상태입니다. 문서에 hello world라고 적..
버전 관리 시스템이란 무엇일까요?파일의 변화를 시간에 따라 기록했다가 나중에 특정 시점의 버전을 다시 꺼내올 수 있는 시스템을 버전 관리 시스템이라고 합니다. 이런식으로 단계별로 코드를 저장할 수 있으면 무엇이 수정되었는지 또 코드에 잘못된 부분이 추가되었을 때 이전 코드를 참고하며 수정하기도 쉽습니다. 여러 버전 관리 시스템이 있었지만 오늘 소개할 것은 많은 개발자들이 이용하는 git입니다. https://git-scm.com/ 에서 git 다운로드 받기 점선을 보시면 사양에 맞게 다운로드할 수 있는 파일이 있습니다. 물론 그 밑에 GUI도 보이지만 일단은 커맨드 창을 통해서 git을 배워봅시다! 다운로드를 받고 나서는 git을 배워보는 포스팅을 올릴 예정입니다. 대부분 기본적으로 체크되어 있는 설정을..
적절한 사진 배치는 블로그나 홈페이지에 있어서 아주 중요한 요소입니다. 오늘은 저작권에 상관없이 사용할 수 있는 이미지 사이트들을 알아보고 등록을 하지 않고도 간단하게 api로 이미지를 불러오는 방법을 알아보겠습니다. 무료 이미지 사이트 우선 소개할 사이트는 픽사베이입니다. 픽사베이 홈페이지 바로가기 이미 많은 분들이 알고있는 그 픽사베이입니다. 이미지와 비디오까지도 무료로 사용할 수 있습니다 상업적으로 사용하셔도 됩니다. 하지만 예외도 있습니다. 예를 들어 나사의 사진을 판매하는 상품 옆에 두고 나사가 추천한다는 식으로 작성하는 것은 문제가 될 수 있습니다. (이런 식으로 이용하는 분은 없겠지만요.) 언스플래시 홈페이지 바로가기 또 소개할 무료 이미지 사이트는 언스플래쉬입니다. 언스플래쉬에서도 픽사베이..
홈페이지에는 글만 들어가는 것이 아니라 이미지도 들어가며 여러 아이콘들이 들어갑니다. 이번 포스팅은 폰트어썸(font aw)을 간단하게 사용할 수 있는 방법과 예제를 통해서 연습을 조금 해보겠습니다.폰트어썸이란? 홈페이지를 만드는데 아이콘은 필수적인 요소입니다. 하지만 저작권이 문제가 될 수 있으니 쉽게 가져다 쓸 수도 없는 노릇이죠. 이런 고민들을 해결해주는 많은 도구들이 있지만 오늘은 폰트어썸에 대해서 설명드리겠습니다. 폰트 어썸(font awesome)은 무료로 다양한 아이콘들을 제공해줍니다. 폰트어썸 사이트 바로가기 해당 사이트에 접속하시면 다양한 아이콘들을 검색할 수 있습니다. 네비게이션 바에 라이센스를 확인하시면 폰트어썸은 상업적으로도 무료로 사용가능하다고 적혀있습니다. 정확히는 위의 링크로 ..
구글폰트 이용하기 구글에서는 무료이면서 상업적으로도 사용할 수 있는 폰트들을 모아 두고 개발자가 이용할 수 있게 만들어 놓아습니다. 바로 오늘 포스팅할 구글 폰트입니다. 구글 폰트 바로가기 기능을 하나씩 알아보고 코드에 삽입해 보겠습니다. 우선 폰트 이름 밑에 영어로 된 문장들이 보이시죠? 저 부분은 폰트를 사용하면 어떻게 보이는지 보여줍니다. 그리고 문장 부분은 클릭하면 수정할 수 있습니다. 한번 바꿔볼까요? 마음에 드는 폰트가 있나요? 그럼 폰트이름 옆에 있느 +를 눌러주세요. 마음에 드는 것이 많으면 여러개를 클릭하셔도 상관 없습니다. 클릭하고 나면 홈페이지의 하단에 창이 하나 생깁니다. 창을 클릭해주세요 태그를 이용하는 것이 기준이 된다고 하니 일단 태그를 사용해서 예제를 만들어 보겠습니다. 태그..