주녁, DevNote
article thumbnail
코드로 클러스터 구축하기 - (1) AWS 네트워크 기본 개념
DevOps 2023. 8. 10. 15:18

개요 이 시리즈는 코드로 인프라를 구축하는 IaC(Infrastructure as Code)를 이해하기 위해 작성했다. AWS의 EKS 클러스터를 코드로 구축하고 ArgoCD를 이용해 클러스터 내 어플리케이션을 배포한다. 인프라 구성 방법을 개개인의 노하우와 숙련도가 아닌 자산으로 코드로 남길 수 있도록 한다. 목표 AWS의 기본 네트워크 개념을 숙지한다. IaC의 필요성을 이해한다. 여정 클라우드? 버튼만 눌러도 만드는데? 그렇다. 클라우드는 버튼만 몇번 클릭해도 만들 수 있는 세상이 되었다. AWS에서는 친절하게 예제와 세미나도 자주 열어준다. 그렇지만, 클라우드를 만들려면 이해해야 하는 개념들이 참 많다. 당연히 (나같은) 초심자들은 뭔지도 모르고 누르라고 하니까 버튼 몇 번을 눌러 만들게 된다. ..

article thumbnail
아시나요? 함수형 프로그래밍 - (5) 체이닝(Chaining)
Do you know? 2023. 8. 6. 17:47

