![]()
Array IterationforEach(콜백함수) : 배열의 각 요소에 대해 주어진 콜백 함수를 실행하지만, 값을 반환하지 않는 반복문Map(콜백함수) : 배열의 각 요소에 대해 주어진 콜백 함수를 실행하고, 새로운 사본 배열로 값을 반환하는 반복문filter(콜백함수) : 배열의 각 요소에 대해 주어진 콜백 함수를 실행하고, 조건을 만족하는 요소만 포함된 새로운 배열을 반환하는 반복문reduce(콜백함수) : 배열의 각 요소에 대해 주어진 콜백 함수를 실행하고, 누적된 결과값을 하나의 값으로 반환하는 반복문reduceRight() : reduce()와 동일하지만 오른쪽에서 왼쪽 순서로 실행 Map : 객체 메서드는 Map 자료구조에서 데이터를 조작할 때 사용하는 메서드, 순서가 유지됨주요 Map 객체..
BOM (Browser Object Model) : 브라우저 환경을 조작하는 객체 (window, location, navigator, history 등)DOM (Document Object Model) : HTML 문서를 조작하는 객체 (document 객체 포함) 팝업 알림prompt 입력창 생성alert 알림창 생성 타이밍 이벤트setTimeout : 지정된 밀리초 동안 기다린 후 함수 실행setInterval : setTimeout()과 동일하지만, 함수 실행을 계속해서 반복 쿠키 (Cookies)컴퓨터에 작은 텍스트 파일로 저장되는 데이터웹 서버가 웹 페이지를 브라우저로 전송하면 연결이 끊어지고 서버는 사용자에 대한 모든것을 잊음쿠키는 사용자에 대한 정보를 기억하는 방법을 제공 DOM 이벤트 :..
JavaScriptlet은 var에 비해 좀 더 타이트하게 만들어진 타입 >> 동작을 더 명확하게 제어 가능 브라우저 동작 원리 : 웹 서버 위에 정적 파일이 deploy(배포) 되어 있고, 브라우저에서 html파일을 요청 후 응답 받고 html안의 css, js를 다운받아와서 해당하는 css, js 코드에 따라 렌더링 const상수 선언 시 사용재할당, 재정의 불가능 배열연속된 메모리를 갖는 객체브라우저 저장소 메모리(window 객체)에 저장됨자바스크립트는 모든 타입이 64bit(8byte)를 차지함맨 앞 요소부터 인덱스가 0으로 할당되고, 1씩 증가함 DatatypesString, Number, Bigint, Boolean, Undefined, Null, Symbol, Object undefined..
BootstrapCDN 사용 시 css와 js를 모두 가져와서 사용해야함부트스트랩 5는 모바일 친화적 부트스트랩은 미리 선언된 규격 외의 스타일을 선언하면 스타일 적용 안됨규격 외의 스타일 필요 시 새롭게 스타일을 지정해야 함mb-5, mt-5가 겹치는 부분에 설정되면 하나만 추가됨 html은 닫는 태그가 없어도 렌더링 됨하지만 헷갈리지 않게 하기 위해서 닫는 태그는 만들기! 버튼은 버튼 태그에만 적용되는게 아님 (a, div 등의 태그에 적용 가능) JavaScript웹 프로그래밍 언어로 HTML과 CSS를 업데이트하고 변경, 데이터를 계산, 조작, 검증 할 수 있음큰따옴표, 작은따옴표 모두 사용 가능html에서 js코드 작성 시 태그 안에 삽입 함수function : 독립실행 코드 method : 소..
CSSbox modelborder : padding과 콘텐츠를 둘러싼 테두리padding : 콘텐츠를 둘러싼 테두리margin : border, padding, 콘텐츠를 둘러싼 테두리width, hegiht는 콘텐츠의 너비와 높이가 설정됨 outlineborder의 바깐쪽에 그려진 선 정렬justify-content : 콘텐츠 수평 방향 정렬vertical-align : 콘텐츠 수직 방향 정렬 Text속성을 사용해 텍스트에 스타일을 적용 가능 Font글꼴은 텍스트에 가치를 더함. 읽기 쉬운 글꼴을 사용하는 것이 중요 Link링크는 스타일을 여러가지 지정 가능 List리스트의 마커 변경 가능리스트에는 기본 margin, padding이 적용되어 있음 Table테이블 스타일 지정 가능 (정렬, 테두리, 크기..
HTMLfavicon : 브라우저 탭의 페이지 제목 옆에 뜨는 작은 이미지title : 브라우저 탭의 페이지 제목table : 행, 열로 구성된 표list : 목록으로 그룹화 block elements : 한 줄을 다 차지 함inline elements : 남은 공간에 다른 태그가 올 수 있음 file:// 이면 파일로 html 오픈http:// 이면 http로 html 오픈, web server가 구축되었다는 의미 formname 속성으로 input value를 보낼 수 있음name 속성이 없으면 각 value가 전송안됨쿼리 스트링 형식 >> 이름=값&이름=값&이름=값 (&로 구분) >> GET방식전송 버튼 클릭 시 동작하게 하려면 form태그에 action속성 지정해줘야함 http method(요청방..
Computing Paradigm의 변천과 Web 기술의 발전컴퓨팅 프로그래밍의 변천의 모토 = 개발자 편의성에 의해 (개발자가 뭔가 불편하고 귀찮을 때 이를 해결할 방법을 제시하는 방향으로 발전)Program 기법 측면개발자에게 편한 방법으로 발전구조적 측면http→응답이 텍스트라서 개발자 입장에서 편함→ 웹이 대두HTML : 정적 리소스CGI : 동적 리소스, 기능 구현기존의 CGI(C, Cobol 등)는 프로세스단위라서 비효율적 → thread 기반으로 개선됨플랫폼 종속성 (platform dependent) : 서버 플랫폼 확장 시 기존 서버 플랫폼의 양식을 따라야 하는 것thread도 동일한 플랫폼 종속성 문제를 가짐 → 자바로 platform independent 구현 : 자바는 웹 겨냥이기 ..
