HTML
웹 프론트엔드 강의(1)
안녕하세요 만약 우리가 이렇게 친다고하면 출력하면 이렇게 한글을 인식하지 못한다. 근데 이 소스를 넣어주면 html에서 한글도 인식할 수 있다. 이게 우리나라 언어만 이렇게 뜨는게아니라 중국어 같은경우도 깨지는 현상이 발생한다고 한다. 안녕하세요 이렇게 바꿔서 다시 쳐주자. 그러면? 정상적으로 안녕하세요가 출력된다. 이때 한글인식하게 만들어주는 구문을 body에 말고 Head에 넣어야한다. 재미삼아 해볼 수 있는 구문으로는 통화하기 문자보내기 이렇게하면 010-1234-5678이라는 전화번호에 전화를 걸거나 안녕이라고 문자를 보낼 수 있다. 실제로 전화나 문자가 가도록 해보지는 말고 테스트만 해보자. 통화하기 문자보내기 이렇게 해주면 이렇게 뜬다. 통화하기를 누르면 이런 식으로 뜬다. 만약 핸드폰으..
웹호스팅을 통한 웹 프론트엔드 환경 구축
일단 www.dothome.co.kr 이 사이트에 접속을합니다. 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 유출되면 위험한 수준의 개인정보는 요구하지 않으니 마음편히 회원가입을 해도된다. 여기서 우측 상단에 회원가입 눌러준다 동의 버튼 다 눌러주면된다. 아이디와 비밀번호 확인은 여러분이 쓰실 아이디와 비밀번호 입력하면 된다. 이름(회사명)은 그냥 여러분 이름을 쓰면 됨. 연락처랑 이메일있는데 이건 뭐 말안해도 아실거라 믿는다. 보안가입 문자 입력하는 란도 있는데 그것도 보이는대로 적으시면 된다. 그러면 이런 창이하나 뜰 것이다. 이제..
Notepad++를 이용한 html강의(2)
저번시간에 간단하게 html을 배워보았다. 이번시간에는 CSS도 간단하게 익혀볼 것이다. CSS의 경우 좀 복잡하니 잘 따라와야한다. 저번시간에는 그냥 html이 이런느낌이다 알려주기 위해 자세한 내용은 생략했지만 이번엔 좀 자세히 설명하겠다. html은 위 사진과 같은 트리구조로 구성이 된다. 그렇다면 여기서 문제1. html과 자식관계인 태그는 무엇인가? 답은 head태그와 body태그이다. 문제2. 그러면 html과 손자손녀관계인 태그는 무엇인가? 답은 title태그, 앵커 태그, h1태그이다. 문제3. 그렇다면 body의 부모인 태그는 무엇인가? 답은 html태그이다. 문제4. 그렇다면 my link는 앵커태그의 자식인가? 아니다. 자식관계 같은 느낌이긴 하지만 자식이라고 칭하지는 않고 그냥 ..
Notepad++를 이용한 html 강의(1)
웹은 크게 두 가지로 나뉘는데, 웹 백엔드와 웹 프론트엔드로 나뉜다. 웹 백엔드 : 서버, 자바 스크립트 웹 프론트엔드 : HTML, 자바 스크립트 자바 스크립트는 서버와 웹개발 둘 다 쓰일 수 있다고 한다. ※ 여기서 중요한게 '자바' 하고 '자바 스크립트'는 전혀 다른 영역이므로 혼동하는 일 없도록 하자. HTML : Hyper Text Markup Language HTML은 타 프로그래밍 언어와 다르게 대문자와 소문자를 따로 구별해서 정의하지 않음. gilhyun 이나 GILHYUN이나 같은 의미 HTML에는 라는 삼각형 괄호가 많이 쓰이는데 이런 삼각형 괄호를 우리는 '태그' 라고 부른다 이 태그중에 라는 태그가 있는데 이 이 a태그를 '앵커태그'라고 부른다. 링크를 정의할 때..