성장에 목마른 코린이

왜 이 개념을 이해하기 어려웠나요 ? 솔직히 왜 써야하는지도 모르겠고 이해하다가 그냥 머리가 터질것같아요 재귀 Recursion - 자신이 자신을 호출하는 함수 - 알고리즘 공부의 통곡의 벽: 이게 안되면 디바인드앤컨커, 다이내믹 프로그래밍 다 안된답니다.. - 간략한 쓰는 이유: 일반적으로 반복문보다 느리지만 재귀로 적으면 깔끔해지는 코드를 쓰는데 활용됨 재귀함수로 짜여진 코드들은 for문이나 while문으로 대체가능합니다. 그렇게 하는게 더 쉬운경우도 많습니다. 하지만 배열안에 배열이 있는경우에서 재귀함수가 왜 좋은지 보여줍니다. 아래 코드를 한번 봐보시죠 여기까지만 해도 for문을 두번만 써야해서 괜찮지만 아래처럼 for문을 여러번써야하고 몇번써야할지도 모르는 경우에 재귀함수를 왜 써야하는지 알수있..

오늘의 학습 목표 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 참..

오전 8:30 - 8:45 plan / 나의 하루 목표 오늘 하루 목표는 Twittler 목업 잘 만들고 유어클래스에 있는 내용을 잘 이해하며 블로깅 하는 것입니다. 그리고 지난주 주말에 이정윤 페어님과 함께 저희가 배운 것을 바탕으로 롤챔프정보 라는 프로젝트를 리액트를 통해서 만들어 보고 있는데 오늘 배운 내용을 프로젝트에 잘 적용 시켜볼 예정입니다. 오전 9:00 - 11:00 chapter / CSS 중급 HTML 구성하기 대부분의 경우 콘텐츠의 흐름은 좌에서 우, 위에서 아래로 흐릅니다. CSS로 화면을 구분할때엔 수직분할과 수평분할을 차례대로 적용해 콘텐츠의 흐름을 따라 작업을 합니다. 1. 수직분할 - 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 2. 수평분..