* 다음 포스팅은 BitNami 프로그램 설치 방법에 대해 정리한 글로, 개인적인 공부 내용을 기록하기 위한 용도로 작성 되었기 때문에 잘못된 내용을 포함하고 있을 수 있습니다. 구글에 BitNami WAMP Stack 을 검색한 뒤 최상단에 출력되는 공식 사이트로 들어가 준다. 자신의 운영체제에 맞는 버전을 선택한다. 설치를 완료했다면 exe 실행파일을 실행시켜 준다. 가장 아래 필수항목 (PhpMyAdmin) 을 제외한 나머지 항목들은 Php 프로그래밍을 할 때 필요한 프레임워크 들인데, 굳이 설치하지 않아도 상관없다. 선택을 완료했다면 Next를 눌러준다. 다음은 MySQL 관리자 비밀번호를 설정하는 화면이다. 나중에 사용되니 따로 적어두고, Next를 눌러준다. 이제 조금 기다리면 설치가 완료된다..
#3 텍스트 관련 스타일 vol1 _ color : 글자 색 변경하기 [목차] 1. color 속성 2. 영문명 표기법 3. 16진수 표기법 4. hsl / hsla 표기법 5. rgb / rgba 표기법 *개인적인 공부 기록용으로 작성한 글이기에, 잘못된 내용이 있을 수 있습니다. #1 color 속성 웹 브라우저에서, 텍스트의 글자색을 바꿀 때 color 속성을 사용합니다. color를 사용할 수 있는 속성값은 ①영문명 ②16진수 ③hsl/hsla ④rgb/rgba 로 총 4가지 방식으로 나뉩니다. [기본형] color : #2 영문명 표기법 영문명 표기법이란, 글자의 색상을 red, yellow, white, black, blue 등과 같이 잘 알려진 색상 이름을 사용해 표기하는 방식 입니다. 다음..
#1 간단한 입출력 정리 [목차] 1. alert() - 알림 창 출력하기 2. confrim() - 확인 창 출력하기 3. prompt() - 프롬프트 창 입력받기 4. document.write() - 화면에 출력하기 5. console.log() - 콘솔 창에 출력하기 *개인적인 공부기록 용으로 작성한 게시글이기에, 잘못된 내용이 있을 수 있습니다. #1 alert() alert()는 알림 창을 만들 때 사용합니다. alert()의 따옴표(" " or ' ') 안에 출력하고자 하는 내용을 입력하면 됩니다. [기본형] alert("원하는 메시지 입력") 다음은 alert()를 이용해 Hello World! 문자열을 출력하는 예제입니다. #2 confirm() confirm()은 확인 창을 출력할 때 ..
#0 js 파일 html 파일 연결하기 [목차] 1. HTML 파일 내부에 JS 코드 작성하기 2. HTML 파일과 JS 파일 연결하기 * 개인적인 공부 기록용으로 작성한 글이기에, 잘못된 내용이 있을 수 있습니다. #1. HTML 파일 내부에 JS 코드 작성하기 웹문서 안에 자바스크립트를 작성할 경우에는, 태그 사이에 작성합니다. 그리고, 자바스크립트는 이미지나 텍스트와 같은 요소를 제어하는 경우가 많기에, 태그 직전에 삽입하는 것이 좋습니다. 또한 HTML/CSS와 달리 JS는 대소문자를 구별하기에 코드를 작성할 때 유의해야 합니다. 다음은 「HelloWorld」라는 메시지 박스를 출력하는 예제입니다. alert()함수의 큰따옴표("")안에 출력하고자 하는 내용을 입력하면 됩니다. (메시지 박스 출력..
#2 글꼴 관련 스타일 [목차] 1. font-family - 글꼴 지정 2. font-size - 글자 크기 지정 3. font-weight - 글자 굵기 지정 * 개인적인 공부내용 정리용으로 작성한 게시글이기에, 잘못된 내용이 있을 수 있습니다. 1. font-family [기본형] font-family: | [, ] font-family 속성은 웹 문서에서 사용할 글꼴을 지정해 줄 때 사용합니다. 웹 문서에서 지정한 글꼴이 사용자의 컴퓨터 시스템에 없을 경우를 대비해서 대체 글꼴 이름을 지정해야 합니다. 예를들어, 다음과 같은 CSS 코드가 있다고 가정해 봅시다. body { font-family: "나눔 고딕", 바탕, 돋움 } 태그는 모든 태그들의 부모 태그 이기에, 웹 문서 전체 에 "나눔 고..