LOG.info("yun's dev");

웹사이트 구현 과제 ✔미리 구조 및 설계 코드를 입력하기 전에 구조를 최대한 상세하게 짜기. 시멘틱 태그를 이용해 어떻게 구성할 것인지. 그 속에서 내용 구성 및 배치도 최대한 상세하게 계획해도 코드를 짜면서 수정하게 되어 있음. ✔구체적인 목적성 어떤 웹사이트를 구현하느냐에 따라 웹사이트의 설계가 달라짐. 정보 전달이 목적이라면 최대한 많은 내용을 담아야 하니까 디자인적 요소가 많이 빠질테니까. 어떤 웹사이트를 만들 것인지 분명하게 정하고 설계 및 구조, 배치를 디자인함. ✔클래스 및 아이디명 하이픈(-)을 사용해 짓기 이름을 어떻게 구성할지. 이름에 '정보'를 담는 것이 좋음.

Sex : female male Hobby game baseball travel

Form 태그와 이벤트 수업 내용 복습 코드만

라벨 태그 이용 또는 1학년 2학년 3학년 4학년 하나의 input에 하나의 lable로 감싸줌. 라벨로 선택 영역을 만들면, 작은 체크박스나 라디오 버튼을 누르기 위해 애쓰지 않아도 된다. 체크박스나 라디오버튼의 글자부분만 눌러도 체크되기 때문에. (주로 모바일에서 유용)

사진 넣을 때 사용한 태그. 설명

수업시간에 했던 과제 다시 해보기 1. 문자 출력 2. 더한 값 출력 -내가 한 것 -선생님 코드 3. 절대값 리턴 어떤 수이든 양수로 리턴. 여러 가지 표현 방식이 있음. 조건문 등등 -선생님 코드 4. 큰값 리턴 -선생님 코드 0. 함수 정의_종류별 확인 0. 큰값 리턴, 절대값 리턴,

**** 바디 태그에 테이블을 만들고 스크립트로 자료를 만들어서 값을 넣는 방식 0. 구구단_테이블 태그 이용 0. 별 출력하기 0. 구구단_테이블 태그 이용

1. work_01 : selector (1) 결과 출력 (2) 소스 코드 가벼운 마음으로 배우는-녹색 Healing green 가벼운 마음으로 배우는-파란색 Relaxing blue 가벼운 마음으로 배우는-빨간색 Passion red (+) 참조된 외부 스타일 시트 코드 #main { background-color:yellow; } .s1, .s2 { color:white; background-color:brown; } div > ul > li { font-size:20px; font-weight:bold; } .att { font-size:16px; color:green; } .s3 { font-size:24px; font-style:italic; font-weight:bold; color:blue;..

(결과 출력) (이용 코드) document.write( ); , typeof (소스 코드) JavaScript Practice

1. 산술 연산자 연습 (1) 결과 출력 (2) 소스 코드 ↑ 산술 연산자와 비교 연산자 연습 ↑ 2. 비교 연산자 (1) 결과 출력 (2) 소스 코드 ↑ 산술 연산자와 비교 연산자 연습 ↑

태그에 직접 자바스크립트를 정의 (결과 출력물) >> 버튼 눌렀을때 >> 링크 눌렀을때 (소스 코드) 태그에 직접 자바스크립트 참조 Hello world BUTTON EXIST

동적인 움직임. ex) 로딩할 때 간단한 애니메이션 보여주는 용도로도 쓰임. Animation -키프레임 정의 : 사용할 애니메이션 정의 /* 변수명 */ @keyframes animationname { /* 단위별로 변경값-크기, 위치, 색상 등을 지정해 애니메이션 설정 */ 0% { 시작값 } /* 필수 입력. 0% 대신 from 사용 가능 */ 25% { 변경값 } 50% { 변경값 } 75% { 변경값 } 100% { 종료값 } /* 필수 입력. 100% 대신 to 사용 가능 */ } 그리고 그 애니메이션을 줄 태그에 속성값 설정 tag { position:static; /* 기본값인데 이 상태에선 위치 이동 설정 안 먹힘. relative, absolute 등을 설정*/ animation: na..