working_helen

Lecture : Media ComputationDate : week 9, 2024/04/29Topic : Processing User Input  1. 태그2. 다양한 user-interface 태그 3. User Feedback Form 실습   1. 태그- 입력된 여러 데이터를 한번에 서버로 전송해주는 기능을 수행  - form 태그의 다양한 attributeaction : form이 전송할 데이터를 받을 서버(url, 스트립트 파일) 지정accept-charset : form 전송시 사용될 문자 인코딩 지정method : 폼을 서버에 전송할 때 사용할 http 메소드를 지정 - 다양한 user-interaface 태그들(input, button, select 등)과 함께 사용됨 - 'requi..

Lecture : Media Computation Date : week 7, 2024/04/15 Topic : Arrays and Structured Data 1. JavaScript Array 2. JavaScript Array vs Python List 3. Array functions 1. JavaScript Array (MDN) 배열(Array)이란 일반적으로 "리스트같은 객체(list-like objects)"라고 기술됩니다. 배열은 보통 리스트에 저장된 다수의 값들을 포함하고 있는 하나의 객체입니다. JavaScript 배열은 크기를 조정이 가능하고, 다양한 데이터 형식을 혼합하여 저장할 수 있습니다. 1) array 생성 - 대괄호 [ ]를 이용하여 array 객체 생성 - 하나의 array..

Lecture : Media Computation Date : week 4, 2024/03/18 Topic : Java Programming Essentials 1. JS 코드의 형태 2. JS에서 HTML element로 접근 3. JS 실습 예제 1. JS 코드의 형태 Simple Calculator input two number Add Multiply Power 방법 2 - 각 연산 함수에서 공통된 작업을 수행하는 calculator() 함수를 지정 - 어떤 연산을 수행할 것인지 mode 변수로 전달, mode 변수 값에 따라 다른 연산 수행 Simple Calculator input two number Add Multiply Power Reference https://8156217.tistory...

Lecture : Media Computation Date : week 3, 2024/03/11 Topic : Style with CSS 1. CSS 코드의 형태 2. HTML layout 1. CSS 코드의 형태 1) CSS 코드 구조 Selector { Property : Value; } Selector1, Selector2, ,,, { Property : Value; Property : Value; } - Selector : CSS style을 적용하는 HTML element를 지정하는 역할 - 한번에 여러개의 element를 Selector로 사용할 수 있으며, 이 경우 (,)로 구분된 list 형태로 제시 - Selector 표현 방식은 HTML element에 따라 달라짐 2) Selector..

Lecture : Media Computation Date : week 2, 2024/03/04 Topic : Structure with HTML 1. HTML element 구조 2. Semantic Containers for Structure 1. HTML element 구조 - hierarchical tree of elements - 크게 (MDN) The HTML element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets. - HTML 문서의 title, JAVA script, CSS style sheets 등 문서 설정과 관련된 정보를 저장하는..