일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 파이썬 웹크롤링
- 네이버 부스트캠프
- 네이버 부캠
- Image 컴포넌트
- 자바 프로젝트
- React ssr
- react
- 자바스크립트 컴파일
- 자바스크립트 객체
- 부스트캠프
- 자바스크립트
- 스택
- Next.js
- 파이썬 코딩테스트
- 비디오 스트리밍
- 네이버 부스트캠프 멤버십
- 파이썬
- cursor ai
- React.js
- Next/Image 캐싱
- 씨쁠쁠
- beautifulsoup
- git checkout
- c++
- 웹크롤링
- Server Side Rendering
- 프로그래머스
- 멘션 추천 기능
- 업무 일정관리
- 코딩테스트
- Today
- Total
목록전체 글 (79)
코린이의 개발 일지

올해 들어 회사에 업무량이 압도적으로 늘어났다.회사에서 제법 큰 앱을 담당하게 되면서 업무량이 늘어났는데, 올해 개발 진행하는 것도 많아서...암튼 무슨 정신으로 벌써 올해의 반을 보냈는지 모르겠다. 업무량이 많아지는 만큼 일정관리가 제대로 안되어 누락되는 업무도 점점 많아졌는데, 이대로는 안되겠다 싶어서 내 나름대로의 템플릿을 만들어 매일 업무 일정 관리 툴을 만들었다. 처음에는 마크다운 문서로 vscode에서 하다가, 옵시디언을 써보라는 같은 회사 동기의 추천으로 한번 사용해봤는데 괜찮은 거 같아서 글로 한번 적어본다. 업무 관리 방법올해 초까지는 간단하게 매일 Todo list만 관리하며 업무 계획과 기록을 관리하고 있었다.올해 업무량이 미친듯이 늘어나면서 머릿속으로 기억하는 것에 의존하는 일이 ..

회사 사내 교육 프로그램에서 2주간 데이터 처리 주제의 프로젝트를 진행했다.4명이 한 팀으로 구성됐으며, 나는 프론트엔드 전반을 담당했다.발표 준비, 시연 영상, 기획 회의를 제외하면 실제 개발에 투입된 시간은 약 7일 정도였다.이번 프로젝트에서는 회사에서 Cursor AI를 제공해주어 이를 잘 활용해보기로 했다.개발 환경 세팅부터 기능 구현, 디버깅, 리팩토링까지 프론트엔드 전체를 Cursor에 의존해 진행해본 결과를 정리했다.프로젝트 개요✅ 목표여러 상권 데이터를 수집·분석해 음식점 창업을 준비하는 사용자에게 유용한 정보를 제공하는 웹 서비스를 개발✅ 사용 기술 스택TypeScriptReact.jsChart.js (데이터 시각화)Material UI, Emotion (UI 컴포넌트 & CSS-in-J..

기존 Progressive download 방식 기존에 사용되던 Progressing download(PD) 방식은 동영상 소스가 한번 선택되면 해당 컨텐츠를 끝까지 다운로드 하여 플레이하는 방식이다. 아래의 그림처럼 세그먼트 단위로 비디오 파일을 받아서 클라이언트 측 버퍼에 일정 이상 쌓이면 동영상이 재생되는 방식으로 동작한다. PD 방식의 단점은 한가지 해상도의 동영상 소스가 선택되어 계속 다운로드하는 방식이다 보니, 네트워크 상황에 따라 사용자가 지속해서 버퍼링을 만나게 된다는 것이다. 이러한 문제를 해결하기 위해 Adaptive HTTP Streaming 방식이 나왔다 Adaptive HTTP Streaming 기존의 HTTP 프로토콜을 이용해 구현하는 스트리밍 기술이다. 유튜브에서 사용하는 HL..

1. 조합 재귀함수 제너레이터를 사용하지 않고, 재귀로 조합을 구현할 경우 아래와 같다. function combination(arr, count){ if (count === 1) return arr.map((target)=> [target]) const result = []; arr.forEach((num, index)=> { const restCombinations = combination(arr.slice(index+1), count-1) const tmp = restCombinations.map((target)=> [num, ...target]) result.push(...tmp); }) return result; } 특정 하나의 값을 고정해두고 나머지 값들을 가지고 조합을 구하고 배열에 추가하는..