성장에 목마른 코린이

사실 네트워크 기초, Effect Hook, 웹서버 기초를 블로깅, 스프린트를 통해 학습하고, 정리되어 있는 유튜브 영상들을 참조 했습니다. 느낌 시간이 너무 부족하다라고 느꼈고 어렵게 느껴졌습니다. 발견점 그래도 하다 보니 조금씩 익숙해져 가는 것을 느꼈습니다. 다음주를 위한 행동 다음주에는 매일 저녁에 스터디원들과 achievement goal을 리뷰하고, 스프린트만 진행된 날 같은경우에는 sprint review를 같이 다시 풀어보며 리뷰하며 학습할 예정입니다. 이번주도 마찬가지로 어려웠고.. 뭔가 너무 많은 양을 계속해서 학습하다보니까 배웠던 내용들이 조금씩 잊혀지고 약간 짬뽕되가는 느낌을 좀 받았습니다. 시간이 너무 부족하다고 느끼고, 코스가 다 끝나고 다시 한번 개념들을 다시 정리해보면서, 진..

오늘의 학습목표 HTTP HTTP 요청/응답을 브라우저를 통해 확인할 수 있고, 해당 내용을 읽을 수 있다. HTTP 다양한 요청 방식과, 응답 코드에 대해 이해할 수 있다. node.js modules의 사용 node.js의 내장 http 모듈을 사용할 수 있다. http 모듈 사용 시에 서버에 CORS 설정을 할 수 있다. CommonJS를 이용한 모듈 내보내기/불러오기를 할 수 있다. 오늘한 스프린트 잘 이해하기 - 스터디원들과 함께 오늘한 스프린트를 리뷰했습니다. 어제한 스프린트 리뷰하기 - 리뷰하려했는데 생각보다 막힘이 많아서.. 차후에 더 진행할 예정입니다. 학습내용 Mini Node Server를 HTTP 모듈을 사용해 만들었습니다. 오늘의 회고 오늘 이것저것 스프린트를 진행하면서 중요했던 ..

오늘의 학습목표 Side effect가 어떤 의미인지 알 수 있다. React 컴포넌트를 만들 때 side effect로부터 분리해서 생각할 수 있다. (비즈니스 로직과 표현 영역 구분) Side effect의 예를 들 수 있다. Effect Hook을 이용해 비동기 호출 및 AJAX 요청과 같은 side effect를 React 컴포넌트 내에서 처리할 수 있다. Effect Hook에서의 dependency array 사용법을 이해할 수 있다. 컴포넌트 내에서 네트워크 요청 시, 로딩 화면과 같이 보다 나은 UI를 만드는 법을 이해할 수 있다. 1. 스프린트 잘 이해하고 해결하기 2. Dinner Club에 참가해서 선배 기수분들로 부터 꿀팁 많이 얻기 3. 스터디 협업 잘 구성하기 학습내용 Side ..

오늘의 학습목표 React 데이터 흐름 React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다. 어떤 컴포넌트에 state가 위치해야 하는지 알 수 있다. State 끌어올리기의 개념을 이해할 수 있다. 상태 변경 함수가 정의된 컴포넌트와, 상태 변경 함수를 호출하는 컴포넌트가 다름을 알 수 있다. 학습내용 React에서는 데이터가 위에서 아래로, 단방향으로 흐릅니다. 상태 끌어올리기 단방향 데이터 흐름이라는 원칙에 따라, 하위 컴포넌트는 상위 컴포넌트로부터 전달받은 데이터의 형태 혹은 타입이 무엇인지만 알 수 있습니다. 데이터가 state로부터 왔는지, 하드코딩으로 입력한 내용인지는 알지 못합니다. 그러므로 하위 컴포넌트에서의 어떤 이벤트로 인해 상위 컴포넌트의 상태가 바뀌는 것은 마치 "..

오늘의 학습목표 REST API에 대해 이해할 수 있다. REST API 문서를 읽을 수 있다. REST API에 맞춰 디자인할 수 있다. Open API와 API Key에 대해 이해할 수 있다. Postman이 무엇인지 이해하고 사용할 수 있다. HTTP API 테스팅이 무엇인지 알 수 있다. Postman을 사용하여 서버에 GET, POST 요청을 보내고 응답을 받을 수 있다. (Optional) Postman을 사용하여 Open Weather Map Open API에 요청을 보낼 수 있다. 학습내용 REST API (Representational State Transfer) 웹 애플리케이션에서는 HTTP 메서드를 이용해 서버와 통신합니다. GET을 통해 웹 페이지나 데이터를 요청하고, POST로 새..

오늘의 학습목표 클라이언트-서버 콘셉트를 이해할 수 있다. 클라이언트-서버 아키텍처를 이해할 수 있다. HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다. API의 개념을 이해할 수 있다. 브라우저의 작동 원리를 이해할 수 있다. 보이지 않는 곳의 통신을 이해할 수 있다. URL과 URI의 차이를 이해할 수 있다. IP 주소와 PORT에 대해 이해할 수 있다. DNS와 IP 주소의 관계를 설명할 수 있다. 크롬 브라우저의 에러 메시지를 통해 문제를 파악할 수 있다. 보이는 곳의 통신을 이해할 수 있다. AJAX의 개념을 이해할 수 있다. SSR과 CSR의 차이를 이해할 수 있다. CORS의 개념을 이해할 수 있다. HTTP messages의 구조를 설명할 수 있다. HTTP의 동작 방식을 이해할 ..

