<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>홍길동 color 테이블</h3>
<script>
var dec=10;
var hex=dec.toString(16); // 16진수 변환
alert(hex);
document.write("<h3 style='background:#ff0000'>"+dec+"의 16진수:"+hex+"</h3>");
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>홍길동 color 테이블</h3>
<table border="1">
<script>
var dec=10;
var r1,r2;
var hex=dec.toString(16); // 16진수 변환
for(i=0;i<16;i+=4){
document.write("<tr>");
for(j=0;j<16;j++){
r1=i.toString(16);
r2=j.toString(16);
document.write("<td style='background:#"+r1+r2+"0000'>"+dec+"의 16진수:"+hex+"</td>");
}
document.write("</tr>");
}
</script>
</table>
</body>
</html>
오늘부터는 git 수업 시작
에서 가입
Git : version Control Tool (버전관리도구), Linux 개발 팀이 만듦 -> Linux 개발 언어와 비슷함
google - gitbash 검색 - git-scm.com 사이트 클릭 - windows - 64-bit Git for Windows Setup 다운로드
다운로드 된 파일 확인 - 실행
next - next - next - next - next - next - next - next - next - next - next - next - next - next - install - finish
git bash 실행 창
폴더 - 우클릭 - git bash here
git init
깃 실행 명령어
깃 폴더가 생김
git config --list
git config --global user.name 닉네임git config --global user.email 이메일
닉네임과 email 설정
git status
sample1.txt 라는 새 파일을 만들고 git status 를 확인하니 sample1.txt 가 빨간색으로 보이며 새 파일이 생성되었고, add 하라고 함
git add 파일
git 에 add 되었으며, commit 하라고 초록색으로 파일이 보임.
git commit -m "메세지"
git commit 완료
git commit 여러번 해보기
Linux 미션
jsNumGuess.html 만들기
숫자 id="이니셜"
onclick "이니셜()"
Windows 미션
VSCode
colortable3.html 만들기
rgb 전부
글자 색도 각 색별로 보색처리해서 보이게메일로 제출
메일제목 : 칼라색상표_홍길동
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>홍길동 color 테이블</h3>
<table border="1" style="color: #FFFFFF">
<script>
var r1,r2;
var g1,g2;
for(i=0;i<16;i+=2){
for(j=0;j<16;j+=2){
r1=i.toString(16);
r2=j.toString(16);
document.write("<tr>");
for(a=0;a<16;a+=2){
for(b=0;b<16;b+=2){
g1=a.toString(16);
g2=b.toString(16);
document.write("<td style='background:#"+r1+r2+g1+g2+"00"+"'>"
+r1+r2+g1+g2+"00"
+"</td>");
}
}
document.write("</tr>");
}
}
</script>
</table>
</body>
</html>
개발자 준비의 준비준비중..