본문 바로가기

테크노트44

웹개발 - PHP 시작하기 php는 웹개발자들이 쉽고 빠르게 동적 웹페이지를 만들 수 있도록 해주는 프로그래밍 개발언어입니다. 참고로 역사적으로 1995년 PHP 1.0 소스가 세상에 최초 공개되었습니다. (굉장히 오래된 언어) 아래와 같이 2004년도에는 전세계에서 가장 많이 사용하는 개발언어였습니다. 2021년 현재 시점에서 PHP는 아래와 같은 9위 정도 순위로 전세계에서 사용되고 있습니다. php 의 장점을 몇가지 말씀 드리고 넘어가겠습니다. (1) php는 무료이다 (2) php는 플랫폼에 독립적이다 윈도우 환경이든 유닉스 환경이든 거의 모든 서버플랫폼에서 동작이 가능하다 요즘 대부분의 웹서버(아파치, IIS 등)를 모두 지원한다 (3) php는 웹개발에 적합하다 php는 본래 웹을 목적으로 개발된 언어이기에 웹환경에서 .. 2021. 11. 5.
CSS 기초는 알아두자 CSS (Cascading Style Sheets)는 웹페이지를 다양하게 꾸미는 데 필요한 코드입니다. HTML과 같은 마크업 언어가 아닌 스타일을 적용할 수 있는 스타일시트 언어인 것이죠 각각의 요소가 어떻게 구성하는지 잠깐 살펴보자면 전체구조는 rule set 이라고 부릅니다. 각 요소들은 - 선택자 (selelctor) 맨 앞에 있는 요소 이름입니다. 위의 예제에서는 p 인것이죠 다른 요소를 꾸미기 위해서는 다른 선택자를 사용하면 됩니다. p 대신에 p, li, h1 이렇게 말입니다 - 선언 (declaration) color: red; 와 같은 규칙을 코딩하는 것이며 다양한 요소의 속성과 속성값 등을 기술합니다. - 속성 (property) rule 내에서 영향을 줄 속성을 선택합니다. 이 예에서.. 2021. 11. 3.
HTML5에 추가된 새로운 태그 아래 내용은 HTML5에 추가된 새로운 태그만 비교 차원해서 정리하였습니다. 주석(comment)을 정의함. 해당 문서(document)의 타입을 정의함. 다른 콘텐츠와 연결되는 하이퍼링크(hyperlink)를 정의함. 축약형(abbreviation)이나 머리글자로만 된 단어(acronym)를 정의함. 머리글자로만 된 단어(acronym)를 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소를 사용함. 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시함. 문서에 포함되는 애플릿(웹 페이지에 포함되어 작은 기능을 수행하는 프로그램)을 정의함. HTML5에서는 더 이상 지원하지 않으며, 대신 요소나 요소를 사용함. 이미지 맵(image-map)에서 하이퍼링크가 연결될 영역을 정의함. 해당.. 2021. 11. 2.
HTML 태그 정리 HTML을 정리해서 나열하기 위한 아래와 같이 가장 많이 사용되는 태크를 기준으로 정리하였습니다. * 정리되어 있는 것을 보기전에 필수적으로 알아야할 태그 몇개만 익숙해지면 나머지는 그때 그때 필요하면 가져다 사용하면 됩니다. * 모든 것의 기본 * * 자주 사용되는 기본 태크 * 1. 요소는 브라우저에게 해당 문서가 HTML 문서임을 알려주는 역할을 합니다. HTML 문서의 콘텐츠(contents) 영역입니다. 2. 3. 태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다. HTML 문서에는 단 하나의 요소만이 존재할 수 있습니다. HTML 문서의 콘텐츠(contents) 영역입니다. 4. 태그는 해당 문서의 제목(title).. 2021. 11. 1.
FE개발자를 위한 HTML에디터 추천 HTML 이나 CSS, JavaScript로 웹페이지 작성을 위한 에디터 또는 편집기를 추천드립니다 (1) Visual Studio Code (비쥬얼 스튜디어 코드) 비쥬얼스튜디오코드(VSC)는 Microsoft 부터 Windows, Linux, MacOS 등에 사용가능한 오픈소스 무료에디터입니다. 다른 에디터나 편집기와 비교해 보면 빠르고, 디버깅, 임베디드, GIT제어, 구문강조를 포함한 많은 기능이 있습니다. 쉽게 사용자 정의가능하므로 색상, 테마, 텍스트, 글꼴 크기, 키보드 단축 및 환경 설정등을 편집할 수 있습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a .. 2021. 11. 1.
개발세팅의 기본 - PHP에서 mariaDB 커넥션 테스트 1 (1) 개발 세팅의 기본 - APM(Apache+PHP+mariaDB) 2 (2) 개발 세팅의 기본 - PHP 설치 3 (3) 개발 세팅의 기본 - PHP에서 mariaDB 커넥션 테스트 PHP에서 mariaDB 데이터베이스에 커넥션 테스트 이번편에서 할 간단한 내용입니다. 1),2),3) 을 모두 성공하였다면 95%는 완료된 것입니다 그러나 지금까지는 디비는 별도 설치한 상태고 나머지는 사실 Apache 와 PHP와 연결한 것이니 그냥 여기서 끝나버리면 왠지 먼가 찝찝한 느낌이랄까요? 그래서 제대로 하기 위한 PHP에서 설치된 mariaDB에서 디비커넥션을 해보겠습니다 모든것이 문제가 없다면 그저 커넥션 테스트 php 파일을 하나 더 만들어서 브라우져에서 호출해 보면 끝날 것입니다 테스트파일명은 m.. 2021. 10. 23.
개발 세팅의 기본 - PHP 설치 1 (1) 개발 세팅의 기본 - APM(Apache+PHP+mariaDB) 2 (2) 개발 세팅의 기본 - PHP 설치 3 (3) 개발 세팅의 기본 - PHP에서 mariaDB 커넥션 테스트 이번 시간은 이전시간의 아파치웹서버 설치 후에 PHP 모듈을 연동하여 브라우져에서 데이터를 뿌려보겠습니다 PHP는 컴퓨터언어입니다. 한때는 아주 잘나갔던 언어였습니다. 무시하지 마십.... 우선 index.html 파일을 수정해서 PHP 개발언어를 호출해 보는 부분을 코딩해 보겠습니다 아까 아파치 document root 의 위치가 어디라고 설정했었나요? 기억나시죠? index.html 이 존재하는 곳. 실행하려는 html과 실제 물리적인 페이지 파일이 존재하는 곳이죠 참고로 파일 에디팅(editing,편집 등) 은.. 2021. 10. 23.
개발 세팅의 기본 - APM (Apache+PHP+MariaDB) 1 (1) 개발 세팅의 기본 - APM(Apache+PHP+mariaDB) 2 (2) 개발 세팅의 기본 - PHP 설치 3 (3) 개발 세팅의 기본 - PHP에서 mariaDB 커넥션 테스트 기본 중에 기본이며 "수학의 정석"과도 같은 APM은 10년도 훌쩍 넘은 시간 가운데 아직도 굳건하게 자리하고 있다 시스템 설정은 자주 하는 것이 아니며 설정이 단번에 성공하면 오직 1번만 하는 것이기에 항상 기억이 가물가물하다 아주 오래전 기억 이후에 재설치를 할때면 이렇듯 늘 새롭다(^^) APM은 제목에도 있듯이 Apache PHP MariaDB (예전에는 MySQL 이었죠) 마리아디비는 이미 다른 카테고리에서 4편에 걸쳐서 설명하기에 거기서 참조하면 되고 여기서는 A 와 P 만 하려고 합니다 이제 Apache.. 2021. 10. 23.

티스토리툴바