학습내용 : [자료구조/알고리즘] 기초 - 자료구조, [JS/Node] 비동기, Node.js 모듈 사실 비동기와 자료구조 알고리즘을 유튜브 영상과, 다른 블로그의 자료들, MDN 등을 통해서 계속 학습했습니다. 느낌 지난주보다는 덜 어려웠지만 그래도 많이 어려웠고 계속해서 꾸준히 공부해야겠다 라는 생각을 했습니다. 발견점 많이 어렵지만 계속 보고, 강의 같은것도 찾아보고 하니 그래도 좀 덜 낯설게 느껴졌습니다. 이해 안가는 부분을 친해질 때까지 계속 봐야겠다고 느꼈습니다. 다음주를 위한 행동 다음 주에도 이번 주에 공부 한 것처럼 계속 파고들고 지금까지 배웠던 부분 중 어려운 부분도 꾸준히 볼 예정입니다. 이번주도 만만치 않게 어려웠지만 지난주보다는 할만하다고 느꼈고, 조금씩 성장하고 있다는 느낌도 받..

오늘의 학습목표 어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다. 중첩된 callback의 단점, Promise의 장점을 이해할 수 있다. Promise 사용 패턴을 이해할 수 있다. resolve, reject의 의미와, then, catch와의 관계를 이해할 수 있다. Promise에서 인자를 넘기는 방법을 이해할 수 있다. Promise의 세 가지 상태를 이해할 수 있다. Promise.all 의 사용법을 이해할 수 있다. async/await keyword에 대해 이해하고, 작동 원리를 이해할 수 있다. Node.js의 fs 모듈의 사용법을 이해할 수 있다. 학습내용 callback의 단점: callback hell promise의 단점: promise hell async awai..

오늘의 학습목표 어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다. 중첩된 callback의 단점, Promise의 장점을 이해할 수 있다. Promise 사용 패턴을 이해할 수 있다. resolve, reject의 의미와, then, catch와의 관계를 이해할 수 있다. Promise에서 인자를 넘기는 방법을 이해할 수 있다. Promise의 세 가지 상태를 이해할 수 있다. Promise.all 의 사용법을 이해할 수 있다. async/await keyword에 대해 이해하고, 작동 원리를 이해할 수 있다. Node.js의 fs 모듈의 사용법을 이해할 수 있다. 학습 내용 동기(synchronous : 동시에 일어나는) 동기는 말 그대로 동시에 일어난다는 뜻입니다. 요청과 그 결과가 ..

오늘의 학습목표 1. 고차함수를 만들어 보면서, 콜백 함수와 커리 함수 사용하는 법을 연습. 2. 고차함수 개념을 복습 학습내용 // _.take는 배열의 처음 n개의 element를 담은 새로운 배열을 리턴합니다. // n이 undefined이거나 음수인 경우, 빈 배열을 리턴합니다. // n이 배열의 길이를 벗어날 경우, 전체 배열을 shallow copy한 새로운 배열을 리턴합니다. _.take = function (arr, n) { // TODO: 여기에 코드를 작성합니다. let result = []; if (n === undefined || n arr.length) { return arr; } for (let i = 0; i < n; ..

오늘의 학습목표 트리 및 그래프의 탐색 기법에 대해 이해할 수 있다. 트리 순회(Tree Traversal)를 이해할 수 있다. 전위 순회 (preorder traverse) 중위 순회 (inorder traverse) 후위 순회 (postorder traverse) BFS와 DFS의 개념을 이해하고 알고리즘 문제에서 사용할 수 있다. 자료구조를 활용하여 알고리즘 문제에 접근할 수 있다. 학습내용 BFS (Breadth-First Search) 너비 우선 탐색이라고하고, 주로 두 정점 사이의 최단 경로를 찾을 때 사용합니다. 만약 경로를 하나씩 전부 방문한다면, 최악의 경우 모든 경로를 다 살펴봐야 합니다. DFS (Depth-First Search) 깊이 우선 탐색이라고 하고, 한 정점에서 시작해서 다..

사실 객체지향프로그래밍(클래스, 프로토타입), 재귀함수, 자료구조(스택, 큐, 그래프, 트리, BST)을 머리싸매가며 유튜브, 스터디원들의 도움을 통해 학습했습니다. 느낌 정말 너무 어려웠고, 머리가 터질 것 같았는데 그래도 주말갈아넣어서 반정도는 이해한 것 같습니다. 발견점 진짜 처음볼때는 그냥 멘붕 그자체였는데, 설명도 듣고 해보고 다시봐보니 조금 익숙해진 느낌이 들었습니다. 계속 반복해서 봐야할 것 같다고 생각했습니다. 다음주를 위한 행동 다음주에도 이번주처럼 머리터지더라도 계속 주말 갈아넣으면서 공부해야겠다고 생각했고, 꾸준히 어려웠던 부분 친해지려고 노력할 예정입니다. 이번 주 생각했던 것 보다 훨씬 더 어려웠습니다. 섹션1에서 했을때보다도 더 공부하는 시간을 추가했는데도 불구하고 너무 힘든 한..