Wise Computing Life

안녕하세요 :) HTML을 주제로 한 다섯번째 포스팅에서 다루어 볼 내용은 속성 입니다. 지난번 포스팅때 까지 우리는 좋아하는 노래의 가사 정보를 출력하는 웹페이지에 여러가지 태그를 추가하여 보기 좋게 만들어 보았습니다. 태그를 이용한 문단 나누기 까지 한 결과가 아래와 같았죠 그런데 뭔가 텍스트 자료만 있으니... 생동감없이 휑~ 합니다. 그래서 이번에는 속성을 다루기위해 이미지를 추가해 보겠습니다. 마음같아선 스테이씨 사진을 넣고 싶지만 저작권이 있기 때문에 무료이미지 사이트에 music이란 키워드로 검색한 아무 이미지를 .html 파일이 있는 디렉터리내에 sample.jpg 라는 이름으로 넣어 주었습니다. 그런다음 이미지를 넣는태그는 입니다. 그런데 그냥 라고 한다면 어떻게 내가 저장한 이미지를 불..

안녕하세요 :) HTML을 주제로 한 네번째 포스팅 내용은 TAG 와 검색엔진에서의 입니다. 일단 TAG br 과 p에 대해서 다루기 위해 이전 포스팅에서 사용한 예제를 한번더 사용하겠습니다. 제가 요즘 관심을 가지고 있는 걸그룹 STAYC 의 ASAP 이라는 노래의 가사를 출력한 웹페이지 인데요, 1절과 2절사이의 구분이 없이 쭉 출력된것을 확인할수 있습니다 이번포스팅에서는 이런 단락과 단락 사이의 구분을 지어줄예정입니다. 방법은 두가지가 있습니다. 1. 줄바꿈 태그인 을 사용하여 시각적으로 단락을 구분지어 주기 2. 각 문단을 구분해주는 태그를 사용하여 문단을 구분해주기 1번 방법의 경우 구분이 필요한 부분에 줄바꿈태그 을 사용하는 것으로 사용예는 다음과 같습니다. 2번 방법의 경우 1절의 구문과 2..

안녕하세요 :) HTML을 주제로 한 세번째 포스팅은 TAG 에 대하여 다루어 보겠습니다. 지난 포스팅 개발환경을 구축하며 우리는 아주 간단한 웹페이지를 만들어 보았습니다. 사실 그냥 파일의 확장자를 .html로만 주더라도 웹브라우저로 실행했을 때 파일의 내용이 출력되는 것을 알수 있었습니다. 하지만 지난 포스팅의 hello world 에서 hello 부분에 굵은 글씨로 강조를 주는 태그를 사용했었죠 오늘부터 다룰 내용은 바로 이 태그입니다. 태그는 작성된 텍스트에 어떠한 성질이나 속성을 부여해주는 느낌? 으로 처음에 이해하면 될것 같습니다. 꼭 텍스트가 아니어도 나중엔 버튼이나 텍스트박스 리스트 등도 이 태그를 통해서 선언할수 있습니다. 그럼 일단 처음에는 텍스트에 속성을 부여해준다는 느낌으로 한번 시..

안녕하세요 :) HTML을 주제로 한 두번째 포스팅은 개발 환경 구축에 대하여 다루어 보겠습니다. 먼제 저는 우분투 20.04 리눅스 운영체제를 사용하고 있습니다. 철저하게 리눅스 기준으로 포스팅을 할것이지만 HTML 언어는 웹브라우져와 코드를 작성할수 있는 프로그램 하나면 충분합니다. 사실 .html로 확장자를 바꾸어 작성할수 있는 텍스트 편집기 아무거나 상관 없습니다. 그리고 이미 윈도우라면 메모장 , 맥이나 리눅스라면 터미널에서 충분히 이를 행항수 있습니다. 저의 경우 firefox 웹브라우저 와 vi 에디터를 사용하여 개발을 진행해볼 계획입니다. 개발환경구축이라기 보다는 리눅스 환경에서 html 언어를 작성하고 확인하는 방법에 대하여 다루어 보겠습니다. 먼저 터미널을 열어 test.html 이라는..

