kkcs

파이썬을 이용해 웹앱을 만들기 위해서 사용하게 되는 프레임워크들이 있습니다. 가장 대표적인 것인 django와 flask가 있습니다. 둘은 기본적으로 장단점을 가지고 있습니다. 가볍게 사용할 때는 flask가 좋으며, 빠르게 서비스를 만들기 위해서는 django가 좋다는 이야기를 많이 하곤 하는데요. 어느 하나를 익히면 나머지도 빠르게 접근할 수 있다고 하니 시작할 때 너무 고민할 필요는 없을 것 같습니다. 단지, 사용 목적에 맞는 것을 선택하면 되겠죠. 여기서는 장고(django)를 시작하는 방법에 대해서 알아봅니다. Contents 장고(Django) 시작하는 방법 개인이 가지고 있는 프로젝트가 있다면, 필요한 부분의 정보를 가지고 와서 코딩을 진행해도 되겠습니다. 다만, 그렇지 않은 경우라면 흔히 장고를 익히기 위해 사용하는 예제 2가지를 이용하는 것도 좋은 방법이 될 수 있습니다. ▶ 추천하는 두가지 예제 ① django 공식 홈페이지 예제 - 투표 웹앱 만들기 > 장고 공식 홈페이지에서는 기본적으로 다양한 장고 기능을 활용할 수 있는 문서가 존재합니다. 해당 문서에는 첫번째 장고 앱 예제가 있는데요. 설문조사(polls)를 진행할 수 있는 어플리케이션을 만드는 과정이 담겨 있습니다.  ② 점프 투 장고 예제 - 게시판 만들기 > '점프 투' 시리즈는 유명합니다. 파이썬의 기초와 그 외의 여러 문서를 무료로 볼 수 있습니다. 잘 활용하면 많은 도움이 될 수 있는데요. 여기에는 장고에 대한 내용도 포함되어 있습니다. 해당 문서에서 제시하는 방법은 게시판 만들기에 관련된 내용인데요. 차근차근 따라하면 장고를 이용해 웹앱을 만드는 과정을 이해하는데 도움이 될 수 있습니다. > 또한, 코딩도장 , 위키독스 사이트를 만든 언어가 바로 장고(djnago)라고 하니 또 하나의 예제로 활용할 수 있을 것 같습니다.

HTML은 web에서 사용되는 마크업 언어로 사이트의 뼈대가 되는 부분입니다. 기본적인 골격을 만들기 위해 html 언어를 사용하게 됩니다. 여기서는 기본적인 영역을 구분하는 레이아웃에 대해서 알아보도록 합니다. Contents HTML 레이아웃(Layout) 도움이 되는 사이트 모음 다양한 학습법 중 실습이 중요한 분야들이 있습니다. Web도 그런 분야 중 하나라고 할 수 있습니다. 많은 시행착오를 거치면서 실력이 발전할 수 있죠. 중간에 막히는 부분을 시원하게 뚫어주고 개념을 잡아 줄 수 있는 사이트입니다. ① TCP SHCOOL( 바로가기 )  - 다양한 코딩에 관련된 개념을 정리하고 학습할 수 있는 사이트입니다. HTML도 체계적으로 다루고 있기 때문에 도움이 될 수 있습니다. ② MDN( 바로가기 )  - mozilla 하면 떠오르는 것이 있겠죠. web의 html에 관련된 내용들을 자세하게 알아볼 수 있는 사이트입니다. 그 밖에도 CSS, javascript등 다양한 정보를 확인할 수 있습니다. ③ w3schools( 바로가기 )  - html, css, javascript, sql, python등 다양한 코딩 언어들에 대한 정보를 확인할 수 있습니다. 여기 내용만 숙지해도 충분히 좋은 결과물을 만들 수 있을 것 같네요. ④ 생활코딩( 바로가기 )  - 생활코딩은 유명한 사이트입니다. 많은 사람들이 web을 비롯한 인공지능 ai 기술까지의 기초를 다지는데 도움을 받는 사이트이기도 합니다. 또한, 코딩야학이라는 프로그램도 진행되고 있습니다. 참고하면 도움이 될 수 있겠죠. HTML 레이아웃 이해하기 우리가 사용하게 되는 web은 그 영역이 나뉘어져 있습니다. 당연하겠죠. 텍스트 영역과 이미지 영역등으로 나눌 수 있습니다. 이보다 더 크게 영역을 구분하면 3가지로 나눌 수 있습니다. header / body / footer로 구분할 수 있습니다. 일반적으로 메뉴바가 존재하는 영역이 header입니다. 여기...

