자료구조 공부 목표 자료구조 개념 및 설명 stack, queue, tree, graph 개념 이해 기본 개념과 구조를 파악 및 목적을 이해 상황에 맞는 자료구조를 떠올릴 수 있다. tree 및 graph 탐색 기법 이해 BST 이해 BFS, DFS 개념 이해 자료구조란? 쉽게 말해 데이터들의 구조이다. 수많은 데이터들을 어떻게 저장하고, 어떻게 위치를 새우냐에 따라 사용하는 방법이 다를 것이다. 데이터 : 문자, 숫자, 그림, 영상 등 다양한 정보의 집합 자료구조 종류 자료구조 단순구조 정수 / 실수 문자 / 문자열 2진수 선형구조 (선 모양으로 생긴 자료 구조) 리스트(배열) 연결 리스트 단순 / 이중 / 원형 덱 / 스텍 / 큐 비선형구조 트리 일반 트리 / 이진 트리 그래프 방향 그래프 / 무방향..

재귀 공부 목표 재귀적 사고 쪼개어 생각하기 함수 자신의 재귀적 호출 탈출 조건 재귀 활용(트리 구조) 트리 구조 json 구조 dom 구조 재귀 함수 재귀란? 재귀 함수 언제 사용해? 재귀 함수 사용 연습 문제를 쪼개서 생각하기 하나의 배열이 있고, 그 배열의 합을 구하는 함수를 만든다고 가정하자 내가 생각한 공식은 반복문 이었다. arr = [1, 2, 3, 4, 5] let sum = 0 for (let i = 0; i < arr.length; i++) { sum += arr[i] } console.log(sum); 하지만 반복문 없이 단순히 arr의 원자의 합을 구한다고 생각해 보자 한번에 합을 계산하는 것보다 하나씩 쪼개서 계산하는게 더 쉬울 것이다. [1] sum = 1 [1, 2] sum =..

코드스테이츠 Full 30기 Section #2 23일 재귀 오늘 할 일😊📅 prototype 개념 이해 재귀 개념 이해 1일 1github 오늘 완료 한 일 ☑️💯 재귀 15문제 반복 풀기 재귀 이해 부족한 것❗️ 구현 문제 부족 반복문 재귀 개념 아직 부족 1일 1github 내일 해야 할 것😎 꼬리재귀 공부 재귀 tree 공부 1일 1github DONE! 😃

코드스테이츠 Full 30기 Section #2 22일 OOP 오늘 할 일😊📅 Class 개념 이해 constructor 개념 이해 instence 개념 이해 prototype 개념 이해 객체 지향 프로그래밍 개념 이해 1일 1github 오늘 완료 한 일 ☑️💯 Class 기본 개념 이해 부모 자식 만드는법 이해 instence 기본 개념 이해 객체 지향 프로그래밍이 어떤 것인지 틀 이해 1일 1github 부족한 것❗️ deep한 부분은 아직 잘 모르겠다. prototype 이해 부족 내일 해야 할 것😎 prototype 이해 하기 1일 1github DONE! 😃

CSS CSS의 . 과 #의 차이의 개념 절대 단위와 상대 단위 구분 CSS의 박스 모델 content-box와 border-box 의 차이 위 개념은 기본적으로 알고 넘어가야 하는 것 입니다! 한단계 더 높아지기 위한 공부 CSS의 셀렉터 규칙 후손 셀렉터 / 자식 셀렉터 차이 레이아웃을 위한 HTML만들기 Flexbox 이용해 레이아웃 만들기 방향 / 늘리기 / 수평 정렬 / 수직 정렬 / 크기 조절 셀렉터(selector / 선택자) p {color: red; paddin: 5px;} 같은 경우 p : 선택자 (selector) {} : 선언 블록 (Declaration block) color : 선언 부분의 속성(property) red : 선언 부분의 속성값(Property Value) 셀렉터 ..

HTML 가장 기본적인 요소 Tag 의 집합이며, 가장 기본 요소 이다. Ex) 내용 같은 그룹 안에 기능을 넣어줍니다. 기본 구조 head / body / footer로 이루어져 있습니다. TAG 많이 쓰이는 TAG만 모아 봤고, 자세한거는 MDN을 이용하자 HTML 요소는 현재 문서와 외부 리소스의 관계를 명시합니다. 는 CSS를 연결할 때 제일 많이 사용하지만, 사이트 아이콘("파비콘"과 홈 화면 아이콘) 연결 등 여러가지로 쓰일 수 있습니다. HTML 요소는 HTML 문서의 내용을 나타냅니다. 한 문서에 하나의 요소만 존재할 수 있습니다. HTML 요소는 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함할 수 있습니다. HTML 요소는 문서 ..

