반응형 전체 글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. [DOM] Document Object Model 이란 ? 오늘은 DOM(Document Object Model)에 대해서 공부했다. DOM이란 HTML(Document)에 접근하여 Object(JavaScript Object)처럼 HTML을 조작(Manipulation)할 수 있는 Model이다.자바스크립트를 사용하는 방법을 알고 있으면 DOM을 활용하여 HTML을 조작할 수 있다는 의미이다. 일단 DOM을 사용하기 위해서는 자식 element 부모 element와의 관계를 잘 알아야 한다. HTML은 트리 구조로 작성이 되는데 이때 겉에 있는 태그가 부모 요소이고 부모 요소 안에 작성된 요소가 자식 요소가 된다. 이 중 가장 상위의 객체가 document 객체 인데 이 document 객체에는 수많은 속성과 메서드가 포함되어 있다. document객체의 속성.. 2020. 9. 22. [ 20.09.18.금 ] 9월 셋째주 회고록 이번 주는 JavaScript 기초를 다지는 시간을 가졌다. 아직 JavaScript 초보라 공부를 하면서 내가 잘 몰랐던 개념들이 많이 보였다. 그래서 보이는 즉시 메모해뒀다가 하루가 끝나기 전에 조사해서 블로그에 올리는 것을 반복했다. 이번 주 목표 중 하나인 블로깅 연습은 잘 되어 가고 있는 것 같다. 이번 주에 올린 글들을 돌아보니 배열과 객체에 관련된 글 들이 좀 많이 보이는 것 같다. 그만큼 내가 배열과 객체에 대한 개념이 부족했고 새로 알게 된 사실들이 많다는 것이다. 또 내장함수에 관한 내용도 눈에 띄었다. 내장 함수를 잘 활용하지 못해서 쉽게 풀 수 있었던 부분을 멀리 돌아가기도 했다. 그래서 더 잘 기억하기 위해 블로그에 남겼다. 다음 주 목표는 이번 주 학습했던 것을 기억하고 활용하는.. 2020. 9. 18. 이전 1 ··· 8 9 10 11 12 13 14 다음 반응형
