양동민초보의 프로그래머 캡숑고수 머작전~!

Font 태그는 글꼴 제어 태그이다. html은 태그가 없으면 아무런 효과가 없다. 만약 이 태그사이에 '가나다라마바사' '가나다라마바사' 라고 친다면, '가나다라마바사 가나다라마바사' 이렇게 입력된다. 마치 이클립스에서 print와 println 의 차이처럼 말이다. 두 '가나다라마바사'가 다른 글씨로 구분되도록 색깔을 빨간색과 파란색으로 나누어본다면, 가나다라마바사 가나다라마바사 이렇게 color라는 옵션을 넣어주면된다. 위와 같이 color=" " 사이에 색을 넣어주면 미리보기창에 빨간색과 파란색으로 구분된 '가나다라마바사'가 창에 출력된 것을 볼 수 있다. font는 글자에 관한 여러가지 제어 태그이기 때문에, 여러가지 기능은 어려울 수 있더라도 글꼴, 글자크기, 글자 색깔 등 몇 기능을 더 사용..

자동완성을 만들기 위해선 다운로드를 받을 것이 있다. Brackets 상단 메뉴에 [파일] - [확장기능 관리자]를 눌러서 검색창에 'beautify'를 검색하여 두번째 아무 수식어 없는 Beautify 를 설치한다. 다음 'emmet'을 검색하여 두번째에 있는 Emmet을 설치한다. 다양한 것들이 나오지만 다운로드 100만회가 넘는 기능을 설치해주면 된다. 다운 받은 후 새 파일을 만들어서 !를 입력하고 Tab키를 누르면 이와같은 식이 자동완성되는 것을 볼 수 있다. 신세계다~,, 여기서 설명을 해보자면 charset은 문자를 세팅하는건데 UTF-8을 사용하겠다는 것이다. html태그에서 lang이라는 옵션을 주겠다는것이고, "en"은 영어를 쓰겠다는 것이고, 굳이 "ko"로 한글로 바꿀 필요는 없다...

자동완성을 만들기 위해선 다운로드를 받을 것이 있다. Brackets 상단 메뉴에 [파일] - [확장기능 관리자]를 눌러서 검색창에 'beautify'를 검색하여 두번째 아무 수식어 없는 Beautify 를 설치한다. 다음 'emmet'을 검색하여 두번째에 있는 Emmet을 설치한다. 다양한 것들이 나오지만 다운로드 100만회가 넘는 기능을 설치해주면 된다. 다운 받은 후 새 파일을 만들어서 !를 입력하고 Tab키를 누르면 이와같은 식이 자동완성되는 것을 볼 수 있다. 신세계다~,, 여기서 설명을 해보자면 charset은 문자를 세팅하는건데 UTF-8을 사용하겠다는 것이다. html태그에서 lang이라는 옵션을 주겠다는것이고, "en"은 영어를 쓰겠다는 것이고, 굳이 "ko"로 한글로 바꿀 필요는 없다...

Hello HTML~ -> 한줄 크게 작성하는 태그 이렇게 주석을 넣을 수 있다. 태그 제일 위에 이란 태그를 하는데, 이 페이지의 유형이 html5임을 표시하는 것이다. html5는 세계표준이기때문에, 사용하는 기본옵션같이 계속 써주어야 하는 것이다. 위 h1과 같이 h로 시작되는 태그를 heading태그라고 하는데, 이 태그 사이에 넣을 문구를 입력하면 출력이 바로 된다. 여러가지로 사용할 수 있는데, h2, h3, h4 등 넣어서 여러 줄을 쓸 수 있고, 글씨도 점점 작게 설정할 수 있다.

이제부터 학원에서 화면을 만드는 방법을 배운다. 그에 앞서 어떤 가벼운 TMI?를 말해주자면 버전이라는게, 보통 버전이라 함은 1.14.2 와 같다고 하면 major version 은 1 minor version 은 14 release version 은 2 이다. major version은 대단히 큰 변화가 발생한 횟수 minor version은 기능들이 새로 생기거나 없어지는 소규모 변화가 발생한 횟수 release version은 오류가 수정되는 등의 자잘한 변화가 발생한 횟수 이다. 버전만 보아도 어떤 역사가 있는지 알 수 있다. 0.0.1부터 시작하도록 되어있으며, 정식 배포는 1.0.0 부터 인정해준다. 0.x.x는 정식 서비스를 시작하지 않았다는 뜻이다. 1.14.2는 정식버전중 14번의 작은..