성장에 목마른 코린이

오늘의 학습 목표 자료구조가 무엇인지 설명할 수 있다. Stack, Queue, Tree, Graph 자료구조에 대해 이해할 수 있다. 알고리즘 문제에서 Stack, Queue 자료구조를 배열로 대체하여 흉내 낼 수 있다. 각 자료구조의 개념과 구조를 파악하고 목적을 이해할 수 있다. 알고리즘 문제의 각 상황에 맞는 자료구조를 떠올릴 수 있다. 트리 및 그래프의 탐색 기법에 대해 이해할 수 있다. Binary Search Tree를 이해할 수 있다. BFS와 DFS의 개념을 이해할 수 있다. 학습내용 자료구조란? 자료구조란 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것입니다. Stack 데이터(data)를 순서대로 쌓는 자료구조입니다. 쌓다, 쌓이다, 포개지다 와 같은 뜻을 가지고 있습니다...

오늘의 학습 목표 JSON 구조가 재귀 함수를 사용할 수 있는 Tree 구조임을 이해할 수 있다. (stringifyJSON) JSON.stringify 와 JSON.parse 가 serialize, deserialize라는 것을 이해할 수 있다. JSON.stringify 와 JSON.parse 를 사용하여 자바스크립트 값과 JSON을 넘나들 수 있다. JSON에 재귀 호출을 사용할 때, 어디에 사용해야 할지 이해할 수 있다. 학습 내용 JSON (JavaScript Object Notation) 데이터 교환을 위해 만들어진 객체 형태의 포맷입니다. const message = { sender: "김코딩", receiver: "박해커", message: "해커야 오늘 저녁 같이 먹을래?", create..

오늘의 학습 목표 1. 아침 8시에 기상해 스터디원들과 함께 Toy 알고리즘 문제 1번을 잘 이해하고 풀어본다. (블로깅) 2. 오늘 배울 재귀에대해 남에게 설명할 수 있을만큼 이해하고, 블로깅한다. 3. 페어 스프린트를 진행할 때 스프린트를 잘 이해하고, 이해가 안되는 부분을 블로깅한다. 4. 저녁시간에 오늘 풀어본 Toy 알고리즘 문제를 한번 더 풀어본다. 5. 내일 학습할 내용, Toy 알고리즘 문제를 훑어보며 준비한다. 학습 내용 재귀(recursion)은 어떠한 것을 정의할 때 자기 자신을 참조하는 것을 뜻한다. 자기언급과도 관련된 재귀는 언어학에서 논리학에 이르기까지 다양한 분야에서 연구되는 주제로, 특히 컴퓨터 과학과 수학에서, 재귀는 함수가 자신의 정의에 의해 정의될 때의 개념을 가리킨다...

오늘의 학습 목표 학습 내용 객체 지향 프로그래밍 - 현실 세계를 기반으로 프로그래밍을 만들 때에 유용합니다 하나의 모델이 되는 blueprint를 만들고, - Class 그 blueprint를 바탕으로 객체를 만드는 프로그래밍 패턴 - Instance Object ES5(ECMAScript 5) vs ES6(ECMAScript 6) // ES5로 만든 코드 function Car(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 } // ES6에서 class라는 키워드를 이용해서 정의 class Car { constructior(brand, name, color) { // 인스턴스가 만들어질 때 실행되는 코드 } } 각각의 인스턴스는 클래스의 고유한 속성과 메소드를 갖게..

오전 8:30 - 8:45 plan / 나의 하루 목표 블로깅 잘 하고, 오늘 스프린트 잘 이해하기 오전 9:00 - 10:00 Algorithm Basic 11, 12 오전 10:00 - 12:00 chapter / React State & Props Props - 컴포넌트의 속성(property) - props는 성별이나 이름처럼 변하지 않는 외부로 부터 전달받은 값입니다. 웹 어플에서 해당 컴포넌트가 가진 속성에 해당합니다. - props는 함부로 변경될 수 없는 읽기 전용 (read-only) 객체입니다. 함부로 변경되지 않아야 하기 때문입니다. *읽기 전용 객체가 아니라면 props를 전달받은 하위 컴포넌트 내에서 props를 직접 수정시 props를 전달한 상위 컴포넌트의 값에 영향을 미칠 수..

오전 8:30 - 8:45 plan / 나의 목표 오늘 저의 목표는 React SPA를 잘 블로깅하고 놓치는 부분 없이 공부하는 것입니다! 오전 9:00 - 10:00 Algorithm Basic 9, 10 오전 10:00 - 11:30 chapter / React SPA 전통적인 웹사이트의 한계와 단점 전통적인 웹사이트는 페이지 이동 시 매번 페이지 전체를 불러와야 했습니다. 사용자와 서비스 사이의 상호작용 증가는 트래픽 증가와 사용자 경험의 저하를 불러왔습니다. SPA(Single Page Application)의 장점 - 전체 페이지가 아니라 필욯나 부분의 데이터만 받아서 화면을 업데이트하면 되기 때문에 사용자와의 Interaction에 빠르게 반응합니다. - 서버에서는 요청받은 데이터만 넘겨주기 ..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘은 리엑트 기초를 잘 이해하고 페어 스프린트에 어려웠던 개념을 블로깅할 예정입니다. 오전 9:00 - 10:00 Algorithm Basic 7,8 오전 10:00 - 11:30 chapter / React Intro What is React? 리액트는 프론트앤드를 위한 Javascript 오픈소스 라이브러리 입니다. React의 3가지 특징 선언형 (Declarative) - 한 페이지를 보여주기 위해 HTML CSS JS로 나누지 않고 하나의 파일에 작성할 수 있게합니다. 컴포넌트 기반 (Component-Based) - 서로 독립적이고 재사용 가능하게 컴포넌트를 기반으로 개발합니다. 범용성 (Learn Once, Write Anywhere)..

오전 8:30 - 8:45 plan / 나의 하루 목표 고차함수 잘 이해하고 블로깅하고 문제 잘 풀기입니다! 오전 9:00 - 10:00 Algorithm Basic 5,6 오전 10:00 - 10:30 chapter / 고차함수 이해하기 일급 객체 대표적인 일급 객체중 하나가 함수입니다. - 함수는 변수에 할당 할 수 있습니다. - 다른 함수의 인자로 전달될 수 있습니다. - 다른 함수의 결과로서 리턴될 수 있습니다. 함수 표현식 - 변수에 할당한 후 사용할 수 있습니다. 함수 선언식과 다르게 호이스팅이 적용되지 않습니다! const square = function (num) { return num * num; }; output = square(7) console.log(output); // 49 고차..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘 하루 목표는 이벤트 객체를 잘 이해하고 블로깅 하는 거이며 페어 스프린트를 잘 마무리하는 것입니다 오전 9:00 - 10:00 Algorithm Basic 3, 4 오전 10:00 - 11:00 pair / 유효성 검사 오전 11:00 - 12:00 zoom / Sprint Office Hour 오후 1:00 - 4:00 pair / 유효성 검사 오후 4:00 - 5:00 chapter / 이벤트 객체 카페라떼 이벤트 객체 사용자가 버튼을 클릭하면, 그 버튼의 textContent을 이용해 메뉴의 이름을 가져올 수 있습니다. 사용자가 누른 버튼에 따라 출력되는 이름이 달라지므로, 클릭된 이벤트 객체에서 메뉴의 이름을 가져옵니다. 다시 말해 이벤..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘은 제가 부족하다고 생각하는 DOM 부분을 좀 꼼꼼하게 기록하고 DOM 으로 HTML을 잘 조작할 수 있도록 공부할 예정입니다. 오전 9:00 - 10:00 Algorithm Basic 1,2 오전 10:00 - 11:00 chapter / DOM 이해하기 What is DOM? DOM은 Document Object Model의 약자로 HTML요소를 Javascript Object처럼 조작할 수 있는 모델입니다. 자바스크립트를 통해 DOM으로 HTML을 조작할 수 있습니다. HTML에 Javascript 적용하기 HTML에 Javascript를 적용하기 위해서는 script 태그를 추가하는 두가지 대표적인 사례가 존재합니다. 하나는 head 태그..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘 하루 목표는 Spread, Rest 문법을 잘 정리하고 스프린트 잘 이해하는 것입니다. 부가적으로 이정윤 페어님과 같이 따로 만들고있는 프로젝트 목표 설정 잘하고 배운 부분들 잘 응용하는 것입니다. 오전 9:00 - 10:00 chapter / Spread, Rest 문법 Spread 문법 주로 배열을 풀어 인자로 전달하거나, 배열을 풀어 각각의 요소로 넣을때 사용합니다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 질문: 어떤 값을 리턴하나요? 6 Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있습니다. 파라미터 개수..

오전 8:30 - 8:45 plan / 나의 하루 목표 오전 9:00 - 10:00 chapter / 원시 자료형과 참조 자료형 원시 자료형 primitive 원시 자료형은 데이터의 크기와는 관계없이 모두 하나의 데이터를 담고 있습니다. 원시 자료형은 값 자체에 대한 변경이 불가능(immutable)하지만 변수에 다른 데이터를 할당할 수는 있습니다. 자바 스크립트에서 원시 타입의 데이터는 객체가 아니면서 method를 가지지 않는 6가지의 타입 string, number, bigint, boolean, undefined, symbol, (null) 을 말합니다. 'string', 42, true, false, undefined // 데이터가 하나의 정보를 담고 있습니다. 참조 자료형 reference 참..