Wil 6

[엘리스 AI트랙] 02-03-03 자바스크립트 2 (사실 제이쿼리 소개)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 제이쿼리 선택자 $("h1") $("#title") $(".article") $("~~~") 2. 제이쿼리 이벤트 $("h1").mouseenter // 요소의 경계 밖에서 안으로 마우스가 들어올 때 $("h1").mouseleave // 요소의 경계 안에서 밖으로 마우스가 나갈 때 $("h1").click // 마우스를 클릭할 때 $("h1").hide() // display 속성을 none으로 (감춤) $("h1").show() // display 속성을 block으로 (보이게) $("h1").toggle() //현재 상태의 반대로 $("h1").fadeOut() // 선택한 요소가 서서히 사라지게 $("h1").fadeIn()..

[엘리스 AI트랙] 02-03-01 ~ 02-03-02 자바스크립트 2

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. DOM(Document Object Mode, 문서 객체 모델) 객체 지향 모델로써 구조화된 문서를 표현하는 방식 트리 구조 XML이나 HTML 문서의 프로그래밍 인터페이스 문서의 구조화된 표현을 제공하여 프로그래밍 언어가 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함 종류: Core Dom(for 모든 문서 타입), HTML Dom, XML Dom (1) Document 객체 웹 페이지를 의미 웹 페이지에 존재하는 HTML 요소에 접근하고자 할 때는 반드시 Document 객체부터 시작해야함 (2) HTML 요소의 선택 - 새로운 HTML 요소 선택을 위해 제공되는 메서드 메서드 설명 document.getElementBy..

[엘리스 AI트랙] 02-02-03 자바스크립트 1

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 자바스크립트의 데이터 타입 String 문자열 Number 숫자 Function 함수 Array 배열 Object 객체 Boolean 불린 undefined 정의되지 않음 null 널 1) 배열: 비슷한 성격을 갖고 있는 데이터를 하나의 변수 안에서 관리 2) 객체: 프로퍼티, 메서드, 데이터로 구성되어 있으며 여러 종류의 데이터 타입 삽입 가능 3) undefined은 값이 정의되지 않은 것, null은 임의로 빈 데이터를 삽입한 것 2. 자바스크립트의 프로퍼티와 메서드 사실 두 개의 개념이 좀 헷갈렸는데 쉽게 정리한 글을 발견👍 https://www.codeit.kr/community/threads/22083 코딩이 처음이라면,..

[엘리스 AI트랙] 01-05-03 웹 프로그래밍 기초 (...근데 이제 리눅스를 곁들인)

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ 1. 정규 표현식 // 링크 추가 예정 2. grep grep [option] [pattern] [파일명] 3. File Redirection 표준 스트림의 흐름을 바꾸어 일반적인 표준 입출력 및 오류를 사용하지 않고 다른 경로인 파일로 재지정 하는 것을 의미 → 파일로 입력을 받거나 출력을 받을 수 있음 표준 스트림의 종류: stdin(키보드 입력), stdout(화면 출력), stderr(오류 내용 출력) ← 문자열로 콘솔에 출력되도록 설정되어 있음 > : 표준 출력을 재지정 ls > ls.txt는 ls의 실행 내용을 ls.txt에 저장하겠다는 뜻 >> : 파일이 존재하지 않는다면 파일을 새로 생성하고, 존재한다면 파일내용에 덧붙여서..

[엘리스 AI트랙] 01-04 웹 프로그래밍 기초

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ [01-04] 9 / 17 1. 모바일 태그 name="viewport" content="width=device-width" : 보고 있는 기기 화면에 맞게 콘텐츠의 크기를 조정' content="initial-scale=1.0": 실제 비율 2. position - 2차원과 3차원의 차이 ★ // 상속되지 않는다 2차원 3차원 부모-자식 사이 margin 병합 현상 발생? O X top, left, right, bottom (어느 위치에 위치시킬건지 직접 지정) X O 자식의 높이값이 부모의 높이값에 영향? (전제조건: 부모가 높이값을 갖고있지 않음) O X z-index 속성 사용 가능? X O 1) static position 속성..

[엘리스 AI트랙] 01-01 ~ 01-03 웹 프로그래밍 기초

WIL은 한 주간 새롭게 알게 된 내용 위주로 작성하고 있어요 ✏️ [01-01] 9 / 14 □ 설치 □ 실행 □ 배포 1. 인터넷과 웹의 차이점 웹은 인터넷의 부분집합 인터넷이 도로라면, 웹은 그 위에 달리는 자동차 웹은 인터넷에서 운영되는 하나의 앱 2. 클라우드와 호스팅은 본질적으로는 같다 [01-02] 9 / 15 1. Emmet HTML 단축 플러그인 [01-03] 9 / 16 1. 박스 모델 border를 기준으로 margin(안쪽) padding(바깥쪽) 나누기 margin과 padding의 작성 순서 top / right / bottom / left (시계 방향) 상하 / 좌우 2. Block 요소와 Inline 요소 Block 요소: y축 정렬로 컨텐츠가 나타남 p, div, h1 ~ ..