안녕하세요 :) HTML 을 다루는 첫번째 포스팅에서 다루어볼 내용은 기획입니다. 기획이라는 요소는 참 중요합니다. 어떤것을 만들기 이전에 우리는 완성본에 대한 모습을 상상하게 됩니다. 그리고 상상대로 만들어 질수 있도록 철저하게 계획을 세우고 나중에는 상상과 결과를 비교하며 평가해보죠 만약 김치볶음밥을 만든다고 가정하면 일단 김치와 ,여려 재료, 밥이 어우러진 맵고 짠 빨간 볶음밥을 상상할것입니다. 그리고나서 계획을 세우게 되죠 맵게 만들고 빨간색을 만들려면 고추가루가 필요하고 김치가 필요하겠구나, 짠맛을 내기위해 간장 또는 소금을 사용하겠구나 등등에 해당합니다. 계획을 다 세우면 실제로 행동에 옮겨 요리를 시작합니다. 근데 만약 이러한 계획이 없이 그냥 나는 김치볶음밥을 만들겠어 하고 칼부터 집어든다..

안녕하세요 :) shinyocean 입니다. 이번에 다룰 카테고리는 웹프로그래밍 언어중 하나인 HTML 입니다. 최근 파이썬 개발을 하던 와중에 웹프로그래밍에 관심이 생기게 되었습니다. 그러다 Django를 이용한 간단한 웹 어플리케이션을 만들려고 했습니다만! 기본이 되는 HTML을 조금 다루고 넘어가는 것이 중요하겠다는 생각이 들어서 따로 카테고리를 마련하게 되었습니다. 저의 경우 특성화 고등학교 3학년 시절 HTML에 대하여 살짝 맛본 경험이 있었습니다. 하지만 기본적인 언어의 구성 정도를 익히고 HTML파일을 만들어 실습하는 정도 였습니다. 실제로 웹과 연동해보지는 못했었죠 ...ㅎ 그리고 무엇보다 5년전 수업이라 기억이 그리 잘 나지 않았습니다 ㅎ... 그래서 다시 새롭게 공부해야할 필요를 느끼게..

안녕하세요 :) 파이썬 개발을 주제로한 여섯 포스팅은 GUI 환경의 Todolist 개발입니다. 이번에는 tkinter 라이브러리를 이용한 GUI 환경의 투두리스트를 개발해보겠습니다. DB는 저번에 만들어둔 TodoDB를 그대로 사용할것입니다 ㅎㅎ 먼저 GUI 인터페이스를 구상하여야 하는데 그냥 완성된 모습을 먼저 보여드리고 과정을 설명드리겠습니다. 지난번과 마찬가지로 프로그램 종료 작업인 EXIT 를제외한 네가지 작업을 구현해둔 인터페이스는 다음과 같습니다. 먼저 프로그램의 상단에 Todo list box가 자리하고 있습니다. 이미 수행한 항목은 하얀색 글씨로, 아직 수행하지 못한 항목은 초록색 글씨로 출력되고 있습니다. 각각은 did 와 yet 버튼을 통하여 글씨의 색을 바꾸고 TodoDB의 data..

안녕하세요 :) 이번 포스팅은 저번 포스팅에서 완성한 DB 연동 텍스트 투두 리스트를 간단한 시나리오를 통해 데모해보겠습니다. 데모 시나리오를 간단하게 구상해 보았는데요 다음과 같습니다. 이제 제가 철수씨로 빙의해서 데모를 해보겠습니다, 저는 이제 철수 입니다. 퇴근 시간이 10분 남았으니 투두 리스트 어플리케이션 을 실행해서 내일 할일을 작성후에 퇴근하도록 하자!! 2번 작업인 INSERT를 통해 내일 할 5개의 계획을 입력해보자! 입력한 내용들이 잘 들어가 졌는지 1번 SELECT를 통해 확인해 볼까? 이거 믿을만한 프로그램 맞겠지...? 직접 mysql 로 확인해보자... 다행히 잘 들어갔네! 내일 출근해서 다시 일해보자.... (다음날) 열심히 일한 철수는 위의 세항목을 완료 하였고 DO 의 값을..