PM에서 백엔드 엔지니어

프론트가 물리적으로 떨어져있는 나의 백엔드 웹브라우저까지 와야 하는데 백엔드에 요청하고 받아야 하는데 물리적으로 멀리 떨어져잇는 서버에 요청해야하는데 이 통신이 어떻게 이루어지는가 학습목표 서버간의 통신이 어떻게 이루어지는지 이해한다. 개발자로서 서버간의 통신 방법을 왜 배워야 하는지 이해한다. 대표적인 서버 통신 방법인 HTTP의 특징을 인지하고작동원리를 이해한다. HTTP를 사용해 Backend API를 개발하는데 가장 좋은 방법중 하나인 RESTful API에 대해 이해한다. 통신 서버 간의 통신이 어떻게 이루어지는가 오프라인 커피 구매 → 서로 같은 언어를 쓰기 때문에 (양자가 서로 이해할 수 있는 공통의 목소리, 성대를 통해 ) → 소통 --> 주체: 사람, 사람 온라인에서 커피 구매 (웹서비스..

뭐든 나온 이유가 있음, 왜 나왔는지! 이름에 집중 - 만든 사람 이름+ 중요한 거 Intro: 인터넷 역사 이전엔 유통을 CD로 했는데, worldwideweb 나오면서 우후죽순 인터넷 가능 Markup language (html) 1세대 언어, 정적인 vs. programming language (javascript) 2세대 언어= web2.0, 동적인 '동적인' 이란? Ex. 실시간 검색어 : 내가 새로고침을 하지 않아도 계속 업데이트 되는 것 1세대 인터넷에서는 실시간 검색어 보려면 내가 새로고침을 randering 했었어야 함. 3세대 웹, SPA (single page application) : html 페이지 하나로 전체 사이트 구현/ 만드느 것 → 자바스크립트로 가능 2세대에선 정적인 건 ..

이전에 네이버 개인 블로그를 3년 운영하였으나, 기술 블로그와는 다르기에, 개인적으로 멘토님께 여쭈어보았었다. 이승윤 멘토님: 선배 기수 좋은 사례, 실제 IT 대기업 기술 블로그 사례 전달 양식 중요하지 않음 일기장 아님, 공유하기 위한 글. 목적, 결과, 성과만 잘 작성. 다음은, 위코드 부트캠프의 HR 장준 COO님의 멘토링 현업개발자가 된 이후에도 블로그 작성해야 하니. 위코드 이전 기수 44기 장다희 : 40기 이후 가장 빨리 취업한 케이스 커리큘럼이 종료된 12주 후 3주 안에 취업 (캐쉬워크) 캐쉬워크 2차 인터뷰때 CTO가 블로그 얘기 많이 함 (CS질문을 블로그에서 얘기해줘서 고마웠다고) CS 질문은 받을 수 밖에 없는데, 본인이 고민한 내용에 대해 성장한 거 알고 질문하니 답하기가 수월..

코딩하면서 항상 관계가 연결이 안 되던 게, 코드부터 치고 나서 강의를 다시 들으니 이제 연결이 된다 처음부터 깃허브 올리는거 까지 다 담긴 흐름 인증-인가 기능이 담긴 백엔드 API를 만드는 과제 (주황색) (깃허브 보고 수정) ** 여태까지 배운 걸 모두 한번에 해보는 것이다. 빈 페이지에서부터. 처음부터 해보기 이번에는 내가 뭘 해야할지 순차적으로 적고 (말로는 잘함) 그것을 이제 컴퓨터 언어로 동사별로 쪼개서 단 pm-developer-justdoit.tistory.com 이전에 이해 안 된 상태에서 썼던 포스팅 https://pm-developer-justdoit.tistory.com/29 [Express]Express, TypeORM. 잘 모르는 상태에서 수업 내용 정리했는데, 다시 채워지면 ..

아침에 애플코딩 유튜브를 헬스하면서 1시간 동안 돌려보았다. 각 언어별 라이브러리를 이해하고, 코드 읽는게 중요하다고. 왼쪽에서 오른쪽으로 순서대로. 윗줄 아랫줄 왔다갔다 아니고. 천천히 저번주엔 안 보이던 코드가 이번주엔 외워지고 이해되고 그렇다. 지금은 replit quiz를 답을 보아도 모르겠지만, 오늘 오후나 내일이나 다음주엔 보일테니 문제와 답을 적어놓는. 5번 퀴즈는 문제만 있다. ## 05. CRUD (update) feed 데이터를 수정할 수 있게 만들어주세요. feed 임시 데이터를 수정하는 함수는 app.js 상단에서 불러오는 `updateFeed` 함수를 이용해주세요. ### 요구 사항 - feed 를 수정하는 express API를 구현해주세요. - mock-database.js 파..

## 04. CRUD (delete) feed 데이터를 삭제할 수 있게 만들어주세요. feed 임시 데이터를 제거하는 함수는 app.js 상단에서 불러오는 `deleteFeed` 함수를 이용해주세요. ### 요구 사항 - feed 를 삭제하는 express API를 구현해주세요. // id를 이용하여 feed를 삭제해주세요. const createFeedDto = req.body - mock-database 의 deleteFeed 함수를 파악한 후 적절하게 호출하여 기능을 구현해주세요. //body 형태는 README.md에서 확인해주세요 // feed를 생성할 수 있게 매겨변수를 넘겨주세요. deleteFeed(createFeedDto); res.status(201).json({message:'succ..

## 03. CRUD (create) feed 데이터를 생성할 수 있게 만들어주세요. feed 데이터를 생성하는 함수는 app.js 상단에서 불러오는 `createFeed` 함수를 이용해주세요. ### 요구 사항 - feed 를 생성하는 express API를 구현해주세요. - mock-database.js 파일의 createFeed 함수를 파악한 후 req.body 에 들어올 데이터를 결정해주세요. //body { "author": { "profileImage": string, "name": string }, "title": string, "contents": string, "images": string[] } //function createFeed(createFeedDto) { const { auth..

02. CRUD (read) feed 데이터를 읽을 수 있게 만들어주세요. feed 임시 데이터를 불러오는 함수는 app.js 상단에서 불러오는 readFeedById, readFeeds 함수를 이용해주세요. // const { readFeedById, readFeeds } = require('./mock-database'); 요구 사항 feed 에서 하나의 정보와 전체 정보를 읽는 express API를 구현해주세요. feed 상세 정보를 읽는 url은 /feed/:id 로 구성해주세요. // app.get('/feed/:id', (req, res) => { const { id } = req.params; // url 에서 가변 id 가져오기 // id를 이용하여 하나의 feed를 응답으로 보내주세요...

01. hello express get 요청의 query 와 post 요청의 body 를 json으로 reponse 되게 구현하여주세요. HINT1: get 요청은 client로 부터 전송된 request query를 사용합니다. HINT2: post 요청은 client로 부터 전송된 request body를 사용합니다. HINT3: express에서 query 와 body를 가져오는 방법은 유사합니다. 요구 사항 url은 hello 로 설정해주세요. ('/hello') /hello url에 get 요청과 post 요청을 만들어주세요. get 요청의 query 로 world 가 들어오게 만들어주세요. post 요청의 body 로 world 가 들어오게 만들어주세요. 들어온 world 값을 응답으로 내보내..

어떨 때 vscode를 쓰고, 어떨 때 터미널을 쓰나냐 vscode: 코드 작성할 때 터미널; 서버 구동 시킬 때 (더블클릭 같은 거) 프론트는 백엔드에게 데이터를 전달 백엔드의 역할은 주고, 받는 거 무엇을? 데이터를 --> mysql문 이용해서 (맞나?) 이제 프론트는 잊고, 백엔드 서버와 데이터베이스 서버를 연결 --> 무엇인지 까먹음 서버 구동시키기 vscode에 app.js 참고해서 코드 적어보고 terminal에 node app.js로 해보면 됨 결과