분류 전체보기
-
[JavaScript] 001. 자바스크립트 개요 및 기본 문법, 관찰SsY/Class 2023. 5. 8. 18:00
JavaScript 실습 전 환경 세팅 더보기 ※ 서버를 여러개 올려둬도 상관없지만, 실습 환경을 쾌적하게 하기 위해 하나만 올려둔다 Javascript 개요 및 기본 문법 ■■■ JavaScript 개요 및 기본 문법 ■■■ ○ 개요 컴파일 과정이 필요없거나 처리 과정이 적은 프로그램에 유리한 스크립트 언어로 다른 언어에 비해 소스코드의 수정 및 유지보수가 간편한 편이다. HTML 코딩에서 자바스크립트 소스의 명시만으로 웹 브라우저가 자동 실행한다. 자바스크립트는 웹 페이지에서 가장 많이 사용되는 스크립팅(Scripting) 언어로 스크립팅(Scripting) 언어는 크게 나누면 자바스크립트나 DHTML, Visual Basic 등과 같은 브라우저 스크립팅(Browser Scripting), JSP, ..
-
[CSS] 002. CSS 관찰 실습SsY/Class 2023. 5. 8. 14:00
CSS 태그 관찰 실습 Test013 - 가상 요소 적용 관찰 실습 가상 요소 적용 실습 문단 태그를 활용하여 내용을 작성하고 있다. 이 태그 내부에 기술된 내용은 엘리먼트 선택자의 영향을 받고 있는 상황이다. 하지만, 이 영역 안에서도 상황에 따른 스타일 적용이 가능하다. 첫 라인의 텍스트는 글자색이 파란색이고, 글꼴 크기는 25pt 이다. 둘째 라인의 텍스트부터는 글자색이 빨간색이고, 글꼴 크기는 9pt 가 된다. Test014 - 가상 요소 적용 관찰 실습2 가상 요소 적용 실습 first-letter 가 적용된 첫 번째 글자만 영향을 주게 되며, 나머지 글자에는 적용되지 않는다. Test015 - 기타 css 문법 관찰 - 영문에만 적용되는 스타일 존재 CSS 기타 글자를 이렇게 만드는 속성이구나..
-
[CSS] 001. CSS 의 개요, CSS 관찰 실습SsY/Class 2023. 5. 4. 18:17
CSS ■■■ CSS ■■■ ○ CSS 선택자(selector) 구성 및 설정 // Cascade Style Sheet (CSS) >>메이크업F』 자식 선택자 E 엘리먼트의 자식 엘리먼트인 F 엘리먼트를 선택하게 된다. // div 안에 있는 span 태그에만 디자인 적용하고 - 다른 span 태그에는 적용 x // 직접 부모여야함 - 『E F』 자손 선택자, 후손 선택자, 하위 선택자 E 엘리먼트의 하위에 있는 F 엘리먼트를 선택하게 된다. 이 경우 특이한 점은 E 와 F 사이에 다른 엘리먼트가 포함되어 있더라도 선택 대상에 해당한다는 것이다. (자식 선택자와 차이) // 구조화에 따라서 자식선택자와 같을 수 도 있지만 // 직접부모가 아니어도 상위 상위의 태그여도 적용받을 수 있다는 의미 - 『E+F..
-
[HTML] 003. HTML 관찰(태그 및 속성 관찰)SsY/Class 2023. 5. 4. 17:50
HTML 태그 관찰 Test014 - colspan , rowspan 활용하여 테이블 셀 병합 실습 테이블의 셀 병합 실습 A B C D E F G H I J K L M N O P Q R 8 S T U V W X Y Z 1 2 3 4 5 6 7 Test015 - 움직이는 태그 관찰 실습 움직이는 태그 실습 기본적인 방향 왼쪽으로 이동(*/ω\*) 좌우 왕복 이동(*/ω\*) 오른쪽으로 이동 (❁´◡`❁) 위쪽으로 이동 (❁´◡`❁) 속도 조절 : scrollamount 속도 조절 : scrolldelay 위아래로 움직이며 옆으로 이동 cheer up~ Test016 - 메타 태그 관찰 실습 ※ 메타 데이터 : 데이터에 대한 데이터 (@어노테이션 설명하면서 한 번 설명) ex) 해시태그 (떡볶이 사진만 올..
-
[HTML] 002. Eclipse 설정, HTML 관찰(태그 관찰)SsY/Class 2023. 5. 3. 17:49
Eclipse 설정 더보기 Windows - Preferences WebApp01 FirstHTML.html 문서의 내용이 들어가는 부분(이름) 어제 만들어둔 서버 돌아가는지 확인 매번 위와 같이 서버를 돌리면 힘들기 때문에 Ctrl+F11 누르고 들어가서 Finish 내용 고친 이후에는 저장 후 열려있는 브라우저에서 F5(새로고침) 하면 확인 가능 Test001 - html 관찰 실습 항상 그래왔던 것 처럼... 우리는 익숙해지기 위한 길목에서 첫 번재 모퉁이를 돌기 위해 노력하고 있습니다. 후회 없도록 열심히 합시다. 첫 번째 div 영역 h1~h6 는 제목을 표현할 때 사용한다. 숫자가 늘어갈수록 더 작은 개념의 제목을 표현하기 위해 사용된다. 더 작은 제목이라 함은 보여지는 크기도 포함하고 있지만..