TIL

오늘부터 코드 캠프 오프라인 과정을 시작했다. 첫날이었지만 베이스캠프에서 온라인으로 수업을 듣는 것과는 천차만별의 차이가 느껴졌다. 오후 수업쯤에 인자와 매개 변수를 활용한 퍼사드 패턴으로 코딩을 작성할 때 제대로 이해하기가 어려워서 멘탈이 흔들렸지만 바로 옆에 든

부트 캠프 2일차, 오늘은 템플릿 리터럴, 구조 분해 할당, 객체 간단히 표현하는 방법, import 등등 많은 것들을 배웠다. 2주 전만 해도 베이스캠프 때의 자바스크립트 부분에서 많이 무너졌었는데, 이해가 되지 않더라도 포기하지 않고 코딩 리딩 실력을 키운 것이 오

TD : review오늘은 전반적인 HTTP 통신과 API 함수의 종류와 특징들에 대해 배웠으며 통신을 할 때 사용하는 프로그램인 Rest-API에 사용하는 swagger와 GraphQL-API에 사용하는 playground를 실습하는 시간을 가졌다.처음에 통신이라 하

TD: review코딩을 배우기 전 서버에 관해 이야기를 하면 그저 사용자의 데이터를 서버에 저장하는 수준으로 매우 간단한 기능이라고 생각했었다. 하지만 서버에 대해서 이론을 배우며 직접 그 기능들을 실행하고 만들어보면 볼수록 신기하면서도 하나하나 매우 정교하게 코드를

TD : review오늘은 포스트맨 대신 사용할 수 있는 Axios와 서버 프로그램 간에 데이터를 요청할 때 생기는 문제점과 해결 방법 등을 배웠다.또한 Apollo 서버를 이용하여 GraphQL-API를 작동하는 실습을 진행했다.Axiospostman과 같이 HTML

TD: review브라우저에서 서버 프로그램으로 데이터를 요청하고, 데이터를 응답받을 때 동기적인 방법과 비동기적인 방법이 있다는 걸 학습했다. Axios의 메서드도 다양하게 사용하게 되었으며, 실제로 SMS에 인증번호 전송과 Email에 회원가입 메시지를 응답하도록

Docker 실행 방법과 포트 포워딩에 대하여...가상머신의 문제점인 로딩, 부팅 속도의 문제를 해결하기 위한 Docker, 가상 머신과 비슷하지만 가상머신보다 훨씬 빠르고, 자원을 효율적으로 사용하는 프로그램이다. 오늘은 이 Docker와 Docker의 포트 포워딩에

SQL 과 NoSQL의 차이, Docker-compose를 이용한 mongodb 연결오늘은 프론트엔드와 백엔드의 전체 구조, 데이터베이스의 종류인 SQL과 NoSQL의 차이에 대해서 배웠으며 Docker-compose를 이용한 mongodb를 통해서 여러 개의 Dock

API에 들어온 데이터를 데이터 베이스에 정의하는 Defining a Model 특정 웹 사이트의 HTML 데이터를 가져올 수 있는 Scraping & CrawlingScraping의 추가적인 기능을 주는 도구 cheerio오늘은 mongoose 라이브러리를 사용하기

Class: : 변수와 메서드를 정의하는 툴OOP : 객체 지향 프로그래밍MVC 패턴 : 디자인 패턴의 종류 중 하나오늘은 함수를 다른 방식으로 작성하는 Class의 방식을 실습했고 그것을 이용한 OOP(객체 지향 프로그래밍)을 배웠으며 디자인 패턴의 개념과 그중 하나

1\. Mac OS라면 위의 버튼을 눌러 LTS 버전의 설치 파일을 다운로드2\. 다운로드가 완료 되면 파일을 실행하고, 계속 next를 눌러 설치터미널에 node -v로 버전 확인 가능Node.js를 설치하면 npm도 함께 다운로드 된다.npm -v로 버전 확인 가능

웹 애플리케이션을 만들기 위해 브라우저 상에서 HTML, CSS, JavaScript 언어를 사용합니다. 이때 JavaScript 언어를 실행하기 위해서 우리는 매번 브라우저를 이용해야만 했습니다.하지만 이러한 불편한 점을 개선하여 내 로컬 환경에서도 JavaScrip

코드캠프에서 배웠던 기술 스택들은 짧고 빠르게 지나가서 많은걸 배웠음에도 깊게 익히지 못하고 넘어간것들이 많다.내가 추구하는 개발자의 역량은 기본에서부터 나온다고 생각하기 때문에 수업때 배웠던 자료들을 바탕으로 복습을 하며 블로그에 기록을 하려고한다.Node.js와 n

이번엔 회원가입 성공 시 회원가입을 환영하는 이메일 템플릿을 node.js로 구현해보았다.구조분해할당(Destructuring)과 shorthand property names에 대한 개념을 배우고 실습을 통하여 복습했다.shorthand property names란?객

HTTP 통신 > HTTP란? HyperText Transfer Protocol의 약자로 두 컴퓨터간에 텍스트 데이터를 주고 받는 길을 말함. HTTP란 길로 요청(request)과 응답(response)을 받을 수 있다. HTTP 요청(Request) 웹브라우저

이번엔 라우팅의 개념을 학습하고 refresh 도구인 nodemon을 설치하여 적용해보았다. 이전에 만들어 두었던 API를 Rest-API로 만들어본 뒤 express로 실행해 보았다. 또한, Swagger를 활용해 API-Docs를 제작했다. nodemon 코드를