전체 글 (34) 썸네일형 리스트형 17. 내장고차함수 내장고차함수 란? 자바스크립트에는 기본적으로 내장되어 있는 고차 함수들이 있습니다. 바로 배열 메소드들중 일부가 고차함수에 해당합니다. 1. filter 이 메소드는 이름 그래도 요소들을 걸러내는 것이 목적이다. return 값이 true인 요소들만 모아서 새로운 배열을 만든다. return을 생략하면 undefined이므로 false를 반환한다. 만약 만족하는 요소가 하나도 없다면 빈배열을 반환한다. let arr = [1, 2, 3, 4]; let output = arr.filter(짝수); console.log(output); // ->> [2, 4] let arr = [1, 5, 9, 4]; let output = arr.filter(짝수); console.log(output); // ->> [].. 16. 고차함수 함수 -변수에 할달 할 수있다. -다른 함수의 인자로 전달 될 수 있다. -다른 함수의 결과로서 리턴 될 수 있다. 고차함수란 ? 함수를 인자로 받거나 함수를 리턴하는 함수를 말한다. 콜백함수란? 다른함수의 인자로 전달되는 함수 이다. 1. 다른함수를 인자로 받는 경우 function double(num){//콜백함수 return num * 2; } function doubleNum(func, num){ //고차함수 let doubledArr = []; return func(num); } doubleNum(double,4); // 함수 호출 2. 함수를 리턴하는 경우 function adder(added) { //고차함수 (익명의 함수를 사용중) return function (num) {//익명의 함수 .. 5. DOM DOM : JavaScript를 이용해서 엘리먼트의 속성값을 얻어 내거나 변경하는 방법 1. DOM 의 주목적과 단점 주목적 : 자바스트립트로 문서를 선택하고 , 속성과 스타일을 적용 할 수 있다. 단점 : 자바스트립트 돔 개발은 IE 이하 버전과 기타 브라우저 간의 호환성이 떨어진다. 2. 선택자 직접선택자, 원거리선택자 : id, class, 폼/요소명(태그명) 인접관계선택자 : parentNode, childNodes, firstchild, children, previousSibling,nextSibling Element 선택 태그 이용 : getElementByTagName('태그명') id 이용 : getElementById('아이디명') class 이용 : getElementsByclassNa.. 4.CSS_레이아웃 1. margin, padding, border width, height width : 가로의 길이 height : 세로의 길이 border : content의 테두리 선 margin : 콘텐츠 테두리 선으로 부터 밖으로 의 공간 padding : 콘텐츠 테두리 선으로 부터 안으로의 공간 //스타일시트 #box{ margin: 10px; padding: 20px } ->가로길이 500 세로길이 500인 박스의 바깥쪽은 상하좌우 10px만큼씩 뛰우기 안쪽으로는 상하좌우 20px만큼씩 뛰우기 margin: 20px 같은 표현은 상하좌우 모두 20px을 의미합니다 margin: 30px 10px은 상하 30px, 좌우 10px을 의미합니다. margin: 30px 10px 20px 50px은 위 30px, 오.. 3.CSS_id와class 1. id 속성 이용 하기 Hello world code //firstStyle.css #hello{color : pink;} #code{color : blue;} 태그 안에 id = "아이디명" 을 지정하고 스타일시트 에서 id를 불러 오기 위해선 앞에 #을 붙이고 아이디명을 쓴뒤 중괄호{} 안에서 코드작성 id명을 겹치면 안되다 각각의 태그들은 아이디명이 다 다르다 2. class 속성 이용 하기 Hello world code //firstStyle.css .hello{color : pink;} .code{color : font-size = 3px;} 태그 안에 class ="클래스명"을 지정하고 스타일시트에서 class를 불러오기 위해서 앞에 .을 붙이고 클래스명을 쓴뒤 중괄호 안에서 코드작성 cl.. 2. CSS_스타일지정 3가지 CSS : 웹페이지 구성요소의 스타일을 정의 하는 언어 1. INLINE 인라인 요소로 스타일 지정하기 2. HTML 내부에 STYLESHEET 로 작성하기 1. HTML HTML : 웹페이지 틀을 만드는 마크업 언어 tag들의 집합 / 부등호()로 묶인 html의 기본 구성 요소 로 시작하여 로 끝내는것이 한 태그 이다. 큰 제목 한줄 자리 차지 : html 문서임을 알린다. : 시작태그로 문서 전체의 틀을 구성 : 문서의 메타데이터를 선언 : 문서의 제목, 브라우저의 탭에 보여짐 : 문서의 내용을 담는 곳 : 자바스크립트 언어 입력하는곳 : 글씨 크기를 조정 h1 부터 h6 까지 있음 : 줄바꿈이 되는 컨테이너 블록요소이다. 한줄을 차지한다. : 줄바꿈이 안되는 컨테이너 인라인요소이다. 컨테츠 만큼 차지한다. : 이미지 태그 닫는 태그가 필요 없음 // src : 이미지의 파일 주소를 가르킨다. 링크이름 : 링크를 넣을때 이미지, 글씨 등에 링크를 넣을수 있음 // t.. 여기까지 오기까지, 코드스테이츠 2주 후기 보호되어 있는 글입니다. 이전 1 2 3 4 5 다음 목록 더보기