개요 객체지향 프로그래밍은 필수적인 패러다임으로서 다루는 책과 글은 많다. 반면, 함수형 프로그래밍은 필수적이지도 않으며, 어떤 부분이 좋다고 콕 집어 말하기 어렵다. 이는 함수형 프로그래밍이 범용 패러다임이기 때문이다. 결국, 어디에서나 잘 어울릴 수 있다는 뜻이기도 하다 이 글은 아래 책을 읽고 난 후 작성되었습니다. 쏙쏙 들어오는 함수형 코딩 / 에릭 노먼드 목표 함수형 프로그래밍의 주요 개념과 관점을 이해하고, 함수지향 설계와 아키텍쳐를 학습한다. 여정 자주 쓰이는 콜백 함수 만들어보기 지난 시간에 작성했던 콜백을 다시 한번 보자. function repeatAction(array, action) { for (let i = 0; i < array.length; i++) { action(array[..

article thumbnail
아시나요? 함수형 프로그래밍 - (4) 고차 함수
Do you know? 2023. 7. 25. 23:03

개요 객체지향 프로그래밍은 필수적인 패러다임으로서 다루는 책과 글은 많다. 반면, 함수형 프로그래밍은 필수적이지도 않으며, 어떤 부분이 좋다고 콕 집어 말하기 어렵다. 이는 함수형 프로그래밍이 범용 패러다임이기 때문이다. 결국, 어디에서나 잘 어울릴 수 있다는 뜻이기도 하다 이 글은 아래 책을 읽고 난 후 작성되었습니다. 쏙쏙 들어오는 함수형 코딩 / 에릭 노먼드 목표 함수형 프로그래밍의 주요 개념과 관점을 이해하고, 함수지향 설계와 아키텍쳐를 학습한다. 여정 일급(First Class) 우리는 지금까지 코드를 분류하고, 쪼개면서 함수형 프로그래밍을 배웠다. 이번에는 함수에 함수를 더하는 고차 함수를 만들어보도록 하자. 아래와 같은 간단한 함수가 있다. 객체에 key-value 쌍을 넣어서 돌려주는 ob..

article thumbnail
아시나요? 함수형 프로그래밍 - (3) 추상화 레벨
Do you know? 2023. 7. 23. 16:17

개요 객체지향 프로그래밍은 필수적인 패러다임으로서 다루는 책과 글은 많다. 반면, 함수형 프로그래밍은 필수적이지도 않으며, 어떤 부분이 좋다고 콕 집어 말하기 어렵다. 이는 함수형 프로그래밍이 범용 패러다임이기 때문이다. 결국, 어디에서나 잘 어울릴 수 있다는 뜻이기도 하다 이 글은 아래 책을 읽고 난 후 작성되었습니다. 쏙쏙 들어오는 함수형 코딩 / 에릭 노먼드 목표 함수형 프로그래밍의 주요 개념과 관점을 이해하고, 함수지향 설계와 아키텍쳐를 학습한다. 여정 계층형 설계 이번에는 분류하기(액션, 계산, 데이터)와는 약간 다른 방향에서 코드를 바라보자. 바로 계층형 설계이다. 피라미드를 생각해보면 쉽다. 각 층은 함수가 추상화된 레벨을 나타낸다. 각 층별 동작은 이런식으로 이루어져 있다. 맨 위층의 코드..

article thumbnail
아시나요? 함수형 프로그래밍 - (2) 분류하기
Do you know? 2023. 7. 18. 23:18

개요 객체지향 프로그래밍은 필수적인 패러다임으로서 다루는 책과 글은 많다. 반면, 함수형 프로그래밍은 필수적이지도 않으며, 어떤 부분이 좋다고 콕 집어 말하기 어렵다. 이는 함수형 프로그래밍이 범용 패러다임이기 때문이다. 결국, 어디에서나 잘 어울릴 수 있다는 뜻이기도 하다 이 글은 아래 책을 읽고 난 후 작성되었습니다. 쏙쏙 들어오는 함수형 코딩 / 에릭 노먼드 목표 함수형 프로그래밍의 주요 개념과 관점을 이해하고, 함수지향 설계와 아키텍쳐를 학습한다. 여정 코드 분류하기 지난 포스팅의 마지막에 등장한 코드를 다시 가져와액션과 계산, 데이터로 분류해보았다. // 전역변수는 액션이다 = 변경 가능하기 때문 let shoppingCart = []; let shoppingCartTotal = 0; funct..

article thumbnail
아시나요? 함수형 프로그래밍 - (1) 개념
Do you know? 2023. 7. 16. 15:55

개요 객체지향 프로그래밍은 필수적인 패러다임으로서 다루는 책과 글은 많다. 반면, 함수형 프로그래밍은 필수적이지도 않으며, 어떤 부분이 좋다고 콕 집어 말하기 어렵다. 이는 함수형 프로그래밍이 범용 패러다임이기 때문이다. 결국, 어디에서나 잘 어울릴 수 있다는 뜻이기도 하다 이 글은 아래 책을 읽고 난 후 작성되었습니다. 쏙쏙 들어오는 함수형 코딩 / 에릭 노먼드 목표 함수형 프로그래밍의 주요 개념과 관점을 이해하고, 함수지향 설계와 아키텍쳐를 학습한다. 여정 함수형 프로그래밍의 어려운 점 함수형 프로그래밍은 부수효과(Side Effect) 없이 순수함수만을 사용한다. 부수효과는 리턴 값 전달 이외에 발생하는 행동을 말한다. 순수함수는 인자에만 의존하여 같은 인자는 항상 같은 결과를 발생시키는 함수이다...

article thumbnail
모던 자바스크립트 Youtube Playlist - 베이스 코드 작성하기
Frontend 2023. 7. 5. 23:53

개요 모던 자바스크립트의 구조를 학습하고 컴포넌트 기반의 코드를 작성한다. (이 글은 Next Step에서 진행한 js-youtube-classroom을 따라 작성되었습니다.) 목표 Youtube 재생목록 어플리케이션을 작성한다. 복잡해지는 컴포넌트 구조를 재사용 가능하도록 한다. 복합적인 상태를 효과적으로 관리할 수 있는 방법을 탐색한다. API를 활용하여 무한 스크롤 기능을 구현하도록 한다. 전체 코드는 여기에서 볼 수 있습니다. 여정 들어가기에 앞서 이번 시리즈는 지난 시간에 작성한 TodoList의 마지막 코드를 기반으로 시작한다. 당시 TodoList를 마무리하면서 부족했던 점을 개선하고, 기능을 덧대어 Youtube Playlist를 만들 것이다. 따라서, 시작 코드가 최종 코드가 아니며, 점..

article thumbnail
Spring Batch로 Log 내용 DB에 적재하기
Backend 2023. 7. 3. 23:53

개요 Spring Batch를 이용해 반복적인 작업을 자동화한다. 목표 특정 시간에 log 데이터를 읽어 DB에 저장하는 작업을 구현한다. 여정 Spring Batch 란? 대용량 일괄처리의 편의를 위해 설계된 가볍고 포괄적인 배치 프레임워크. DI, AOP, 서비스 추상화 등 Spring 프레임워크의 3대 요소를 모두 사용할 수 있다. 언제 사용하나요? 대용량의 비즈니스 데이터를 복잡한 작업으로 처리해야하는 경우 특정한 시점에 스케쥴러를 통해 자동화된 작업이 필요한 경우 (ex. 푸시알림, 월 별 리포트) 대용량 데이터의 포맷을 변경, 유효성 검사 등의 작업을 트랜잭션 안에서 처리 후 기록해야하는 경우 제약은 없나요? 대용량 데이터 : 대량의 데이터를 가져오거나, 전달하거나, 계산하는 등의 처리를 할 ..

article thumbnail
모던 자바스크립트 TodoList - Store 리팩토링
Frontend 2023. 6. 14. 23:21

개요 모던 자바스크립트의 구조를 학습하고 컴포넌트 기반의 코드를 작성한다. 목표 순수 Javascript로 작성된 Todo List 어플리케이션을 작성한다. (이 글은 Next Step에서 진행한 js-todo-list-step을 따라 작성되었습니다.) 전체 코드는 여기에서 보실 수 있습니다. 여정 현재 store는 아래와 같은 문제점이 있다. store를 사용하기 위해 컴포넌트들이 알아야할 정보가 너무 많다. (store 변경에 취약하다, 의존적이다) store를 호출하면서 중복되는 코드를 재사용할 수 없다. 어플리케이션을 재시작하면 정보가 초기화된다(휘발성이 있다, 실제 DB를 이용하고 있지 않다.) 하나씩 문제를 해결해보도록 하자. Store 의존성 감소 기존 컴포넌트에서는 아래와 같은 형태로 St..

article thumbnail
모던 자바스크립트 TodoList - User별 TodoList
Frontend 2023. 5. 21. 19:41

개요 모던 자바스크립트의 구조를 학습하고 컴포넌트 기반의 코드를 작성한다. 목표 순수 Javascript로 작성된 Todo List 어플리케이션을 작성한다. (이 글은 Next Step에서 진행한 js-todo-list-step을 따라 작성되었습니다.) 전체 코드는 여기에서 보실 수 있습니다. 여정 User는 TodoList를 가져야한다 TodoList는 사람이 해야할 일을 작성한 것이다. 즉, User는 TodoList를 소유해야 한다. 마침내, 처음 작성했던 User 관련 컴포넌트와 Todo 컴포넌트를 연결하는 순간이다. 먼저 유저를 선택할 수 있도록 기능을 추가하자. UserList에 User 선택기능 추가 User를 선택하려면 User 목록을 가지고 있는 UserList에 이벤트를 붙여야한다. /..