본문 바로가기

전체 글18

[23.06 - 24.03] 프로젝트 회고이며 첫 해의 회고 23년 6월 중순 회사에 합류했고 6월 말, 7월부터 진행중이던 프로젝트에 합류하게 되었다. 그리고 24년 3월 릴리즈에 맞춰 QA와 결함 수정 작업을 반복하던 중 프로젝트가 종료되었다. 23년 6월 회사에 처음 들어오고 진행중인 프로젝트의 코드베이스와 노션 문서들을 보며 어떤 작업들을 하겠구나 생각했었다. 이미 많이 쓰여져있는 코드와 한눈에 들어오지 않는 문서들은 높다란 빌딩을 올려다보는 심정이었을 지도 모르겠다. 7월의 신입 합류인원을 대상으로 하는 교육을 지나 본격적으로 프로젝트에 참여하기 시작했다. 백오피스의 웹 프론트엔드를 개발하는 팀에 속하게 되었고, ppt와 구글시트 기반의 화면설계, 피그마로 전달받은 화면 디자인을 통해 이미지와 로직을 파악하고 개발을 진행하게 되었다.(급조된 팀으로, 혼자.. 2024. 3. 28.
[WebAPI] Crypto randomUUID https://developer.mozilla.org/en-US/docs/Web/API/Crypto/randomUUID Crypto: randomUUID() method - Web APIs | MDN The randomUUID() method of the Crypto interface is used to generate a v4 UUID using a cryptographically secure random number generator. developer.mozilla.org Crypto API는 https 환경에서만, 지원되는 브라우저에서만 작동한다. WebAPI인 Crypto에 속한 method이며 uuid를 생성할 수 있고 const uuid = crypto.randomUUID(); 와 같이 생성.. 2023. 11. 10.
탭 컴포넌트 그리고 useTab 훅을 만들어보다 프로젝트의 요구사항에 따르면 브라우저 탭과 유사하게 동작하는 탭 컴포넌트가 필요했다. 요구되었던 내용 상단 nav 영역에서 메뉴를 선택 시 신규 탭으로 열려야 한다 탭은 최대 10 ~ 12개로 제한되어야 한다 -> 추가로 열려야 하는 경우 알림을 띄울 필요는 없다 탭 영역의 홈 아이콘은 하나의 탭으로써, 메인 화면을 보여주는 형태여야 한다 동일한 메뉴를 선택하더라도 서로 다른 탭으로 동작해야 한다 탭의 이동 시 탭에서 작성 중이던 form의 내용은 유지되어야 한다 최종 산출물 기준으로 새로고침과 뒤로가기 등의 액션은 일어나지 않는 것을 전제로 한다 기본적으로 요구되었던 내용은 위와 같았고 논의를 거듭하며 상세 동작을 정하기로 했다. 결과적으로 정해진 내용 기존에 사용하던 react-router-dom의 .. 2023. 9. 20.
ChatGPT를 이용한 Code Review https://github.com/anc95/ChatGPT-CodeReview GitHub - anc95/ChatGPT-CodeReview: 🐥 A code review bot powered by ChatGPT 🐥 A code review bot powered by ChatGPT. Contribute to anc95/ChatGPT-CodeReview development by creating an account on GitHub. github.com OpenAI API와 위의 봇, 깃허브 액션을 사용하면 깃허브 PR 시 ChatGPT를 이용한 코드 리뷰를 진행할 수 있다. 예시 > https://github.com/LucetTin5/alchol-diary/pull/12 feat: use Next/Imag.. 2023. 4. 14.