개발일지

처음에 8베이스 기간을 포함해서 3달 가량을 코딩을 하면서 지냈는데 시간이 벌써 지나가고 팀 프로젝트를 하는 날이 다가오고 있다 내가 열심이 한다고 했는데 정말 잘한건지 모르겠고 잘 못따라간 주차도 있고 힘든 날들이었다 1주차 첫 오프라인 시작으로 처음 만난 사람들과 서먹머석하고 어색한 사이여서 좀 어렵기도 하고 붎편하기도 했다 그러면서 오전에는 알고리즘 수업도 듣고 오후에는 백엔드 수업을 들으면서 그날 그날 과제를 하느라 정신없이 지나갔다 이때는 진짜 팀프로젝트를 할 수 있을까 란 의문을 가지면서 하루하루 지나간거 같다 2주차 사람들끼리 약간의 어색한게 없어지고 1주차와 똑같은 나날을 보냈다 점점 수업내용은 어려워지고 알고리즘도 레벨이 올라가는게 느껴진다 이럴때 일수록 복습하고 이래야 하는데 그날 그날..

nodemon 서버를 자동으로 새로고침해주는 기능 이걸 설치하면 서버를 껐다 켰다 안해도 코드를 수정하고 저장하면 자동으로 새로고침 되면서 서버가 켜진다 터미널에서 설치하는 명령어 yarn add nodemon 패키지제이슨에 아래 명령어 추가하면 start:dev 로 nodemon을 실행시킬수 있다 이 부분은 자기가 다른 명령어로 바꿔서 사용가능 노드몬 실행 명령어 변경 "scripts": { "start:dev": "nodemon index.js" }, ////실행 명령어 yarn start:dev Rest-api 만들기 아래는 게시글을 조회하는 api이다 Rest-API에서 데이터를 가져오는 요청은 GET method를 사용 // index.js // const express = require('ex..

오늘 백엔드 수업에서 HTTP 통시 데이터 전송 실습 api를 만들어 보는 수업을 진행하였다 HTTP통신 프로토콜이란 단어가 나오는 데 우선 길이란 의미로 생각하자 문자열(텍스트)로 이루어진 데이터가 전송되는 길 이때 통신이 이루어지면서 백엔드와 프론트엔드의 데이터를 주고받을 수 있다 프론트에서 어떤 요청을 보내면 백엔드는 그 요청에 맞는 데이터를 저장, 수정, 삭제 등을 데이터베이스에 작업 후 응답으로 결과를 알려준다 이걸 요청과 응답이라고 한다 요청 request 응답 reponse 응답에는 받은 요청에 따라 결과를 응답하는 통신에 상태코드란걸 이용해 서로 알아보기 쉽게 한다 HTTP 메세지 구조 아래 보이 작성된 구조로 쓰임 HTTP 요청 메세지 시작 라인 HTTP 메서드 (GET, POST 등) ..

템플릿 리터럴 Template Literals 백틱을 사용해서 문자열을 하나로 합치는거 변수를 넣어서 사용가능 줄바꿈도 가능 ${} 인터폴레이션(interpolation) 을 사용하여 변수나 표현식을 넣어서 사용할 수 있다 자세한 내용은 블로그 wil에 적어 두었다 구조분해 할당 구조분해 할당은 배열이나 객체의 속성을 해체해서 그 값을 개별 변수에 담을수 있게 하는 자바스크립트 표현식이다 객체에서 구조 분해 할당 아래 이미지처럼 객체의 프로퍼티를 변수에 지정해줄때 변수 하나하나에 닷 노테이션을 이용해서 객체의 밸류를 넣어줘서 하였는데 아래처럼 구조분해 할당을 이용해서 한줄로 변수를 넣어줄수 있다 이때 변수명과 키의 이름이 같아서 변수에 객체의 밸류가 들어가서 변수명을 불러오면 그에 맞는 밸류가 나온다 변..

부트캠프 1일차를 시작했다 자바스크립트에서 브라우저 없이 사용할수 있는 node.js 를 배웠고 자바스크립트로 어떤식으로 데이터가 이동하는지 보기 위해 휴대폰 인증 토큰 코드를 간략히하고 정리하는 법을 배웠다 node.js 자바스크립트를 브라우저 없이 실행할 수 있게 해주는 실행프로그램, 액샐프로그램 등을 만들때 사용 하려고 만들어졌다 npm Node Package Manager Node.js 기반에서 실행될 수 있는 모듈(프로그램보다 작은 단위 기능들)을 관리하는 관리자 노드설치시 npm자동으로 설치 된다 터미널을 통해서 npm으로 연결된 사이트에서 원하는 기능을 다운로드 해와서 사용가능하다 npm install 이란 명령어 사용 yarn 페이스북에서 npm을 더빠르게 만든패키지 매니저 npm에 비해 ..

1주 차에 배운 함수에 대해서 좀 더 배운 하루가 되었다 함수 어떤 기능을 수행 할수 있는 도구 원하는 기능을 만들어서 필요한 곳에 사용할 수 있다 이런 도구를 활용하기 위해서는 함수를 호출하여 사용 하는 방법이 있다. 함수 호출 function SayHi(){ console.log("안녕하세요 여러분") } SayHi() // 함수를 사용하기위한 호출 // 호출 할때 괄호를 꼭 써야함 함수의 리턴 함수 내부에 존재하는 데이터는 밖으로 내보낼수내보낼 수 없지만 return을 통해서 외부로 연산의 결과나 데이터를 내보낼 수 있음 return은 바로 뒤에 오는 데이터를 함수를 호출했던 위치로 전달해준다 어떤 함수가 return 해주는 데이터를 지정해주면 위의 이미지처럼 해당 반환값을 특정 변수에 담아줄 수 ..