일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 |
- 멀티스레드
- Spa
- 짝선배 짝후배 매칭 웹 개발 회고
- CRUD w ReactQuery
- wanted-preonboarding-course
- TypeScript
- 회고
- teave
- error
- refactoring
- CS
- 멀티프로세스
- Today
- Total
목록전체 글 (28)
깊고 넓은 삽질

이 글은 MSA 혹은 Monorepo를 실제 서비스에서 구축해본 경험이 없는 초보 개발자의 글입니다. 정확하지 않은 정보가 있다면 피드백 부탁드립니다. 모노레포는 서로 다른 프로젝트를 하나의 레포에 관리할 때 사용하는 전략이다. 여기서 서로 다른 프로젝트는 어떤 의미일까? 만약 할 일 관리 앱에서 클라이언트와 서버가 있는데 이를 하나의 레포에서 관리한다고 하면 모노레포 전략이 필요할까? 모노레포의 의의 모노레포는 MSA의 단점에서 나온 전략이다. Micro Service Architecture는 서비스, 즉, 프로젝트가 각각 분리되어있는 환경이다. MSA는 어떻게 나왔을까? 다이어리 앱을 만든다고 가정해보자. 다이어리에는 할 일 관리와 달력이 필요하다. 다이어리 앱이 점점 고도화되면서 할 일 관리와 달력..

firebase는 필드 '하나'에서만 범위나 같지 않음 비교 할 수 있습니다. 헬스 보조자 매칭 웹 서비스를 만들고 있다. 우리 팀은 3명 모두가 프론트엔드 개발자다. 백엔드 개발자를 못 구했다. 이가 없으면 잇몸으로, 우리가 직접 백엔드를 구축할 수 있으나 짧은 시간 안에 완성도 있는 프로젝트를 위해 백엔드 구축을 외부 서비스에 위임하기로 협의했다. 여러 서비스 중 firebase를 선택했다. 많이 사용되는 것 같고 우리 서비스에는 복잡한 쿼리가 없다고 생각해 document db도 충분할 것 같았다. AND 쿼리만 지원한다면 소규모 서비스에선 문제없다고 생각했다. 트랜잭션이나 소켓통신도 지원한다고 해서 필요하다면 나중에 더 발전 시킬 생각으로 firebase를 선택했다. 사용자가 자신의 conditi..
대학을 졸업하고 개발자 학원을 전전하며 취업을 준비한 게 벌써 2년째다. 그간 한 백 번의 지원과 수 번의 면접과 단 한 번의 취업이 있었다. 지금 나는 컴퓨터 앞에 앉아서 예순을 넘기신 아버지가 못과 망치로 벌어온 돈을 받아 먹으며 밥값을 할 준비 중이다. 오늘 아침에는 개발자 학원에서 하는 개발 프로젝트 중간 점검 마감이 있었다. 총 2주 간 진행되는 프로젝트에서 지난 일주일 간의 결과물을 보여주는 일이었다. 일주일을 꼬박 밤을 새 개발해도 부족한 부분이 넘쳐나 오늘 아침까지 꼬박 밤을 샜다. 중간 결과물을 제출하고 침대에 쓰러져 낮잠을 잤다. 저녁 쯤 일어나 끼니를 때우려고 후라이팬에 불을 올리던 차에 아버지 전화가 왔다. 프로젝트 진행이 한창일 때 아버지의 전화가 있었다. 일감이 생겨 지금 서울에..

Execute Asynchronous Functions in Parallel 비동기 함수들의 배열을 병렬적으로 실행한 결과를 배열로 반환하는 함수를 만드는 문제가 있었다. 문제의 조건으로 Promise.all을 사용하지 않아야 한다. leetcode 문제 링크 만들다보니 Promise.all의 병렬 처리에 대해 궁금점이 생겼다. 싱글스레드로 작동하는 자바스크립트 엔진이 어떻게 병렬처리를 할 수 있을까? Promise.all을 사용하면 병렬 처리가 가능하다는데, Promise의 콜백도 결국 콜스텍에서 실행되지 않나? Promise의 콜백은 언제 실행되나 Promise의 콜백은 Promise 객체가 생성될 때 즉시 실행된다. const promise = new Promise((resolve) => { con..
문제 붐붐붐내심장이뛰네 붐붐게리라익붐 위의 HTML에서 최상위 div 태그를 선택하려면 어떤 정규식을 써야 할까? 하위에 있는 자식 태그를 제외한 div태그의 여는 부분과 닫는 부분 만을 선택해야 한다. 아래의 사이트에서 정규식을 쉽게 테스트해볼 수 있다. https://regexr.com/ 챗지피티에게 마구마구 물어봐버리기 chatGPT에게 물어보니 다음과 같은 정규식을 뱉어냈다. /^|$/g 그런데 * 뒤에 ? 는 뭘까? ?를 없애도 테스트할 때는 같은 결과가 나오는 듯했다. 그러나 개행이 없다면 결과가 달라진다. Greedy and lazy quantifiers 우리가 방금 봤던 물음표는 lazy quantifier라고 한다. 정규표현식에서 quantifier(수량자)는 일치하는 인스턴스의 개수를 ..

프로젝트 개요 및 목표 SAT 시험을 대비하기 위한 웹앱 구현 실제 온라인 SAT 앱과 최대한 비슷한 경험 제공이 목표 선생님이 시험을 칠 학생들을 관리할 페이지도 구현 기한은 2주차에 시험페이지 프로토타입 제공, 4주차에 완성 페이지 제공 실제 SAT 앱에서 사용되는 용어 및 주요 기능 | 펼쳐서 보기 더보기 문제 단위 | Exam, Section, Module, Question Exam: 시험 set 단위. 가장 넓은 단위 Section: Exam의 하위 단위. Reading and Writing(영어)과 Math(수학)로 구분(과목이라고 생각하면 됨) Section이 바뀔 때 Break time이 존재(10분) Section마다 제한 시간이 다름 Module: Section의 하위 단위. 각 Sec..