반응형HTML layout 06 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header nav side article1 article2 contents1 contents2 contents3 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/210

반응형HTML layout 05 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header article footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/209

반응형HTML layout 04 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side article1 article2 article2 footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/208

반응형HTML layout 03 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side contents article footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/207

반응형HTML layout 02 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header side contents footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 wtss.tistory.com/206#

반응형HTML의 기본! 미디어쿼리 연습하기 화면사이즈에 따라 반응하는 반응형 사이트를 만들기위해 가장 핵심적으로 알아야 하는 미디어쿼리를 만들어보는 연습입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. 미디어쿼리 미디어 쿼리는 화면 크기에 따른 각각의 속성 값을 지정하여, 여러가지 화면을 구성하는 기술입니다. @media only all and (조건문) {실행문} @media : 미디어 쿼리가 시작됨을 표시합니다. only : 미디어 퀴리 구문을 해석하라는 명령업니다. (생략가능) all : 미디어 쿼리를 해석해야 할 대상을 나타냅니다. (생략가능) all : 모든 미디어 유형에서 사용할 CSS를 정의..

HTML 코딩연습 첫번째! : 웹 표준 사이트 만들어보기 WEBSTORYBOY 쌤 강의 열심히 쫒아가며 처음으로 만들어본 웹 표준 사이트입니다. [Smaple Image] 이미지를 클릭하시면 해당사이트 연결됩니다. [Source Code] 아래 링크를 통해 소스코드를 다운받으실 수 있습니다. github.com/ywc1085/webstandard 나름 강의내용에서 조금씩 응용하여 변경적용하며 만들어봤는데 한번 만들어보니 막상 막막했던 코딩에 조금은 자신감도 생기네요... 좋은강의 만들어주신 WEBSTORYBOY님께 감사드립니다. [REFFERENCE SITE] WEBSTORYBOY wtss.tistory.com/category/SITE/01%20WEBSTANDARD

반응형HTML layout 01 아래와 같은 레이아웃을 만드는 연습용 코드입니다. [Sample Image] 이미지를 클릭하시면 새창에서 완성된 페이지를 확인하실 수 있습니다. [Source Code] 아래는 소스코드입니다. header nav side contents footer REFFERENCE SITE WEBSTORYBOY님의 온라인 강의 사이트 https://wtss.tistory.com/204

근의 공식 이차방정식 $a{x}^2+bx+c=0$ 에 대한 근의 공식은 다음과 같습니다. $x=$$\frac{-b\pm \sqrt{b^2-4ac}}{2a}$ 근의 공식 증명 근의 공식을 증명하기 위해 먼저 완전제곱꼴로 만들고 그 다음 대수학을 사용하여 증명합니다. 1. 완전제곱꼴 만들기 $a{x}^2+bx+c=0$ $a{x}^2+bx=-c$ $x^2+$$\frac{b}{a}$$x=-$$\frac{c}{a}$ $x^2+$$\frac{b}{a}$$x+$$\frac{b^2}{4a^2}$$=$$\frac{b^2}{4a^2}$$-$$\frac{c}{a}$ $(x+$$\frac{b}{2a}$${)}^2=$$\frac{b^2}{4a^2}$$-$$\frac{c}{a}$ 2. 대수학 $(x+$$\frac{b}{2a}$${)}^2=$..

파이썬 코드를 작성하다보면 종종, 아니 아주 자주 오타나 문법오류등으로 인하여 에러가 발생하는 것이 어쩌면 너무나 당연하다고 할 수 있습니다. 이때 터미널을 통하거나 기타의 에러 로그들을 이용하여 확인하는 등 여러 방법이 있을 수 있는데요, 만약 cgi 모듈을 사용하여 python코드를 작성할 경우 웹에서 실행을 시키다가 오류가 난다면 브라우저에 바로 오류 내용을 알려주는 모듈이 있어 공유합니다. 코드는 아래와 같습니다. import cgitb import sys cgitb.enable() 우선 먼저 cgitb와 sys 모듈을 임포트하고cgitb모듈을 활성화시키는 함수를 실행합니다. 만약 코드에서 에러가 있다면 실행시 브라우저에 위의 이미지와 같이 에러 내용을 바로 표시하여 주기때문에 디버깅을 하기에 매..