JS - Intro
JAVA(자바), Python(파이썬) 기반의
AI 활용 응용 소프트웨어 개발자 양성 과정
찾으시는 정보가 있으시다면
주제별reference를 이용하시거나
우측 상단에 있는 검색기능을 이용해주세요
36일차 수업
========복습========
HTML
웹페이지의 구조를 설계하고 구성하는 언어
< > 태그를 이용해서 계층 구조를 만듦
CSS
웹페이지의 디자인을 입히는 스타일 시트 언어
< > 태그에 원하는 스타일 적용
박스의 형태: 마진, 테두리, 패딩, 내용
Body 안의 구조화된 태그들을 우리가 원하는 크기, 위치, 정렬 등등으로 구성
배치 : display, position, float 등등..
선택자 : 구조화된 태그에서 적용해야할 태그들을 선택하는 방법
자식(use >), 자손(use space), 일반 등위(use ~), 인접 등위(use +)
가상 클래스(pseudo class)
선택하려는 대상의 동작, 현재 상태를 선택
선택자 뒤에 colon, :가상클래스이름 으로 작성
동작 상태 : a 태그의 기능 쪼개기, link, visited, hover, active, focus 등
현재 상태 : checked, disabled
구조 상태 : first-child, nth-child, first-of-type, nth-of-type 등
가상 요소(pseudo element)
HTML 요소 중에 특정 부분을 선택
before, after : 해당 요소의 내용 부분 바로 앞, 뒤 다른 요소를 삽입, * content와 같이 사용
======== 끝 ========
36일차 수업
JavaScript
객체지향 언어, 기초 문법은 Java와 동일
웹의 동작 구현, 웹페이지의 기능을 구현하는 언어 * 프로그래밍 언어
한 줄 한 줄 실행하는 언어,인터프리터 언어
자료형의 경우 var 하나로 대체 가능, 타입을 명시하지 않음
HTML의 내용, 속성, 스타일을 바꿀 수 있음
HTML의 <script> 안에서 구동이 됨
<body>의 속성을 제대로 인식하지 못하는 경우가 있어서 <body> 뒤에 작성하는 것이 일반적
// 주석 다는 방법
출력법
var ii = 10;
var result = ii + 10;
var str = “안녕하세요”;
document.write(“ii”)
; // 웹페이지를 통해 보여주기
alert(“result”) // 경고창을 통해 보여주기
console.log(str); // 콘솔창을 이용해서 보여주기
var
var 선언으로 변수 선언
타입 종류 : 숫자(number), 문자열(String), 불리언(boolean), undefined, symbol, 객체(object)
// 숫자형 선언에 제약이 없음
var n1 = 10;
var n2 = 10.1;
var n3 = 10e3;
var n4 = 10e-3;
// 싱글쿼터, 더블쿼터 무관, 짝만 맞으면 됨
var s1 = “안녕”;
var s2 = ‘안녕’;
var s3 = “안녕 ‘하세요’”;
var b1 = true;
var un; // 정의된 것이 없음, type undefined
var nul = null; // 타입은 있으나 값이 정해지지 않은 상태
// 자료형에 대해서 관대하기 때문에 확인 명령어 : typeof
var test = 10;
console.log(typeof test); // output number
var test = “문자”;
console.log(typeof test); // output String, 기존 선언된 test를 없에고 다시 재선언된 것
// 한 변수명에 다른 타입의 값으로 여러 번 대입해서 사용 가능
// 한번 사용한 변수명은 재선언만 해서는 사용 불가능, 대입까지 해줘야함