안녕하세요, 초짜입니다. 이번 포스팅에는 폰트에 관한 글을 쓸까 합니다. 기본적인 폰트가 있는데 굳이 외부에서 가져와서 폰트를 사용하는 이유는 간단합니다. 보기 예쁘기 때문이죠. 웹 페이지를 더 예쁘게 하기 위해서는 어떤 방법을 써야 하는지 알아보도록 하겠습니다. 웹에서 폰트를 가져오거나 로컬로 다운로드 후 사용하는 방법을 각각 알아보겠습니다. 0. font-familly 우선 font-familly가 뭔지 알아야 합니다. font-familly는 CSS에서 글꼴을 설정하는 속성입니다. body {font-familly:"궁서체";} 이런 식으로 사용할 수 있습니다. 이렇게 사용한다면 결과는 body 태그 안에 있는 글의 폰트가 궁서체가 되는 것입니다. font-familly 속성에서 쉼표(,)를 쓸 수..
안녕하세요, 초짜입니다. 이번에 다뤄볼 주제는 HTML에서 기본적인 태그 중 하나인 br 태그입니다. br 태그가 무슨 뜻을 가지고 있는지는 다 아실 거라고 생각합니다. 모르시는 분을 위해 요약하자면... Hello World Hello World 간단한 코드를 보겠습니다. 이 코드의 결과물은 어떻게 될까요? Hello World Hello World 바로 이렇게 됩니다. 보시다시피 일반적인 방법으로는 코드 내에서 개행을 해도 개행할 수 없습니다. 여기서 개행을 해주는 태그가 바로 br 태그입니다. 그런데 다른 사람의 코드를 보다 보면 , , , ...이렇게 각각 다르게 생겨서 뭐가 맞는건지 헷갈릴 때가 있습니다. 이에 각각 알아보겠습니다. HTML4 : 만 허용 HTML5 : 선호, 및 사용 가능 XH..
안녕하세요, 초짜입니다. 이번에는 express-generator에 대하여 포스팅하겠습니다. express-generator를 간단히 해석하자면 express : express generator : 생성기? 발생기? express 생성기 정도로 해석할 수 있겠군요. 여기서 express는 node.js에서 동작하는 웹 프레임워크입니다. 이 express를 사용해서 웹 개발을 간편하게 할 수 있습니다. 이러한 express의 구조를 쉽게 만들어주는 것이 express-generator입니다. 그니까 node.js 웹 개발을 쉽게 해주는 express를 쉽게 만들어주는..?? 그런 역할로 보면 되겠습니다. 저는 굉장히 애용하고 있습니다. express-generator 설치 설치 방법은 간단합니다. npm ..
안녕하세요, 초짜입니다. 이번에는 PHP 소스 코드가 그대로 보일 때 해결 방법에 대해 알려드리겠습니다. MySQL과 연결했을 때의 오류 해결 방법도 몇 개 적어놨으니 도움이 되셨으면 좋겠습니다. PHP를 처음 깔 때나 어떨 때 갑자기 소스 코드가 그대로 페이지 상에서 출력될 때가 있습니다. 방법은 여러 가지니 차근차근 살펴봅시다. 1. 서버 상태 확인 서버가 제대로 작동하는지 확인해 볼 필요가 있습니다. 혹은 서버를 사용하지 않고 그냥 파일을 여는 어이없는 실수를 하셨을 수도 있으니 제대로 확인해보시길 바랍니다. 2. phpinfo();로 PHP 확인 이런 식으로 파일을 만들어 준 후, 실행하면 PHP의 정보가 출력되면 정상입니다. 만약에 이것 역시 그대로 출력된다면 PHP가 정상적으로 설치되지 않았을..
[HTML] 2) 기본적인 태그 1
안녕하세요, 초짜입니다. 이번에는 자주 쓰이면서도 기본적인 태그들에 대해 알아보겠습니다. DOCTYPE html> Page Title Hello Hello Hello Hello Hello Hello Hello1 Hello2 Hello3 HelloHelloHello 앞으로 코드는 이제 이렇게 보여드리겠습니다. 코드와 비교해서 보겠습니다. 우선 h1~h3 태그는 보시다시피 Hello의 크기가 점점 더 작아지는 것을 볼 수 있습니다. 따라서 h1이 제일 크고 h6이 제일 작다고 할 수 있습니다. 보통 h1 태그는 제목을 쓸 때 사용합니다. 밑에 p 태그는 문단을 구분하는 태그입니다. 그리고 a 태그는 그 안에 href라는 것이 있는데요. 이것을 태그의 속성이라고 합니다. a 태그는 하이퍼링크를 만드는 태그인데..
[HTML] 1) 개요 및 기초
안녕하세요, 초짜입니다. 이번에는 HTML의 개요 및 기초에 대해 알아보겠습니다. 우선 기본적으로 HTML이란 웹 페이지를 만들기 위한 언어로 풀어서 쓰면 HTML(Hyper Text Markup Language)입니다. 기본적인 코드를 하나 살펴보겠습니다. Hello, world! 이걸 실행하면 이렇게 됩니다. 평범하게 잘 됩니다. 이렇게 보시다시피 HTML은 와 같은 꺽새가 보이는데요. 이것을 태그라고 합니다. 태그는 과 처럼 여는 태그와 닫는 태그(종료 태그)로 쓰입니다. /가 있는 태그가 닫는 태그가 됩니다. HTML의 확장자는 html입니다. 위의 코드에 쓰인 태그에 대해 설명해드리겠습니다. 이 태그는 문서의 유형을 나타내며 브라우저가 웹 페이지를 올바르게 표시할 수 있게 해줍니다. 이 태그는 ..
[Project] PHP 방명록 만들기 7) : 끝
안녕하세요, 초짜입니다. 저번에 방명록을 완성했었습니다. 이번에는 다름이 아니라 제가 만든 방명록의 단점 등을 살펴보고 마무리를 하겠습니다. 우선 페이지를 만들 때 처음에 무조건 쓰던게 있었습니다. $conn = mysqli_connect("localhost", "사용자이름", "비밀번호");$db = mysqli_select_db($conn, "데이터베이스이름"); 바로 이 부분인데요. 만들 때마다 이 코드를 쳐야 되는 불편함이 있었습니다. 그래서 제가 쓸 것은 dbconfig.php를 만들고 그것을 require시키는 것입니다. dbconfig.php를 우선 만들어보겠습니다. 네. 파일을 만들 때 마다 쓴 DB에 연결하는 코드입니다. 이 코드를 dbconfig.php에 넣고 list.php, dele..
[Project] PHP 방명록 만들기 6) : 페이징 구현(list.php)
안녕하세요, 초짜입니다. 저번 시간에 수정 페이지까지 해서 기본적인 기능은 다 구현한 것 같습니다. 이번에는 저번에 말씀드렸다시피 페이징을 해보겠습니다. 보시는 바와 같이 밑의 [1]처럼 글이 5개 이하면 [1]만 나오고 10개 이하면 [2]까지 나오고... 그렇게 해보겠습니다. 우선 필요한 것을 알아야 합니다. 우선 글의 총 개수를 알아야 할 것이고 한 페이지 당 최대 글의 개수를 알아야 합니다. 저는 한 페이지 당 최대 5개의 글을 올리고 싶습니다. 그렇게 바뀐 코드를 한번 보겠습니다. 이름 비밀번호 이름 비밀번호