반응형 웹개발80 [ 20.09.25.금 ] 9월 넷째주 회고록 사실 12시가 지나서 오늘은 토요일이지만.. 금요일에 썼어야 하는 회고록이라 그냥 금요일 날짜로 올렸다. 이번 주도 빠르게 지나갔다. 저번 주와는 비교도 안될 만큼 빠른 속도였다. 나는 저번 주에 나보다 더 열심히 공부했다. 가까운 사람에게 들은 말인데 남과 나 자신을 비교하지 말라고 하였다. 나와 비교할 수 있는 대상은 오로지 과거의 나뿐이라고 남과 비교하면서 불안해하지 말라고 하였다. 처음 이 말을 듣고 되게 깊은 감명을 받았다. 그래서 어제의 나보다 더 열심히 살고 내일의 나에게 부끄럽지 않게 살려고 노력했다. 그 결과, 저번 주의 나보다 많이 성장한 나를 이번 주에 볼 수 있었다. 여러 과제들을 진행하면서 어려웠던 부분도 있었지만 시간이 오래 걸리더라도 절대 다음날로 넘기지 않았으며 매일 계획했던.. 2020. 9. 26. [JavaScript] 배열의 기초 2 - 배열의 내장함수들과 내장 고차 함수 오늘은 배열을 다루면서 각종 내장 함수들을 공부했다. 내장 함수들을 리턴하는 고차 함수를 공부했는데 고차 함수란 함수를 인자로 받거나 함수를 리턴하는 함수들을 뜻한다. 그런데 자바스크립트에서는 내장 고차함수들이 있었고 그 쓰임새가 다양하였다. 잘 알아두면 여러가지로 사용이 가능할 것 같아서 정리해보았다. 1. Array.prototype.filter() Array의 내장 함수인 filter를 이용하면 filter의 인자 값으로 들어오는 함수를 적용하여 true, false를 반환하는데 (적어도 filter는 true, false를 반환하길 기대한다고 한다. ) true로 반환된 요소들만 새로운 배열로 반환해준다. const nums = [1, 2, 3, 4, 5, 6, 7]; const result = .. 2020. 9. 26. [JavaScript] prototype 프로토타입에 대하여 오늘은 prototype에 대해서 공부했다. MDN을 참고해보니 JavaScript는 프로토타입 기반 언어로 클래스가 없지만 (클래스 키워드를 ES2015부터 지원을 하지만 문법적인 양념일 뿐, 자바스크립트는 프로토타입 기반 언어라고 명시되어 있다.) 프로토타입과 함수를 이용하여 클래스와 비슷하게 쓸 수 있다고 한다. 자바스크립트에서는 객체나 함수에 속성을 넣어 둘 수 있는데 프로토타입을 이용하면 쉽게 속성 값들을 추가할 수 있다. let protoFunc = function() { this.name = 'leo'; this.age = 25; } let obj = new protoFunc(); // new 연산자로 프로토타입 기반의 인스턴스 생성 protoFunc.prototype.address = '주.. 2020. 9. 24. [DOM] <template> 태그를 이용한 DOM 조작 오늘은 태그를 이용해서 DOM을 조작하는 방법에 대해서 공부했다. 동적으로 태그를 추가하고 싶은데 추가되는 동작이 반복된다면 반복문을 이용해서 넣어 줄 수도 있지만 태그를 이용해서 해결할 수도 있다. 먼저 html을 간단하게 작성해보면 Leo 25 집주소 부모 요소 태그 안에 있는 요소는 나타나지 않고 맨 마지막 줄의 div 만 나타난다. 이제 이 을 js를 통해서 추가해볼 수 있다. let parents = document.querySelector('#parents'); let temp = document.querySelector('#temp'); let element = document.importNode(temp.content, true); // importNode를 통해서 template 안에 있.. 2020. 9. 23. 이전 1 ··· 13 14 15 16 17 18 19 20 다음 반응형
