728x90 반응형 SMALL Website26 [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹사이트 빌드 (2) CSS를 사용하여 HTML 스타일 지정 CSS (Cascading Style Sheet)를 사용하여 페이지의 모양을 지정할 수 있다. 기본적인 개념은 HTML 페이지 내에서 사용하는 요소에 대한 스타일을 정의하는 것이다. 예를 들어 상자를 선택하고 둥근 모서리를 적용하거나 상자의 배경에 그라데이션 효과를 지정할 수 있다. 또는 CSS를 사용하여 상호 작용할 때 하이퍼링크가 표시되고 응답하는 방식을 지정할 수 있다(HTML 코드에서 하이퍼링크의 대상 주소를 정의). 특정 요소 또는 특정 형식의 모든 요소에 스타일을 적용하거나, 클래스를 사용하여 여러 요소에 적용할 수 있는 스타일을 지정할 수 있다. CSS3에서는 정교한 애니메이션 효과를 수행할 수도 있다. 외부 CSS ... #HTML Task Timel.. 2022. 2. 6. [Website] HTML, CSS 및 JavaScript를 사용하여 간단한 웹사이트 빌드 (1) 웹페이지의 기능 콘텐츠, 스타일, 비즈니스 논리는 각각 HTML, CSS 및 JavaScript 파일로 구분된다. 최신 프로그래밍의 디자인 원칙은 ‘문제를 분리하는 것’이다. 문제를 분리하는 여러 가지 이유 중에서 두 가지 이유는 단순성과 재사용이다. 예를 들어 각 HTML 요소에서 모양을 코딩하는 대신 CSS를 사용하여 HTML 요소의 스타일을 지정함으로써 페이지 복잡성과 관계없이 페이지의 모든 요소에 CSS 스타일을 적용하여 페이지 서식 지정을 간소화할 수 있다. 또한 여러 HTML 페이지를 단일 CSS 파일에 연결하여 전체 웹 사이트에서 일관된 모양과 느낌을 간소화할 수 있다. 확장 또는 패키지 설치 Extensions Marketplace를 사용하여 Visual Studio Code의 기능을 확장.. 2022. 2. 6. [Website] 구조화 질의 언어 (SQL ; STRUCTURED QUERY LANGUAGE) 구조화 질의 언어 (SQL ; STRUCTURED QUERY LANGUAGE) 백엔드 개발에 관심이 있다면, SQL은 반드시 배워야 하는 언어이다. SQL은 MySQL이나 PostgreSQL과 같은 주요 데이터베이스 (DB) 엔진을 돌아가게 하는 원동력이다. 대부분의 DB 엔진은 SQL과 코드가 호환되기 때문에 SQL을 익혀 두면, 어떤 DB 시스템 기반에서도 작업을 할 수 있다. 초보자들이 가장 많이 접하는 데이터베이스 엔진은 MySQL이다. MySQL은 호스팅 업체에서 묶음으로 함께 제공되는 경우가 많으며, 워드프레스 (WordPress)와 같은 유명한 콘텐츠관리시스템 (CMS)에서 가장 많이 사용되고 있는 DB 엔진이다. 모든 언어를 다룰 수 있다면 유능한 풀 스택 (full-stack) 개발자가 .. 2022. 2. 6. [Website] 웹 개발 언어 (PHP / PYTHON / RUBY) (2) 웹 개발 언어 (PHP / PYTHON / RUBY) 웹개발의 마지막 퍼즐은 백엔드 개발 분야이다. 백엔드는 엄청나게 다양한 ‘웹 개발 언어’들이 쓰이는 방대한 영역이며, 그중에서는 그 어떤 것보다도 많이 쓰이는 ‘웹 개발 언어’들이 있다. 이제 막 걸음마를 뗀 개발자라면 주위에서 피에이치피 (PHP)에 대한 이야기를 많이 들을 것이다. PHP는 오래된 웹 프로그래밍 언어로 웹 개발에 목적을 두고 개발된 언어이다. 불과 몇 년 만에 PHP는 빠르게 기반을 잡으며 성장을 했다. 워드프레스 (WordPress), 줌라 (Joomla), 마젠토 (Magento)와 같은 프로젝트들이 PHP를 기반으로 만들어졌다. PHP는 라라벨 (Laravel), 파이썬은 장고 (Django), 루비는 레일즈 (Rails)라는.. 2022. 2. 6. [Website] 웹 개발 언어 (HTML / CSS / Javascript) (1) 웹 개발 언어 (HTML / CSS / Javascript) 1. HTML과 CSS가 가장 기본이 되는 웹 개발 언어이다. 이 두 언어는 로직을 다루는 것이 아니기 때문에 실제 프로그래밍 언어라고 할 수는 없다. HTML은 마크업 언어 (markup language)이고, CSS는 스타일 언어 (Style Language)이다. HTML은 페이지가 어떻게 구성되는지를 정하는 언어이고, CSS는 페이지가 화면에 어떻게 보이는지를 정하는 언어라고 생각하면 된다. 이 언어는 서버의 도움 없이 브라우저 안에서 작동되기 때문에 프런트엔드 (frontend) 언어로 간주된다. 프로그래머들 중에서는 파이썬 (Python)이나 자바스크립트 (Javascript)와 같은 완전한 웹 개발 언어로 시작하는 사람들도 있다. .. 2022. 2. 6. 웹사이트 (Website) 웹사이트 (Website) 웹사이트 (website)는 인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 루트 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지 (Web Page)들의 의미 있는 묶음이다. 대한민국에서 흔히 말하는 홈페이지는 엄밀히 말해 웹사이트를 지칭한다. 최초의 웹사이트는 팀 버너스리가 1990년에 CERN에서 만든 info.cern.ch이다. (지금도 CERN사이트 안에 존재함.) 웹사이트는 인터넷이나 랜과 같은 네트워크를 통해 접속할 수 있는, 적어도 하나의 웹 서버 상에서 호스팅된다. 웹 페이지는 HTML / XHTML의 형식으로 표현되지만 일반적으로 순수 문자열로 쓰여진 문서이다. 웹 페이지는 HTTP를 통하여 접속되며 가끔씩은 HTTPS를 통한 암호화를.. 2022. 2. 6. 이전 1 2 3 다음 728x90 반응형 LIST