DOM 이란? DOM (Document Object Model)은 HTML 및 XML 문서를위한 프로그래밍 인터페이스입니다. 프로그램이 문서 구조, 스타일 및 내용을 변경할 수 있도록 페이지를 나타냅니다. DOM은 문서를 노드와 객체로 나타냅니다. 이렇게하면 프로그래밍 언어가 페이지에 연결할 수 있습니다. 간단히 말해 프로그래머 관점에서 본 HTML 이라고 생각한다. DOM 구조 는 트리 구조로 HTML을 부모 자식으로 나눠 만들어 진다. HTML - JS CRUD // 조회하기 console.log(document.body) // body console.dir(document.body.children) // body 엘리먼트 자식 찾기 // element 만들기 let tweetDiv = documen..

사전 지식 리엑트를 공부 하기 전 사전 지식 HTML / CSS 기초 개념 JS 기초 개념 함수형 프로그래밍 / 고차 함수 개념 및 이해 배열 내장 메소드 기초 ES6 문법 이해 >>> 공부 필요 컴포넌트 용어 React intro 공부 목표 React 3가지 특징 이해 및 설명 JSX가 왜 명시적인지 이해 및 작성능력 React 컴포넌트의 필요성 이해 및 설명 create-react-app으로 간단한 개발용 react앱을 실행 React React란? 프론트엔트 개발을 위한 JS 오픈 라이브러리이다 3가지 특징으로는 선언형, 컴포넌트 기반, 범용성 을 가지고 있다. 선언형 React는 HTML/CSS/JS로 나눠 적기 보다 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍이다...

코드스테이츠 Full 30기 Section #1 21일 React #3 >>> state / props 오늘 할 일😊📅 react state / props 개념 이해 sate / props react에서 구현하여 기능 만들어 보기 react 이벤트 처리 공부 props 구조분해할당 공부 1일 1github 오늘 완료 한 일 ☑️💯 state / props 기본 개념 이해 Delete / Add / onClick 이벤트 / onChange 작은 프로젝트 만들기 1일 1github 부족한 것❗️ DOM 지식 부족 / AddEventListener 알고리즘 공부 내일 해야 할 것😎 react HA 공부 1일 1github SPA // Router 확실히 이해 DONE! 😃

코드스테이츠 Full 30기 Section #1 20일 React #2 >>> SPA / Router 오늘 할 일😊📅 react 환경에서 기능 구현 SPA 개념 이해 router 개념 이해 >>> BrowerRouter / Switch / Router / Link 1일 1github 오늘 완료 한 일 ☑️💯 SPA 개념 이해 Router 이해 및 Switch 사용하여 Link 타고 페이지 뿌리기 // Django MVT 개념과 비슷 1일 1github 부족한 것❗️ SPA deep 개념 까지 이해하기 Router // NavLink 사용해보기 내일 해야 할 것😎 react 익숙해지기 1일 1github SPA // Router 확실히 이해 DONE! 😃

코드스테이츠 Full 30기 Section #1 19일 React #1 >>> Intro 오늘 할 일😊📅 고차함수 deep 개념 React 환경 구현하기 >>> Create-react-app component 이해 1일 1github 오늘 완료 한 일 ☑️💯 React 환경 구현 고차 함수 map/filter/reduce 어떻게 쓰는지 이해 1일 1github component 이해 부족한 것❗️ 고차함수 사용하여 알고리즘 풀기 약함 compoenet deep 이해 react 다루기 미숙 내일 해야 할 것😎 react 다뤄보기 1일 1github react의 state / props 이해 하기 DONE! 😃

코드스테이츠 Full 30기 Section #1 18일 JavaScript >>> 고차함수 오늘 할 일😊📅 고차함수 개념 정리 내장 고차함수 개념 정리 알고리즘 1문제 이상 풀기 1일 1github 오늘 완료 한 일 ☑️💯 알고리즘 1문제 이상 풀기 >>> queue 진행중 회원가입 구현 후 유효성 검사 완료 DOM 사용하여 문법 익히기 부족한 것❗️ reduce, parseInt 메소드 잘 모르겠다. class부분 deep 개념 들어가보기 ES6 / D-15 취약개념 공부 / 자료구조 개념 정리 1일 1github 내일 해야 할 것😎 알고리즘 1문제 풀기 1일 1github 고차 함수 deep 개념 DONE! 😃