기초코딩- HTML부터 시작하자
웹사이트는 최소 2가지에서 최대 3가지
종류의 언어로 이루어져 있다는 거
지난 글을 보셨다면 알고 계실 거라고
생각해요.
첫 번째 언어 : HTML
두 번째 언어 : CSS
세 번째 언어 : JavaScript
혹시 제 지난 글을 못 보셨거나
해당 언어가 '무엇인지도 잘 모르겠다'
라고 생각하신다면 밑에 글을 참고하세요.
기초 코딩 - HTML 이란 무엇일까?
지난 글에 제가 웹사이트는 단지 Text일 뿐이라고 말한 거 기억하시나요?? 코딩은 단순히 글을 적는 것뿐이라고 말씀드렸죠. 사실 웹사이트는 최소 2가지에서 최대 3가지 종류의 Text로 이루어져 ��
tm-csc.tistory.com
기초코딩 - CSS 이란 무엇일까?
지난 글에서 웹사이트는 최소 2가지에서 최대 3가지 종류의 언어로 이루어져 있다고 말했습니다. 첫 번째 언어 : HTML 두 번째 언어 : CSS 세 번째 언어 : JavaScript 이렇게 구성되어 있다고 말이죠. �
tm-csc.tistory.com
기초코딩 - JAVAScript 이란 무엇일까?
지난 글과 지지난 글에서 웹사이트는 최소 2가지에서 최대 3가지 종류의 언어로 이루어져 있다고 말했습니다. 첫 번째 언어 : HTML 두 번째 언어 : CSS 세 번째 언어 : JavaScript 이렇게 구성되어 있��
tm-csc.tistory.com
간략하게 복습 개념으로 정리를 하자면
HTML은 웹사이트를 만드는 뼈대
CSS는 디자인
JavaScript는 사이트를 매력적으로
만들어준다고 생각하면 됩니다.
이 3가지 언어 중에서 프로그래밍 언어는
오직 JavaScript 뿐이고요.
HTML은 Markup language이며
CSS는 디자인과 스타일을 위한 언어이고
JavaScript은 웹사이트를 동적으로
만들어주는 프로그래밍 언어라는 것만
알고 계시면 될듯합니다.
그럼 이제 HTML부터 자세히 알아볼까요!
먼저 HTMl이 저장될 폴더부터
만들어주세요~
이렇게 말이죠!
그다음은 필수로 설치해야 하는
프로그램 VSC를 실행하겠습니다.
만약 VSC가 설치가 되어있지않다면
밑에 글을 참고해주시고요.
코딩을 위한 소프트웨어 설치-딱 3가지!!
웹사이트는 단지 Text라는 말 기억하시죠?? 그럼 이 Text를 쓰기 위해서 즉 코딩을 하기 위해 뭐가 필요할까요? 딱 3가지만 준비하시면 됩니다. (유로 아니고 무료이니까 걱정하지 않으셔도 됩니다.
tm-csc.tistory.com
이렇게 VSC를 실행해주신 후에
파일에 오픈 폴더를 눌러
새로 코딩을 위해 만든 폴더를
선택해주세요
그리고 주의해주셔하는게
폴더명은 소문자로 만들어주셔야 합니다.
앞으로 만들 파일명도 소문자로
만들어주셔야 하고요.
왜냐하면 대문자로 인해
프로젝트가 작동이 안 된 경우를
너무 봐왔기 때문이죠.
꼭 소문자로 만들어주세요!!!
그럼 이제 파일을 만들어볼까요
New File이라는 버튼을 눌러주시고요
파일명은 아무거나 괜찮지만
확장자는 html로 적어주세요!!
저는 asdf.html로 만들었습니다.
그다음에 아무거나 적어주시면 되죠.
중요한 건 asdf.html 파일 옆에 동그라미
보이시나요?
저 동그라미는 변경사항이 있을 때
나오게 되고요.
Ctrl + S로 저장해준다면 없어지게 됩니다.
(변경사항이 생기면 항상 저장하는
습관은 필수입니다.)
만약 맥을 사용하신다면 Commend +S
눌러주시면 되고요.
저장하셨다면 html 파일을 열어볼까요!
그럼 브라우저(사파리, 구글 크롬)로
열리게 되고 위에 문장처럼 각각
적은 문장들이 뜨게 되겠죠.
만약 처음 HTML을 하신다면
처음 만든 사이트가 되겠네요~~
축하드립니다.!!!
당연히 글자를 VSC에서 변경해서
저장한다면 보이는 글도 변경되겠죠.
이번 글에서 궁금하시점은
댓글로 달아주시고요.
공감과 구독도 부탁드릴게요~