코딩각

HTML5 기초 | h1과 p 태그 (Heading과 Paragraph)

*HTML의 구조 HTML은 웹브라우저를 통해 사용자에게 보이는 부분과 가려진 부분으로 나눠진다. 크롬이나 엣지 브라우저를 사용하면 아무 웹사이트에 가서 마우스 오른쪽 버튼 => 검사를 클릭하면 오른쪽에(혹은 아래쪽에) 개발자 도구가 나온다. 요소에서 아래의 내용이 html 문서이다. 하나의 html 페이지가 만들어지기 위해 뒤에서 CSS, 자바스크립트, 서버사이드 소프트웨어들이 돌아간다. 지금 단계에서 다 알 수 없는 내용이다. 그렇지만 웹페이지를 구성하는데 있어서 내가 지금 작성하고 있는 HTML이 어디에 해당하는 것인가는 파악할 필요는 있다. * HTML 기본태그 (Heading) 이렇게 생각하면 쉽다. 웹페이지를 하나의 책이라고 생각한다. 책이니까 제목이 있어야 하고 또 주제별 제목도 있을 거이고..
코딩(CODING)/HTML | CSS 2020. 8. 19. 13:14

HTML5 기초 | 비주얼 스튜디오 코드 설치와 초기설정, 테마, 실행 테스트

*HTML5 준비사항 HTML을 학습하기 위해서는 몇 가지 준비가 필요하다. 사실 무작정 메모장을 열고 HTML5 파일을 편집하거나, 온라인 IDE를 사용하는 것도 가능은 하지만 나에게 맞는 개발환경을 갖추는게 더 효율적이다. 이 포스팅에서는 비주얼 스튜디오 코드와 크롬 웹브라우저를 사용해서 튜토리얼을 진행한다. 설치에 품은 들지만 익숙해지면 아주 쾌적한 개발환경이다. ※비주얼 스튜디오 코드와 비주얼 스튜디오는 같은 회사에서 만들었지만 전혀 다른 프로그램이다. 혼동에 주의한다. 1. 비주얼 스튜디오 코드(Visual Studio Code) 설치 웹사이트에 들어가서 프로그램을 다운로드 받는다. Mac OS, 윈도우, 리눅스 버전이 있다. 자신의 OS에 맞는 파일을 다운로드 한다. https://code.v..
코딩(CODING)/HTML | CSS 2020. 8. 19. 11:40

HTML5 프로그래밍 개요

*HTML은? 언어인가? (Language니까 맞는거 아닌가?) HTML은 웹브라우저의 코드라고 할 수 있다. 우리가 보고 있는 웹페이지는 HTML 로 이루어져 있다. Hyper Text Markup Language 라는 언뜻 이해가 잘 안되는 단어를 만들어 놨다. 왜 Markup Language라고 하냐면 원래 우리가 알고 있는 프로그래밍 언어하고 다르기 때문이다. C언어 같은 프로그래밍 언어는 컴퓨터의 일이라면 거의 모든 것을 개발할 수 있는데 그만큼 복잡하다. 마크업 언어는 태그 몇개를 들고 문서에 마크업을 한다. 문서의 구조, 뼈대가 있으면 그 마디사이에 마크를 표시하는 것이다. 어떻게? 태그와 계층구조를 통해서 표시한다. HTML만으로는 컴퓨터 게임이나 OS같은 복잡한 소프트웨어는 만들 수 없다..
코딩(CODING)/HTML | CSS 2020. 8. 19. 04:44

파이썬 코딩 5-1 | 내장함수 (Built-in Function)를 다루는 방법

내장함수 Built-in Function 이라고 한다. 내부에 구축된 기능 정도로 해석할 수 있다. 파이썬을 설치하면 여러가지 라이브러리와 모듈이 함께 설치된다고 이야기했다. 우리가 파이썬 인터프리터를 열면 처음부터 사용할 수 있는 기능들이 많이 있다. 무에서 유를 창조하는 행위지만 완전히 원시시대부터 시작하는 것이 파이썬을 다루는 자세는 아니다. 내장함수에 이미 기능이 구현되어 있으면 그것을 쓰면 된다. 내장함수는 수십년간 많은 소프트웨어 환경에서 검증되었기 때문에 신뢰성이 높다. 내장함수의 리스트는 파이썬 공식문서에서 볼 수 있다. https://docs.python.org/3/library/functions.html Built-in Functions — Python 3.8.5 documentatio..
코딩(CODING)/파이썬(PYTHON) 2020. 8. 19. 01:49

파이썬 GUI 프로그래밍 7 Tkinter 튜토리얼 마무리 Canvas 객체

Tkinter의 기본 튜토리얼은 Canvas 까지 진행한다. 물론 더 많은 기능들이 있을테지만 프레임워크를 다룰 때 모든 것을 다 배우고 시작하지 않는다. 본인의 앱에 필요한 상세 기능은 Online Documentaion 을 활용해서 찾아야 한다. 온라인 리소스를 이 포스팅의 마지막에서 참조한다. Tkinter 의 마지막은 Canvas 객체이다. Canvas 의 사전적 의미는 유화를 그릴 때 쓰는 천을 말한다. 튼튼하기 때문에 유화 뿐 아니라 옷이나 가방을 만드는데도 쓰인다. GUI에서 Canvas 라 하면 미술가들이 그림을 그리는 천에 가깝다. 컴퓨터에서는 천에다가 그리지 않고 모니터의 스크린에 그린다. * Create Arc 아크 그리기 피자 모양의 아크를 그리는 기능이다. 아크는 coordinat..
코딩(CODING)/파이썬(PYTHON) 2020. 8. 18. 22:18
◀ 1 ··· 52 53 54 55 56 57 58 ··· 76 ▶

티스토리툴바