2주차 [ WIL ]

2023. 6. 25. 18:35TIL&WIL/WIL

이번주에 알게된 것

 

1. 호출 스택

https://muyeon95.tistory.com/181

 

호출 스택 이벤트 루프(1) [ TIL ] [ Javascript ]

Problem 호출 스택의 간단한 동작원리를 알아보장 Try 말 그대로 스택(LIFO)은 자료구조인데 호출 스택(call stack) 은 함수 호출의 실행 순서를 기록하는 스택 자료구조 이다. 함수가 호출되면 해당 함

muyeon95.tistory.com

 

2. Web API

https://muyeon95.tistory.com/182

 

Web API 이벤트루프(2) [ TIL ] [ Javascript ]

Problem Web API 에 대해서 알아보장 Try Web API 는 브라우저에서 제공하는 API 로 DOM, Ajax, TimeOut 등이 있다. CallStack 에서 실행된 비동기 함수는 Web API 를 호출하고, Web API 는 콜백 함수를 테스크 큐에 넣

muyeon95.tistory.com

 

3. 태스크 큐

https://muyeon95.tistory.com/183

 

태스크 큐 이벤트루프(3) [ TIL ] [ Javascript ]

Problem 태스크 큐에 대해서 알아보장 Try 태스크 큐는 두가지 종류라고 한다. 첫번째는 마이크로 태스크 큐, 두번째는 태스크 큐 이렇게 두개의 태스크 큐가 존재한다. 마이크로 태스크는 자신을

muyeon95.tistory.com

 

4. async / await

https://muyeon95.tistory.com/184

 

async / await [ TIL ] [ node.js ]

Problem express 를 이용하여 간단한 게시판 api 를 만들던중 undefined 가 발생했다. Try router.post("/", async (req, res) => { console.log(req.body); try { const { title, content, userId } = postCreateValidation.validateAsync( req.body )

muyeon95.tistory.com

 

5. params

https://muyeon95.tistory.com/185

 

params [ TIL ] [ node.js ]

Problem req.params 가 빈 객체가 전달된다. // index.js const express = require("express"); const commentRouter = require("./comments"); const postRouter = require("./posts"); const router = express.Router(); router.use("/posts", postRouter); route

muyeon95.tistory.com

 

6. express

https://muyeon95.tistory.com/189

 

express [ TIL ] [ node.js ]

Problem express 는 무엇인가 Try npm install express const express = require('express') const app = express() const port = 4001 app.get('/', (req, res) => { res.send('안녕 세상아'); }) app.listen(port, () => { console.log(`http://localhost:${port

muyeon95.tistory.com

 

7. RESTful

https://muyeon95.tistory.com/190

 

RESTful API [ TIL ]

Problem RESTful 은 무엇인가 Try 클라이언트와 서버가 통신하기 위해 따라야 하는 규칙을 정의한 것이라고 한다. 여기서 REST 는 무엇이고 ful 이 뭐고 정리가 안되어 있는 느낌이라 검색하여 찾아보

muyeon95.tistory.com


TIL 회고

 

1. 호출 스택의 동작 과정에 대해서 알게 되었다.

 

2. Web API 가 무슨 일을 하는지 조금 알게 되었다.

 

3. 태스크 큐의 동작 방식과 태스크 큐의 종류에 대해 알게 되었다.

 

4. 코드를 짜다가 async/await 를 잘못해서 undefined 를 보게 되었는데 동기/비동기 때문이라는 것을 알게 되었다.

 

5. 파라미터를 가져올 수 없었었는데 현재 함수에 동적파라미터가 포함되어 있지 않아서 발생했던 일이었다. 이런 실수를 하지 않도록 주의가 필요할 것 같다.

 

6. express 라는 웹 프레임워크에 대해서 공부했고, express 도 미들웨어라는 것을 알게되었다.

 

7. RESTful API 라는 규칙 에 대해서 얇게 알게되었다. 추후 장단점 등 보완이 많이 필요할 듯 하다.

 

 


다음 주 목표

 

1. OOP (이번주에 못했던 OOP 드가자)

2. 쿠키와 세션

3. 미들웨어 

 


이번 주 목표 체크

 

1. 호출 스택과 힙 (이벤트 루프)  ✅ *

2. 웹 API (이벤트 루프)  ✅ *

3. 콜백 큐 (이벤트 루프)  ✅ *

4. OOP (가능하다면 OOP 까지) ❌

 

 

 

 

'TIL&WIL > WIL' 카테고리의 다른 글

6 주차 ( + 협업을 통해 느낀점 )[ WIL ]  (0) 2023.07.23
5 주차 [ WIL ]  (0) 2023.07.16
4 주차 [ WIL ]  (0) 2023.07.09
3주차 [ WIL ]  (0) 2023.07.02
1주차 [ WIL ] [ Javascript ]  (0) 2023.06.18