본문 바로가기

분류 전체보기33

우리 프로젝트에 제대로 된 Git 브랜치 전략을 세우는 게 어때요? 안녕하세요. 이 포스트는 제가 프론트엔드 개발자로 참여 중인 가사분담 플랫폼 '두잇투게더'의 Git 브랜치 전략을 팀원들과 함께 세우기 위해 정리한 내용입니다. 나, 지금까지 Git branch를 어떻게 사용했더라Git과 GitHub에 대해 잘 몰랐던 제가 처음으로 브랜치를 사용했던 프로젝트는 2022년에 진행한 반려 식물 돌봄 매칭 서비스, planter였습니다. 그때는 develop 브랜치를 default 브랜치로 설정하고, 새로운 기능을 추가하거나 버그를 수정할 때마다 별도의 브랜치(feature, design, fix)를 만들어 작업을 했습니다. 작업이 끝난 후에는 PR(Pull Request)을 생성해 develop 브랜치에 병합했고, 최근 프로젝트에서도 같은 방식으로 진행했었습니다. 그 덕분에.. 2024. 11. 24.
[프로그래머스 데브코스] [1기] K-Digital Training: 클라우드 기반 프론트엔드 엔지니어링 ㅡ `7팀 알고리즘 스터디` 회고록 프론트엔드 엔지니어링 데브코스에서 진행했던 JavaScript 알고리즘 스터디 회고록을 작성해보겠습니다.스터디 개요✅ 깃허브 레포 링크 : https://github.com/yookeunbyul/Algorithm-Study GitHub - yookeunbyul/Algorithm-StudyContribute to yookeunbyul/Algorithm-Study development by creating an account on GitHub.github.com  스터디 규칙 기간 : 8월 22일 ~ 10월 17일회의 : 매주 목요일 8시 ~ 9시 30분교재 : 코딩 테스트 합격자 되기 - 자바스크립트 편 목표 : 자바스크립트 알고리즘 풀이 실력을 향상한다.프로젝트 기간에는 잠정적 중단한다. 회의 시간에는 .. 2024. 11. 16.
[프로그래머스/LV.2] 두 큐 합 같게 만들기(JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/118667 문제 설명길이가 같은 두 개의 큐가 주어집니다. 하나의 큐를 골라 원소를 추출(pop)하고, 추출된 원소를 다른 큐에 집어넣는(insert) 작업을 통해 각 큐의 원소 합이 같도록 만들려고 합니다. 이때 필요한 작업의 최소 횟수를 구하고자 합니다. 한 번의 pop과 한 번의 insert를 합쳐서 작업을 1회 수행한 것으로 간주합니다.큐는 먼저 집어넣은 원소가 먼저 나오는 구조입니다. 이 문제에서는 큐를 배열로 표현하며, 원소가 배열 앞쪽에 있을수록 먼저 집어넣은 원소임을 의미합니다. 즉, pop을 하면 배열의 첫 번째 원소가 추출되며, insert를 하면 배열의 끝에 원소가 추가됩니다. 예.. 2024. 11. 14.
[코딩 테스트 합격자 되기 문제 02] 배열 제어하기 🔗 배열 제어하기[저자 출제] 문제 설명> 정수 배열을 하나 받습니다. 배열의 중복값을 제거하고 배열 데이터를 내림차순으로 정렬해서 반환하는 solution() 함수를 구현하세요. 제약 조건배열의 길이는 2이상 1000 이하입니다.각 배열의 데이터 값은 -100000이상 100000 이하입니다. 예제 입/출력#예제1입력 [4, 2, 2, 1, 3, 4]; 출력 [4, 3, 2, 1]; #예제2입력 [2, 1, 1, 3, 2, 5, 4];  출력 [5, 4, 3, 2, 1];  접근 방식 ✅ 시간 복잡도NlogN중복값을 제거하는데 O(N)이 걸리고, 이를 다시 정렬하는데 O(NlogN)이 걸리므로 최종 시간 복잡도는 O(NlogN)입니다. ✅  자료구조Set 객체Set은 집합을 생성하는 자바스크립트 내장.. 2024. 11. 14.
[chart.js/react-chartjs-2] React 프로젝트에 chart.js 적용해보자👋(+Typescript, 반응형) 최근 React로 프로젝트를 하고 있는데 API를 활용해서 그래프를 구현하기로 했다.그래서 가장 유명한 차트 라이브러리인 Chart.js를 선정했다.근데 어떻게 쓰는거지?   1. 설치하기React에서 chart.js를 사용하려면 chart.js뿐만 아니라 react-chartjs-2도 설치를 해줘야한다.npm install react-chartjs-2 chart.js 2. 예시 가져오기설치가 완료되었으면, react-chartjs-2 공식 사이트에서 제공하는 차트 컴포넌트를 사용하면되는데,문제는 지금 사이트가 터졌는지 들어가지지가 않는다. 그래서 나는 그냥 구글링해서 다른 분들이 올려준 코드를 긁어서 썼다. ✅ Bar Chart(.tsx)import { Chart as ChartJS, Categor.. 2024. 9. 27.
[코딩 테스트 합격자 되기 문제 39] 너비 우선 탐색 순회 문제 설명너비 우선 탐색으로 모든 그래프의 노드를 순회하는 함수 solution()을 작성하세요. 시작 노드는 start로 주어집니다. graph는 [출발 노드, 도착 노드] 쌍들이 들어 있는 배열입니다. 반환값은 그래프의 시작 노드부터 모든 노드를 너비 우선 탐색으로 진행한 순서대로 노드가 저장된 배열입니다. 제약 조건노드의 최대 개수는 100개를 넘지 않습니다.시작 노드부터 시작해서 모든 노드를 방문할 수 있는 경로가 항상 있습니다.그래프의 노드는 숫자입니다.입출력의 예graphstartreturn[(1,2),(1,3),(2,4),(2,5),(3,6),(3,7),(4,8),(5,8),(6,9),(7,9)]1[1,2,3,4,5,6,7,8,9][(0,1),(1,2),(2,3),(3,4),(4,5),(5,.. 2024. 9. 26.

티스토리툴바