코딩봇의 학습로그

console.log( codingBot.learned( ) )

개발학습/코드스테이츠 SE Bootcamp

클라이언트 서버 아키텍처 Server 리소스를 제공(serve)하는 주체 빈번한 데이터 업데이트가 필요한 경우, 리소스가 존재하는 곳과 리소스를 사용하는 앱(클라이언트)을 분리시키는 것이 유리. 이처럼, 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 2-Tier 아키텍처, 즉 클라이언트-서버 아키텍처 일반적으로 서버는 리소스를 전달해주는 역할만 담당. 리소스를 저장하는 공간을 데이터베이스라고 부른다. 기존 2티어 아키텍처에 데이터베이스가 추가된 형태를 3티어 아키텍처라고 부른다. HTTP를 통한 클라이언트-서버 통신 보통 일반적인 경우라면 클라이언트로부터 요청이 있지 않은 이상 서버는 클라이언트에게 리소스를 전달하지 않음 클라이언트-서버 간 통신에서는 프로토콜이라는 개념이 존재한다. 프로토..

2021. 9. 2.

개발학습/코드스테이츠 SE Bootcamp

어제부터 본격적으로 시작한 비동기 부분 관련해서 예상 외로 이해가 잘 되지 않아서 어제는 TIL을 올리지 못했다. 그래서 결국 오늘 까지 2일치 분량을 모두 함께 통짜로 정리하기로 결심했다.(날먹...) 비동기 자바스크립트는 태생적으로 웹을 위해서 만들어진 프로그래밍 언어이므로 비동기적인 처리구조를 가지고 있다. 웹 브라우저 상에서 화면에서 표시되는 각각의 요소가 순차적으로 구성되는 동기적인 처리방식일 경우엔 용량이 큰 영상물을 불러오는 코드가 중간에 있는 경우 이후의 내용들은 영상을 모두 불러올 때까지 로드가 되지 않는다. 하지만 비동기적인 처리방식에서 자바스크립트는 시간이 소요되는 작업을 모두 따로 분류하고 당장에 구현이 가능한 부분의 코드부터 실행시킨다. 그리고 시간이 소요되는 작업이 모두 완료되면..

2021. 9. 1.

개발학습/코드스테이츠 SE Bootcamp

오늘은 JS/Node의 비동기 챕터로 넘어갔는데... 비동기 등에 대해서 배우기 전 먼저 고차함수에 대한 리뷰가 진행되었다. 리뷰라고 해봐야 고차함수 관련 문제들이 있고 그걸 푸는 정도?? 그래서 사실 거의 오늘 새롭게 배운 내용은 없고 이전 학습한 내용들을 복습하는 수준으로 하루 수업이 진행되었다. 이런 진행으로 인해서 오늘 가장 큰 걱정거리는 블로그 쓸 내용이 없다는 것이다. 이번에 풀어본 문제에서도 새로 학습하게 된 내용 등이 없고 모두 기존에 인지하는 상식선에서 나온 문제들이라 새롭게 추가적으로 알게된 것을 이야기 하기도 어렵다는 생각이 든다. 그렇다고 비동기에 관해서 사전에 어느 정도 알고 있는 내용을 쓰자니 내일 본격적으로 비동기를 시작하는데 굳이? 차피 내일도 비동기에 관해서 써야만 한다. ..

2021. 8. 30.

개발학습/코드스테이츠 SE Bootcamp

요즘 들어서 머리가 자주 터지는 것 같다 ^^. 아니 왜 자료구조를 자바스크립트로 구현해서 문제를 푸는거지... 그래도 문제 풀면서 로직은 머리 속에서 짜여지는데 느낀 문제점은 세부적인 사항 몇개를 내가 빼먹는 다는 생각이 들었다. (디테일이 부족하다) 앞으로 그런 부분에 좀 더 포커싱을 맞추면서 뭔가 빼먹은게 없는지 한번 더 생각하면서 작성해야겠다. 트리순회 Tree traversal 특정 목적을 위해서 모든 노드를 한 번씩 방문하는 것을 트리 순회라고 한다. 트리를 순회할 수 있는 세 가지 방법은 전위 순회, 중위 순회, 후위 순회이다. 각각의 순회 방식과는 논외로, 트리 구조에서 노드를 순차적으로 조회할 때의 순서는 항상 왼쪽부터 오른쪽이다. 전위순회 가장 먼저 방문할 노드는 루트. 루트에서 시작해..