파이썬(python)을 이용해 웹을 만들기 위해 사용되는 프레임워크 중 하나입니다. 장고 이외에도 플라스크가 있는데요. 개인 프로젝트를 진행하기 위해 장고를 선택했습니다. vscode를 에디터로 선택했습니다. 파이썬 가상환경을 구축하고, 장고 프로젝트를 생성하는 단계를 알아봅니다. Contents 파이썬 / 장고 개발 환경 준비하기 ① 파이썬 다운로드 특정 버전의 파이썬이 필요한 것이 아니라면 최신버전의 파이썬을 다운로드 합니다.  👉 파이썬 다운로드 바로가기 ② vscode (Visual Studio Code) 다운로드 파이썬 코딩을 위해 사용되는 에디터는 여러가지가 있습니다. 파이참, vscode, 서브라임 텍스트, 아나콘다(jupyter notebook)등을 사용할 수 있습니다. 여기서는 vscode를 이용합니다. 👉 vscode 다운로드 바로가기 ③ 튜토리얼(참고 문서) 선택하기 책 혹은 동영상 강좌를 이용해 파이썬 장고 프로젝트를 진행할 수 있습니다. 여기서는 wikidocs( wikidocs.net ) 에서 볼 수 있는 '점프 투 파이썬'과 장고 공식 문서의 튜토리얼 ( https://docs.djangoproject.com/ko/4.2/intro/ )을 이용합니다. 파이썬 가상환경 설정하기 하나의 컴퓨팅 환경에서 독립적으로 파이썬 개발 환경을 구성할 수 있는 방법이 바로 '가상 환경' 을 구축하는 것입니다. 예를 들어, A / B 라는 두 개의 프로젝트를 진행 및 관리한다면 필히 가상환경을 만들어 사용하는 것이 좋습니다. 독립된 개발 환경에서 필요한 버전을 재설치 없이 사용할 수 있기 때문입니다. ◆ 파이썬 가상환경 설정 및 실행 방법 cmd(명령프롬프트) 또는 vscode에서 터미널(Command Prompt)를 이용합니다. 윈도우 작업표시줄에 있는 검색 기능을 이용해 cmd(명령 프롬프트)를 찾아 실행합니다. vscode에서 터미널 창을 엽니다( 단축키 : ctrl + `   ). 기본적으로 pow...

Visual Studio Code, 줄여서 vscode라고 부르는 코딩시 필요한 에디터입니다. 코드를 작성할 때 단순히 윈도우 메모장과 같은 텍스트 편집기를 활용할 수도 있는데요. 불편한 부분들이 있습니다. 사용자의 편의성을 제공하기 위해 다양한 기능이 포함되어 있는 에디터를 선택하고 활용하게 됩니다. 대표적으로 '자동완성' 기능이 있습니다. 아무리 좋은 도구라도 사용자가 잘 사용하지 못한다면 기능의 한계는 분명합니다. 또한, 빠르게 사용하기 위해서는 단축키를 활용하면 도움이 될 수 있습니다. Visual Studio Code 에디터의 단축키를 알아봅니다. Contents Visual Studio Code(vscode) 단축키 Visual Studio Code는 마이크로 소프트에서 개발하여 지원하는 프로그램입니다. 다양한 코딩 언어들을 익스텐션을 이용해 활용할 수 있습니다.  기본 편집 키 명령 명령 ID ctrl+X 행 삭제 (빈 선택) editor.action.clipboardCutAction ctrl+C 행 복사 (빈 선택) editor.action.clipboardCopyAction ctrl+shift+k 행 삭제 editor.action.deleteLines ctrl+Enter 아래에 행 삽입 editor.action.insertLineAfter ctrl+shift+Enter 위에 행 삽입 editor.action.insertLineBefore alt+Down 행을 아래로 이동 editor.action.moveLinesDownAction alt+Up 행을 위로 이동 editor.action.moveLinesUpAction shift+alt+Down 위에 행 복사 추가 editor.action.copyLinesDownAction shift+alt+Up 아래에 행 복사 추가 editor.action.copyLinesUpAction ctrl+d 다음 선택 찾기 editor.action.addSelectionToNextFindMatch ctrl...