2023.08.15, weekly memoirs

 

 

 

weekly memoirs

 

 

 

 

---

 

 

 

 

 

1.

이 주를 훌쩍 넘긴 회고록...

그 동안 푹 쉬었다 ㅎ

 

주말에 뭘 안 한 게 정말 오랜만이라 좋기도 하면서도

하루 종일 누워있으려니 허리랑 머리가 아파서 고생 좀 했다 ㅎ

 

 

2.

눈을 조심하라더니 요즘 눈이 시려졌다

하드렌즈 껴서 별 걱정 없었는데

요즘 눈 피로도가 확 올라가 요즘 회사에서 안경을 쓰는 일이 많아졌다.

그리고 눈 좀만 뜨고 있어도 요즘 계속 건조함 ㅜㅜ

수시로 인공 눈물 넣으면서 살고 있다.

 

 

3. 

요즘 회사에 좀 익숙해졌다고 의견 낼만한 점들을 좀 적극적으로 내는 편인데

혼자 우다다다 말하는 것처럼 들릴까봐 좀 자제하려하고 있다

개발자 중요한 능력이 커뮤니케이션이라더니 요즘 그걸 실감한다.

나도 말 잘하고 싶다 ㅠㅠ

 

 

4.

회사=>집(잠, youtube 쇼츠) => 회사 => 집(잠, youtube 쇼츠) 

 

의 삶을 살며

과연 이게 잘 살고 있는 건가 하는 의문을 크게 품었다

 

그래소

 

책 읽기루 함ㅎ

 

옛날엔 책 좋아해서 곧잘 읽었기 때문에 수월하게 잘 읽을 줄 알았는데

퇴근 후 책 읽기가 너무너무 힘들어서 놀랐다 ㅎ

 

너무 안 읽어서 결국 회사 점심시간에 읽으려고 가져가기도 했는데

한 장도 안 펼쳐 보는 나를 보고... 짬짬이 읽기는 도저히 안된다는 결론이 나왔다 ㅎ

 

그냥 곱게 집에 가져왔고

주말마다 시간 내서 읽을 예정이다 ㅎㅎ 

 

오늘 15일 공휴일이라 읽을 예정...

 

내 충족한 삶을 위해서.. 나 파이팅..........!

 

 

 

 

 

 

✅ 공부

 

 

 

 

 

1. 

프리온 보딩은 신청할 때마다 잘했다는 생각이 드는 거 같다.

물론 강의는 다 못 챙겨보지만, 강의 자료는 좋은 거 같답

 

 

 

 

2.

비동기 / 동기에 대해 공부했다.

 

그러니까

 

자바스크립트는 싱글 스레드

=> 동시성 구현 안댐

 

이를 위해 비동기 개념 탄생

=> 요청 후 응답이 오기 전 다른 함수 그냥 요청 해버리는 거

=> 빨라짐

 

근데 이러다보니까 순차적인 로직을 쓰는데 어려움

=> 그럼 promise 반환값을 바탕으로 순차적인 로직을 쓰도록 하자

=> 그래서 태어난 

.

1. then().then()

2. async / await 

 

둘 컨셉 모두 promise 반환임

 

.then().then() 엮어서 순차적으로 로직 일어나게 하든가

함수 앞에 async / await 적어 놓고 순차적으로 일어나게 하든가

 

아니면 promise.all 써서 함수를 배열 안에 넣고 순차적으로 쓴다는 컨셉의 메서드를 사용하면

비동기 로직 순차적으로 쓸 수 있음

 

 

.

1. then().then()

2. async / await 

 

둘이 별 차이는 없음

=> 근데 chatGPT는 .async / await 강추함

=> .then() 체인으로 엮는 것보단 로직 내에서 순차적으로 작동할 함수, 그렇지 않은 함수를 구별할 수 있다고 해서 강추한다고 함

 

 

 

3.

회사에서 일하면 일할 수록

디자인 패턴의 필요성을 너무너무 느꼈다

함수 여러개가 있으며 그걸 조합해서 쓰고 싶은데 여기서

 

함수 여러개 === hook

라고 했을 때

hook 끼리 같이 쓸 수 있는 디자인 패턴이 궁금했고

 

알아보던 와중에 HOC라는 개념도 확인했는데

그냥 하나의 로직을 담고 있는 컴포넌트가 있다면

그걸 한번 wrapping 해서 return 하는 느낌..?

 

HOC로 조합해서 썼다가 진심 망할 거 같았다

잘 못 쓰면 되돌아 갈 수 없는 강을 건널 거 같았음

 

뭔가 하나씩 차근차근히 하고 싶은데 아직 잘 모르는 거 같다

 

그리고 확인한 개념 중에

데코레이터 디자인 패턴이 있었는데 

클로저의 개념을 이용한 패턴이었다

 

 

 

// 기본 커피 함수
function simpleCoffee() {
    return { cost: 5 };
}

// 우유 추가 데코레이터 함수
function milkDecorator(coffeeFn) {
    return () => {
        const coffee = coffeeFn();
        return { cost: coffee.cost + 2 };
    };
}

// 설탕 추가 데코레이터 함수
function sugarDecorator(coffeeFn) {
    return () => {
        const coffee = coffeeFn();
        return { cost: coffee.cost + 1 };
    };
}

// 커피 주문
const order = simpleCoffee();
console.log("Simple coffee cost: " + order.cost); // 출력: Simple coffee cost: 5

// 우유 추가한 커피 주문
const milkOrder = milkDecorator(simpleCoffee)();
console.log("Milk coffee cost: " + milkOrder.cost); // 출력: Milk coffee cost: 7

// 설탕 추가한 커피 주문
const sugarOrder = sugarDecorator(simpleCoffee)();
console.log("Sugar coffee cost: " + sugarOrder.cost); // 출력: Sugar coffee cost: 6

// 우유와 설탕 추가한 커피 주문
const milkSugarOrder = milkDecorator(sugarDecorator(simpleCoffee))();
console.log("Milk and sugar coffee cost: " + milkSugarOrder.cost); // 출력: Milk and sugar coffee cost: 8

 

chatGPT한테 물어봄!!

 

처음에 클래스로 보여주길래

함수형으로 짜달라고 했더니 함수형으로 보여줌 ㅎㅎ

 

그러니까..... 이걸 어떻게 쓰지? 하는 생각과 함께

결국 HOC 개념 아닌가? 하는 생각도 들었다

 

오늘은 이 패턴을 파볼 생각이다

 

 

나 파이팅~~~~~~~~~~~~~!!!