코딩봇의 학습로그

console.log( codingBot.learned( ) )

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

요즘 블로그에 TIL을 평일에 매일 올리지 못하고 있는데, 이전에는 하루하루마다 새롭게 배우는 내용들을 정리하기 조금 쉬웠다. 그도 그럴 것이 코드스테이츠의 수업 모듈에 거의 대부분 설명이 있고 그걸 조금 정리하거나 부족한 부분은 내가 따로 찾아서 채우면 되는 쨋든 블로그 포스팅하기가 용이한 느낌이었다. 그런데 최근에는 수업모듈에서 크게 정리되지 않고 사용하는 프레임워크가 2~3일 간격으로 추가되어가고 있어서 정리하는 것에 다소 시간이 걸린다. 그리고 새로 배운 프레임워크 하나로 2일 동안 과제를 수행하게 한다. 그래서 그냥 이럴거면 하나의 챕터가 끝나면 정리해서 올리는게 낫거나 하루 하루 내가 정리한 만큼 혹은 이해한 만큼만 작성해서 올리는 방식으로 바꾸려고 한다. * 오늘은 새로운 라이브러리들에 알아..

2021. 9. 13.

개발학습/자바스크립트

2021. 9. 12.

개발학습/자바스크립트

2021. 9. 12.

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

Express JS 개요 MongoDB, Express, React, Node 모두 자바스크립트 생태계내 각 분야별 프레임워크에서 1짱을 먹고 있다. 아 물론 리액트는 라이브러리(페북 주장에 따르면), Node는 런타임이긴 하지만 그냥 여기선 넓은 개념으로 프레임워크라고 치자. 이 4대장들을 묶어서 MERM stack이라고 부른다. 그 중에서 Express는 서버 쪽을 담당하고 있다. 이번에는 서버를 구축하는 과제와 함께 Express 와 대면하는 시간을 가져봤다. Express JS 장점 Express를 사용하기 바로 직전에는 Node.js의 http모듈을 활용하여 서버를 만들었는데 그것도 나름 코드가 못 알아볼 수준은 아니고 이 정도 쓰고 서버가 작동한다고? 생각이 들 정도로 나쁘진 않았던 경험이 있..

2021. 9. 12.

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

오늘은 Node.js를 활용하여 작은 서버를 구현하였다. 서버 같은 건 어느 세월에 구현해보나 하고 생각하고 있었는데 이제서야 서버를 구현해보는 경험을 할 수 있었다. 그런데 예상 했던 것보다 훨씬 쉽지가 않았다. ^^ 아니 뭐 이렇게 새로 알아야하는 메소드랑 개념들이 많은지 조금 헷갈리고 그리고 진행되는 과정에서 어떠한 형태로 데이터가 있을까 전혀 가늠이 되지 않아서 초반에 상당한 애를 먹었다. 그냥 VS_Code로 알고리즘 함수 돌려보는 거랑 역시 격이 다르다;;;; mini node server 스프린트에서 필요했던 기본지식은 이전에 다루었던 http 통신과 관련이 있는 내용이었다. http 통신과 관련된 내용은 최대한 제외하고 이번에는 좀 더 새롭게 학습한 내용에 맞추어 글을 적어본다. Web S..

2021. 9. 8.

개발학습/자바스크립트

❖ 본 글은 약간의 뇌피셜이 포함되어 있습니다 (믿는 것은 자유이나 스스로 더 공부해보길 바랍니다) 자바스크립트를 공부하다보면서 undefined는 굉장히 자주 마주친 것 같다. 그런데 반면에 null은 생각보다 자주 마주친 기억이 없다. 그리고 또 한번 생각해보면 null은 비어있다는 의미이고, undefined는 정의되지 않았다는 의미를 지니는데 둘의 차이가 궁금해진 순간이 많았다. 그래서 한번 null에 관련된 내용을 학습하고 정리해보고자 한다. null vs undefined 'null vs undefined' 라는 키워드로 구글에 검색을 해보면 쉽게 위와 같은 내용의 이미지 짤을 마주칠 수 있다. 어느 정도 모호하게 감은 오는데 조금 애매하긴 하다. 우선 0과 null부터 보면 0에는 롤휴지 곽..

2021. 9. 7.

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

리액트는 이전에 섹션 1에서 props와 state에 대해 다룬 이후로 다시 오랜만에 다루게 되었다. 이번에는 앞서 섹션2에서 배웠던 비동기의 개념과 함께 학습을 진행하게 되었다. React 함수 컴포넌트 리액트에서의 함수 컴포넌트는 마치 순수함수와 같은 녀석이다. 오직 함수 입력만이 함수의 결과에 영향을 미칠 수 있다. 이 때의 입력은 주로 props라고 볼 수 있다. 그리고 그 과정에서 Side Effect이 존재하지 않는다. 따라서 props와 같은 것이 따로 있지 않는한 컴포넌트 서로 간에 독립적이라고 볼 수 있다. 물론 함수 컴포넌트 간에 데이터 전달하는 방식으로 props가 존재하는데 이 또한 일부 룰이 적용된다. [👇 잘못된 컴포넌트 간의 데이터 전달] 위 그림과 같이 A라는 공통된 부모 컴..

2021. 9. 6.

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

HTTP Messages HTTP : HyperText Transfer Protocol HTML과 같은 문서를 전송하기 위한 Application Layer 프로토콜이다. HTTP는 웹 브라우저와 웹 서버의 소통을 위해서 디자인되었으며, 전통적인 클라이언트-서버 모델에서 클라이언트가 HTTP messages 양식에 맞추어 요청을 보내면, 서버도 HTTP messages 양식에 맞춰 응답한다. HTTP Message 기본 메시지는 요청과 응답 두가지 유형으로 구분된다. 하지만 요청(클라이언트)과 응답(서버) 모두 유사한 구조를 가지고 있으며, 구조 내에서 각 부분별로 의미하는 바와 형태에 차이가 존재한다. 메시지의 위에서 부터 각 요소에 대해서 정리해보자면 다음과 같다. 1. start line(statu..

2021. 9. 3.