yunicornlab

지금 진행하고있는 오픈소스 라이브러리 프로젝트에서는 nx로 모노레포 방식을 구현하고, 배포할 @aicody-ui/react 라이브러리는 React와 Tailwind CSS, 그리고 빌드 도구로 rollup을 선택해서 구성했다. 그러고나니 aicody-ui/libs/react 폴더에 rollup.config.cjs라는 파일이 생겼다.const { withNx } = require('@nx/rollup/with-nx');const url = require('@rollup/plugin-url');const svg = require('@svgr/rollup');module.exports = withNx( { main: './src/index.ts', outputPath: './dist', ts..

계기npm에는 수많은 패키지 라이브러리들이 있다.https://www.npmjs.com/ npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe. The free npm Registry has become the center of Javawww.npmjs.com 프로젝트 중 라이브러리 또는 프레임워크를 선택할 때 아래 npmtrends 사이트를 참고하곤 했다.(아래는 예시) 그러면서..

부트캠프에서 출퇴근 관리 웹을 개발하는 Riset이라는 창작 프로젝트를 진행했었다.Riset은 Sun Rise + SunSet의 줄임말로, 해가 뜰 때 출근하고 해가 질 때 퇴근하는 직장인을 의미한다.여기서 나는 프론트엔드로 참여했고, 채팅과 일정 관리, 다크모드와 반응형 등을 구현했다.이 중 채팅 구현 과정을 돌아보려고 한다.구현한 채팅 기능 소개아래 사진처럼 직원들 목록 화면에서 이름을 검색할 수 있고 1명 또는 다수를 선택해서 채팅방을 만들 수 있다.채팅은 실시간 통신으로 구현했고 1:1 채팅뿐 아니라 그룹 채팅이 가능하다.검색은 직원 이름 검색, 채팅방 목록 검색, 채팅 내용 검색 모두 구현했고, 텍스트 메시지와 파일도 전송할 수 있다.이미지는 기본 화면과 다크모드, 그리고 반응형을 골고루 가져왔..

매일 데일리스크럼을 온라인으로 15분~30분 정도 진행하다가 목요일에 처음으로 오프라인 회의를 진행해보았다!정말... 다사다난했다🤣정말 다양한 문제들과 마주했고, 신기하고 다행히도 모두 다 해결하고 끝낼 수 있었다. 일단 오늘 오프라인 회의의 목표는 다음과 같았다.1. Git 협업을 위한 명령어 흐름 정하기2. 각자 작업한 기능 PR & Merge 진행3. 배포 툴 정해서 배포 진행하기4. 컴포넌트 분리 및 폴더 구조 확정하기5. 회계 서류 작성6. 프로젝트 일정 및 더 깊게 생각하기 Git 명령어 연습 및 흐름 확정짓기push를 어떤 브랜치에 하고, pull과 merge를 어떤 순서로 사용할지 이런 흐름이 나도 아직 헷갈린 채로 모였다.영차영차 고민하고 테스트한 결과, 아래 흐름이 베스트라고 생각했다..

8/31까지 사전직무교육과 프로젝트 설명회 및 팀 수당 설명회를 마치고9월 1일부터 4주간의 프로젝트 기간이 시작됐다!나는 (주)테라파이 기업에서 제공해준 프로젝트에 참여하게 되었다.테라파이는 전세사기 예방을 위한 부동산 금융케어 플랫폼인 세이프홈즈 서비스를 제공하고 있다.https://safehomes.kr/ 세이프홈즈-부동산 거래 이제 안심하세요.세이프홈즈, 부동산, 권리분석, 전세사기예방, 전세사기, 깡통전세, 안심전세, 허그보증보험, 전세꿀팁, 전세대출, 보증보험가입, 아파트전세, 오피스텔전세, 빌라전세, 다가구전세, 중기청대출,safehomes.kr 프로젝트 소개테라파이에서 제공해준 프로젝트는 공인중개사들을 위한 서비스였다. 매물 관리, 계약 관리 서비스를 통해 데이터를 효율적으로 관리할 수 있..