좋은 SW 개발자되기

2021. 09. 03 금요일 33일차 내용이 이어져서 34일차에 한번에 정리하고자 한다. 1. Today's key points!🔑 HTTP API SSR vs CSR 2. 정리해보자!🧹 HTTP란? HyperText Transfer Protocol의 줄임말로, HTML과 같은 문서를 전송하기 위한 Application Layer프로토콜이다. 프로토콜이 무엇이냐면 통신 규약이다. 즉, 약속을 말한다. 예를 들어 카페에 손님이 주문을 받는 사람에게 대뜸 찾아가서 외계어로 주문을 할 수 없듯이 주문을 하기 위해서는 꼭 지켜야하는 약속이 몇가지 존재한다. 그 여러가지 약속 중에 웹 애플리케이션 프로토콜이 HTTP이다. 클라이언트와 서버가 서로 HTTP라는 프로토콜을 이용해서 서로 대화를 나눈다. API란? ..

2021. 09. 01 수요일 1. Today's Key points!🔑 fetch 2. 정리해보자!🧹 비동기 요청의 가장 대표적인 사례는 네트워크 요청이다. 네트워크를 통해 이뤄지는 요청은 그 형태가 다양한데 그 중에서 URL로 요청하는 경우가 가장 흔하다. URL로 요청하는 걸 가능하게 해주는 API가 바로 fetch API이다. 특정 URL로부터 정보를 받아오는 역할을 한다. 이 과정이 비동기로 이루어지기 때문에, 경우에 따라 다소 시간이 걸릴 수 있다. fetch 사용법 1 2 3 4 5 let url = 'url주소'; fetch(url) .then((response) => response.json()) //자체적으로 json() 메소드가 있어, 응답을 parsing시켜서 다음 Promise로 ..

2021. 08. 31 화요일 1. Today's Key points!🔑 Async Javascript 타이머 API fs모듈 2. 정리해보자!🧹 콜백함수란? 다른 함수의 전달인자로 넘겨주는 함수. 파라미터를 넘겨받는 함수는 콜백 함수를 필요에 따라 즉시 실행(synchoronously)할 수도 있고, 아니면 나중에(asynchoronously) 실행할 수도 있다. 타이머 관련 API : setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 / setInterval(callback, millisecond) 일정 시간의 간격을 가지고 함수를 반복적으로 실행 / clearInterval(timerId) 반복 실행중인 타이머를 종료 / setTimeout에 대응하는 clea..

2021. 08. 30 월요일 1. Today's Key points!🔑 고차함수 callback Underbar 2. 정리해보자!🧹 고차함수는 다른 함수를 인자로 전달받을 수 있다. 고차함수의 인자로 전달되는 함수를 콜백 함수(Callback function)이라고 한다. 고차함수는 다른 함수를 리턴할 수 있다. 오늘은 배열, 객체를 다루는 라이브러리 Underbar를 구현하면서 자바스크립트 내장 메소드가 어떻게 callback 함수를 활용하는지 학습했다. 그래서 바로 스프린트 과제를 복기해보고자 한다. 3. Sprint과제 복기!🧐 👉🏻_.each _.each = function (collection, iteratee) { //collection은 배열 또는 객체이다. iteratee는 함수이다. i..

2021.08. 27 금요일 1. Today's Key points!🔑 Graph Tree bfs, dfs 2. 정리해보자!🧹 Graph(그래프)란? 컴퓨터 공학에서 이야기 하는 자료구조 그래프는 마치 거미줄처럼 여러개의 점들이 선으로 이어져 있는 복잡한 네트워크 망과 같은 모습을 가지고 있다. 즉, 그래프는 여러개의 점들이 서로 복잡하게 연결되어 있는 관계를 표현한 자료구조이다. 직접적인 관계가 있는 경우 두 점 사이를 이어주는 선이 있다. 간접적인 관계라면 몇 개의 점과 선에 걸쳐 이어진다. 하나의 점을 그래프에서는 정점(vertex)이라고 표현하고, 하나의 선은 간선(edge) 이라고 한다. 그래프 실사용 예 : 포털 사이트의 검색 엔진, SNS에서 사람들과의 관계, 네비게이션 (길찾기) 등에서 사..

2021. 08. 26 목요일 1. Today's Key points!🔑 stack queue ??? 2. 정리해보자!🧹 자료구조에 대해 학습했다. 어떤 자료구조가 있는지를 알고 이것을 사용해서 알고리즘 문제에 접근할 수 있어야 한다. 자주 등장하는 네 가지 자료구조중 오늘은 2가지 stack과 queue에 대해 알게 되었다. Stack이나 Queue라는 단어가 생소했다. 근데 이미 대표적인 자료구조 중에 배열이라는 자료구조를 자주 써 왔다. 스택이나 큐도 별반 다르지 않다. 우선 Stack이란? 데이터를 순서대로 쌓는 자료구조이다. 예를 들어보자면, 막혀있는 도로에 차가 들어오는 것으로 예를 들 수 있다. 막혀있는 도로에 자동차가 들어왔는데, 나가려면 뒤에 들어온차가 먼저 빠져야 앞에있던 차가 나갈 수..

2021. 08. 25 수요일 1. Today's Key points!🔑 재귀함수 JSON, stringify DOM 2. 정리해보자!🧹 26일차에 이어 재귀함수에 익숙해지는 시간을 가질 수 있었다. JSON이란? JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체 형태의 포맷이다. 예를 들자면, 한국인과 프랑스인이 있는데, 이 둘이 소통하려면 어떻게 해야할까? 영어로 소통하면 된다! 영어는 전세계적으로 공통적으로 사용하는 언어이기 때문이다. 그럼 컴퓨터안에서는 JSON으로 소통을 하는 것이다. 네트워크를 통해, 어떤 객체 내용을 다른 프로그램에게 전송한다고 가정해 보겠다. 각자 언어로 쓴 코드를 다른 프로그램에게 보내면 읽지 못할 것이다. 그래서 J..

2021. 08. 24 화요일 1. Today's Key Point!🔑 재귀함수 코플릿 2. 정리해보자!🧹 재귀함수는 자기자신을 호출하는 함수이다. 그래서 재귀함수를 어떨때 사용하면 좋은가? 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우. 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우. 모든 재귀함수는 반복문으로 표현할 수 있다. 하지만 재귀를 적용할 수 있는 대부분의 경우에는 재귀를 사용하는 것이 코드가 더욱 간결해지고 이해하기가 쉽다. 고 하는데 나는 아직 재귀함수에 익숙하지 않아서 그런지 이해하는 것이 만만치 않았다. 계속 쓰면서 익숙해지다보면 while이나 for를 쓰는것보다 편해지지 않을까 싶다. 그래서 재귀함수 어떻게 쓰는가? Base Case와 Recur..

2021. 08. 23 월요일 1. Today's Key points!🔑 객체 지향 프로그래밍 class class, prototype, instance의 관계 Beesbeesbees 2. 정리해보자!🧹 객체 지향 프로그래밍에 대해 배웠다. 하나씩 정리해 보자. class? instance? 객체 지향 프로그래밍? 하나의 모델이 되는 청사진(blueprint)를 만들고, 그 청사진을 바탕으로 한 객체(object)를 만드는 프로그래밍 패턴이다. 한가지 예를 들자면, 자동차 생산을 위한 설계도에 비유할 수 있을 것이다. 자동차가 기능하기 위해서는 네 바퀴와 핸들, 좌석 그리고 엔진이 필요할 것이다. 이러한 기본적인 설계는 차의 종류에 상관없이 대체적으로 동일하게 적용된다. 이런 설계도(청사진)를 바탕으로 ..