코드스테이츠 수강 TIL/Section 1
2021. 08. 06 금요일 1. Today's Key points! DOM(Document Object Model) CREAT, APPEND, READ, UPDATE, DELETE 유효성 검사 2. 정리해보자! DOM(Document Object Model)은 HTML 및 XML 문서용 프로그래밍 인터페이스이다. 프로그램이 문서 구조, 스타일 및 내용을 변경할 수 있도록 페이지를 나타낸다. DOM은 문서를 노드와 객체로 나타낸다. 그렇게 하면 프로그래밍 언어가 페이지에 연결할 수 있다. DOM 구조를 조회할 때에는 console.dir 사용 자식 엘리먼트 조회하기 : document.body.children 부모 엘리먼트 조회하기 : const div = document.querySelector(‘#..
2021. 08. 05 목요일 1. Today's Key points! 오늘은 앞서 배워왔던 것을 복습하는 느낌으로 Koans를 진행했다. 원시 자료형, 참조 자료형 얕은 복사, 깊은 복사 scope, closure Spread syntax/ Rest parameter Destruction(구조분해) 2. 정리해보자! 얕은 복사 : 아래 사진은 arr2에 arr1을 얕은 복사를 한 것이다. 아래에 보이듯이 얕은 복사를 하면 배열안의 배열까지는 복사를 안한다. 즉, 바깥 부분의 배열은 다른 주소를 사용해서 arr2를 바꿔도 arr1에 영향을 주지 않지만, 안쪽의 배열은 같은 주소를 사용하기 때문에 arr2에서 바꾸면 arr1에서도 바뀌게 된다. 이는 객체에서도 동일하다. 깊은 복사 : 얕은 복사에서 설명했..
2021. 08. 04 수요일 1. Today's Key points! 원시자료형 타입, 참조자료형 타입 scope(스코프), closure(클로저) var, let, const의 차이 내부함수, 외부함수 2. 정리해보자! 원시타입 데이터 : number, boolean, null, undefined, string. 값을 복사해서 복사한 데이터를 변경해도 기존 데이터에는 영향이 없다. 참조타입 데이터 : array, object, function. 참조타입 데이터를 복사하게 되면 데이터 주소를 복사하는데, 복사한 데이터에서 원소를 변경하게 되면 주소안에있는 데이터가 변경하는 것이기 때문에 기존의 데이터에도 영향이 가게 된다. 주소를 저장하는 곳을 heap이라고도 한다. 스코프란? 변수 접근 규칙에 따를 ..
2021. 08. 03 화요일 1. Today's Key points! CSS 중급. id와 class 목적 Mock-up만들기. 구조 설계. 수직분할, 수평분할, flex-box 다양한 방법으로 사용할 수 있는 Selector 2. 공부해보자! 셀렉터 : h1 { }, div { } ... 전체 셀렉터 : * { } Tag 셀렉터 : section, h1 { } ID 셀렉터 : #only { } class 셀렉터 : .widght { }, .center{ } 후손 셀렉터 : header h1 { } 후손 셀렉터는 부모 셀렉터 자식 셀렉터 보다 더 아래에 있는 셀렉터 자식 셀렉터 : header > p { } 자식 셀렉터는 부모 셀렉터 바로 아래에 있는 셀렉터 인접 형제 셀렉터 : section + p ..
2021. 08. 02 월요일 1. Today's Key points! 객체 코플릿을 페어와 함께 풀었고, 풀면서 이해가 안됬었고 어떻게 해결했는지 다시한번 고민해보고자 한다. 객체 메소드. Object.keys(), Object.entry() for...in, for...of 2. 공부해보자! Object.keys(), Object.entry() -Object.keys() : 이 메소드는 주어진 객체의 속성 이름들을 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환합니다. -Object.entries() : 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 [key, value] 쌍의 배열을 반환합니다. slice() 용도 - 배열에 담긴 데이터가 ..
2021. 07. 30 금요일 지금까지는 일기형식으로 써왔는데, 오늘부터 TIL(Today I Learned)형식으로 구성을 갖춰서 작성해보려 한다. 어떤 구성으로 쓸거냐 하면 3가지(+1가지) 큰 형식에 맞춰 쓸 계획이다. 1. 오늘 배운것 : Today's Key points! 2. 배우면서 의문이 들었던거나 추가적인 공부가 필요한 것. : 공부해보자! 3. 문제를 풀었거나, 페어와 함께 알고리즘 구조를 짰다면 : 복습 하기! (+ 4. 오늘 느낀 감정.) 1. Today's Key points! 배열의 기초를 배우고 코플릿을 통해 문제를 풀었다. 코플릿 문제중 가장 이해가 안된 문제를 다시 풀어보고자 한다. 객체를 배웠고 간단하게 정리 해보고자 한다. 2. 공부해보자! 배열은 typeof로 타입을 ..
