목록IT개발/웹개발 (7)

은팡이의 이것저것

HTML tag

본격적으로 HTML을 파헤쳐 보겠습니다! 먼저 HTML의 기본 틀을 한번 보겠습니다. 제 블로그도 웹페이지죠? 그럼 블로그의 기본 틀을 확인해 볼까요? 블로그 홈에서 마우스 오른쪽클릭! 검사 버튼을 누르면 따란~ 펼쳐저 있는 HTML을 최대한 짧게 접어놓은 상태입니다. 기본적인 HTML형식이 눈에 보이시나요? ... 요론 식의 형식이 보이죠! 저 괄호 화살괄호() 안에 이름이적혀있죠? 바로 이것을 tag(테그)라고 합니다. 테그를 이용해서 브라우저에게 무었인지 알려주는 것이죠. 테그에 대해 구체적으로 알아볼까요? 1.테그 형태 -기본적으로 테그는 열고 닫는 형식이다. 홈페이지의 예제처럼 ... 이런식으로 시작과 끝을 지정해준다. 테그 사이에 넣은 내용이 웹사이트에 보여지는 것이다. -예외의 경우로 끝을 ..
IT개발/웹개발 2023. 2. 9. 00:10
Visual Studio Code 세팅

제가 왜 Visual Studio Code를 사용해서 웹페이지를 만드는지 간단하게 알아봅시다! 웹페이지를 만들때 꼭 Visual Studio Code를 사용해야 하는건 아닙니다. 메모장으로도 충분히 만들수가 있죠! 그런데 왜 Visual Studio Code를 사용하느냐?! -우리가 웹페이지를 작성할때 도움이 되는 확장장치(?)를 쉽게 설치해서 사용할 수가 있기 때문입니다. 간단히 말해서 우리가 서류를 작성할때 메모장에 적어도 되지만 여러가지 기능을 지원하는 한글이나 워드 등..을 사용하는것처럼, 웹페이지를 작성할때 많은 도움을 주기때문에 사용하는 것이죠. Visual Studio Code말고도 자신에게 맞는 툴이 있다면 선택하여 사용하시면 됩니다! -기능 설치방법은 아주 쉽습니다! -우측에 보이는 아이..
IT개발/웹개발 2023. 2. 7. 23:00
HTML 간단한 웹사이트 만들기

Visual Studio Code를 잘 다운로드 받았나요? 이제 본격적으로 HTML을 공부해봅시다! 아직 다운로드를 못받으셨다면 이전글을 참고해주세요! 👉 설치가 완료됐다면 처음으로 웹사이트를 만들어 봅시다! 1.VSC에 폴더 추가하기 -우리가 만든 HTML파일을 저장하고 관리하기 위해서 폴더를 하나 만들어 주겠습니다. 경로는 편하신곳에 저장해주세요! -폴더를 만들으셨다면 VSC를 열어 폴더를 추가합니다!(Open Folder...) 여기까지 따라오셨다면 작업할수있는 환경셋팅이 완료된겁니다! 이제 우리가 만들어보려 했던 HTML파일을 만들고 나만의 웹사이트를 만들어 봅시다! 2.VSC에서 HTML만들기 원하는 이름의 파일로 뒤에 확장자명만 .html을 붙여주면 완성! 3.HTML작성하기 자 이렇게 하면 ..
IT개발/웹개발 2023. 1. 21. 00:23
HTML 준비

이번 글에서는 HTML을 사용해서 웹사이트를 만들기위한 준비를 해보자! -코드작성을위한 VSC(Visual Studio Code)를 다운받아 설치한다. Visual Studio Code에 접속해서 쉽게 다운로드 받을 수 있다. 👉https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Lin..
IT개발/웹개발 2023. 1. 20. 02:28
JavaScript가 뭐야?

단순하게 웹사이트는 개발자 입장에서 3개의 언어(HTML, CSS, Javascript)로 이루어 졌다고 생각하면 될것같다. 그중 세번째 언어인 Javascript에 대해서 알아보자! -JavaScript 간단히 말하면 HTML은 웹사이트의 뼈, CSS는 살, JavaScript는 뇌 라고 말할수 있을것같다. 웹사이트에서 이루어지는 작업들을 컨트롤하는 뇌인것이다. ex)클릭했을때 이루어지는 작업 등... *모든 웹사이트에서 필요로 하지는 않는다. HTML, CSS보다는 좀더 내용이 큰 부분이지만 차근차근 공부해보자! 다음글부터 JavaScript에 대해 배워보자! 문제가 되는 부분은 언제든지 알려주시면 수정하겠습니다😅
IT개발/웹개발 2023. 1. 18. 23:42
CSS(Cascading Style Sheets)가 뭐야?

단순하게 웹사이트는 개발자 입장에서 3개의 언어(HTML, CSS, Javascript)로 이루어 졌다고 생각하면 될것같다. 그중 두번째 언어인 CSS에 대해서 알아보자! -CSS(Cascading Style Sheets) CSS는 HTML과 함께사용하는 언어이다.(두가지를 따로 사용하지 않는다!) HTML이 브라우저에게 웹사이트의 콘텐츠가 무었인지 설명하는 언어였다면, CSS는 브라우저에게 웹사이트가 어떻게 보여야 하는지에 대해 알려준다. 이해하기 쉽게 예를 들자면.. HTML : 이거는 제목이고, 이거는 본문 글이고 이거는 이미지야! CSS : 제목은 크고 굵게 해주고, 본문글은 작게해주고 이미지는 가로세로 25크기로 해줘! 간단히 말해 CSS는 디자인할때 사용하는 언어라고 생각하면 될것갔다. 다음 ..
IT개발/웹개발 2023. 1. 18. 23:30
이전 Prev 1 2 Next 다음