2021. 8. 28.

개발학습/코드스테이츠 SE Bootcamp

처음에 자료구조 관련된 내용을 코드스테이츠 플랫폼 내 학습자료들을 보면서 학습할 때는 아주 쉬워보였다. "아 그냥 요런 자료구조 종류가 있구나~ ^오^" 이런 느낌이었는데 자바스크립트를 통해서 이런 자료구조들을 흉내내라고 할줄은 상상도 못했다. 워후;;; 기본 개념 정리만 해도 꽤나 되었는데 오늘은 자바스크립트로 자료구조를 흉내내는 문제를 풀다보니 뇌 회로에 합선이 일어난 것 같다. 아 그래도 남은 거 열심히 문제 풀어야지 ^^ 오늘은 언제 자게될까~? Stack 스택 데이터를 들어온 순서대로 쌓는 자료구조이다. 스택 같은 경우는 최근에 재귀에 대해서 쓸 때도 다루었던 개념이다. [주요 특성] - 가장 먼저 들어온 데이터는 나중에 나올 수 있다 ► LIFO (Last In First Out) - 가장 나..

2021. 8. 26.

개발학습/코드스테이츠 SE Bootcamp

오늘은 어제 배운 재귀함수를 기반으로 JSON형태로 string화 하는 것과 트리구조 UI를 구현하는 스프린트를 했다. 사실 하루종일 이런 실습만 했다보니 딱히 블로그에 적을만한게 없는데 그래서 과제를 진행하면서 어떤 문제점들을 맞이했고 그걸 어떻게 해결했는지 조금 회상하면서 블로그 글을 오늘도 끄적여본다. JSON stringfy JSON(제이슨?)은 대략 객체의 키-값 쌍 등을 인간이 읽을 수 있는 텍스트 형태로 표현해주는 포맷이다. 여기서 JSON과 관련하여 길게 적는 것은 매우 귀찮으므로 위키 링크를 달아두었으니 가서 참고해보도록 하자. (추가로 JSON의 관련된 내용을 다루고 있는 다른 사이트 : https://www.json.org/json-ko.html) 쨋든 간에 JSON은 텍스트 형태이다..

2021. 8. 25.

개발학습/코드스테이츠 SE Bootcamp

오랜만에 머리를 쓴다는 느낌을 받는 구간이었다. 이전에 파이썬을 할 때도 재귀에 대해서 경험해봤지만 당시에는 재귀를 공부하다가 빡쳐서 그 부분을 거의 스킵하듯이 넘어가서 이번에는 좀 제대로 녀석을 학습할 수 있었던 것 같다. 물론 일부분에서 재귀를 사용하면 편리하다는 것은 알지만 역시 해도 해도 적응이 안 되는 녀석이다. base case를 조금만 잘못 설계하면 stack overflow가 발생되기 때문에 별로 손대고 싶지 않은 느낌만 가득하다. 재귀 Recursion 이름부터 무언가 주변 친구 중에 이름이 '재귀'라고 된 녀석이 있다면 평생 놀려줬을 것 같다. 우선 재귀의 의미부터 알아보자... 그 의미는 위와 같이 네이버 사전에서 친절하게 알려준다. 그냥 요약하자면 특정 함수 안에서 그 함수가 반복되..

2021. 8. 25.

개발학습/코드스테이츠 SE Bootcamp

섹션 2가 시작된 첫날이다. 아무 생각없이 코스 내용 보다가 갑자기 후두려 맞은 듯한 기분이다;; 객체지향 프로그래밍과 관련된 개념에 대한 내용을 학습하는 것과 더불어서 자바스크립트의 class와 prototype까지 한번에 학습을 하니 머리가 다소 아파왔지만 그래도 최대한 내용을 이해하려고 노력하고 아래와 같이 정리 해본다. 클래스 보통 클래스를 만드는 경우에는 클래스에 대문자, 일반명사를 사용한다. 자바스크립트에서 클래스는 ES6에서 추가되었다. 클래스는 class키워드를 활용하여 생성을 진행하게 되는데 이 때, 생성자 함수가 필요하다. 생성자 함수는 return 값을 만들지 않는다. class Car { constructor(brand, name, color) { // 대략 속성들의 내용 } } 인..

2021. 8. 23.