YG - 96년생 , 강아지 있음, 개발자 희망

Jest에서 .env 환경 변수 설정하기 저희는 Jest에서 msw를 통해 fetch를 하고 코드가 제대로 돌아가는 지 확인하고 있습니다 api 코드 const BASE_URL = process.env.VOTOGETHER_BASE_URL; export const getUserCategoryList = async () => { const categoryList = await getFetch(`${BASE_URL}/categories`); return transformCategoryListResponse(categoryList); }; jest 코드 import { MOCK_CATEGORY_LIST, MOCK_GUEST_CATEGORY_LIST } from '@mocks/mockData/categoryLis..

1. 젠킨스에 로그인해줍니다. 2. 프론트앤드 아이템에 들어옵니다. 3. 왼쪽 탭의 구성을 누르고 pipeline 탭을 누릅니다. 4. pipeline에서 빌드를 하기 전 .env 설정을 추가해줍니다. touch .env env 파일을 생성합니다. echo 'KEY=VALUE' >>.env '' 문자열의 내용을 .env 파일에 추가한다는 뜻입니다. >와 »의 차이 Linux를 기반으로 한 환경에서 >: 명령어 뒤에 나오는 파일에 쓸 때 사용(=write or overwrite)'>>: 명령어 뒤에 나오는 파일에 추가할 때 사용(=append)' 예시 코드 stage('Git Clone') { steps { git branch: 'dev', url: 'https://github.com/woowacourse..

잘못된 정보가 있다면 댓글로 알려주세요 .env를 통한 환경변수 사용 Votogether 팀 환경에 경우 AWS EC2로 배포하고 있기 때문에 AWS EC2에서는 .env를 배포 환경으로 생성하고, 개발자들이 사용하는 컴퓨터에서는 .env를 개발환경으로 세팅하면 배포 환경별 API를 바꿔가며 사용할 수 있습니다. 이렇게 사용하는 이유는 개발 환경에서는 MSW를, 실제 배포 환경에서는 서버의 API를 이용하도록 하기 위함입니다. 또한 서버의 앤드 포인트를 외부에 알리면 보안 위험이 있을 수 있습니다. (익명의 사용자가 대량의 요청 시도, 서버의 직접적인 공격) 따라서 dotenv를 통해 환경변수 설정을 해보도록 하겠습니다. 개발 환경 .env VOTOGETHER_BASE_URL=http://localhos..

Webpack을 이용해 React 프로젝트를 설정하게 되었습니다. 생각보다 간단하지만은 않아서 환경 설정하는 과정을 기록해두려고 합니다. 모든 세팅이 끝난 Wepack-React 보일러플레이트 저장소 GitHub - Gilpop8663/webpack-react-boilerplate: react-18, webpack5, typescript, storybook, jest, msw, @tanstack/react-query_v4, s react-18, webpack5, typescript, storybook, jest, msw, @tanstack/react-query_v4, styled-components, eslint, dotenv, whatwg-fetch - GitHub - Gilpop8663/webpack..

팀원과 협업을 할 때 dev 브런치를 pull 해오는 상황에 앞선 커밋 기록이 있다고 합칠 수 없다는 오류 메세지였습니다. 해결하려면 깃의 전역 설정을 바꿔줘야 합니다. 깃 설정 목록 보기 git config --list 저의 경우 pull.ff only가 적용되어 있어서 이 설정을 삭제해주었습니다. 깃 설정 삭제하기 git config --unset --global pull.ff 하지만 이러한 옵션이 하나도 없다면 충돌날 가능성이 많아지므로 추가적인 옵션 설정을 해주었습니다. rebase를 하지 않는 옵션 추가 git config pull.rebase false 참고자료 https://b41.kr/2022/02/14/git-fatal-%EC%A0%95%EB%B0%A9%ED%96%A5%EC%9D%B4-%..

PR 템플릿 등록하는 방법 PULL_REQUEST_TEMPLATE.md 파일을 .gihhub 폴더에 넣어줍니다. PULL_REQUEST_TEMPLATE.md ## 🔥 연관 이슈 close: # ## 📝 작업 요약 수행할 작업을 1~2줄 사이로 요약해주세요. ## ⏰ 소요 시간 기능 구현에 소요된 시간을 적어주세요. (추정했던 시간과 다르다면 이유도 함께) ## 🔎 작업 상세 설명 주요 기능 및 로직에 관해 설명해주세요. ## 🌟 논의 사항 크루들과 이야기 해보고 싶은 부분을 적어주세요. 이슈 템플릿 등록하는 방법 1. 레포지토리 세팅에 들어갑니다. 2. 밑으로 내리면 Features - Issues - Set up templates 버튼을 눌러줍니다. 저의 경우 버그와 기능 두 개를 설정해주었습니다. 버..

팀 프로젝트를 시작하는 방법 팀 소통을 위한 방법 정하기 슬랙과 노션을 통해 팀 소통을 하기로 했습니다. 그리고 나에 대해 소개하는 글을 통해 자신이 소통하기 편한 시간, 장소를 팀원과 공유했습니다. 프로젝트를 위한 노션 설정하기 프로젝트 소개 프로젝트가 왜 진행되어야 하는지, 어떤 가치를 만들어낼지 설명합니다. 목적을 명확히 함으로써 팀원들이 프로젝트에 대한 이해도를 높일 수 있습니다. 저희의 경우 투표를 통해 결정할 수 있는 서비스를 기획했습니다. “첫 소개팅 뭘 먹으러 가면 좋을까?”, “치킨, 피자 중 더 취향은?” 어느 곳에서 정보를 찾아야 할지도 막막한 사람들을 위한, 심심풀이로 나의 취향과 남의 취향을 비교해보고 싶은 사람들을 위한 프로젝트입니다. 킥오프미팅 킥오프 미팅은 프로젝트 시작 전에..

설정에서 Prettier Path 를 다음과 같이 바꿔줍니다. For Example /usr/local/lib/node_modules/prettier (Mac OS) \AppData\Roaming\npm\node_modules\prettier (Windows) 출처: https://stackoverflow.com/questions/58866847/in-vs-code-im-getting-this-error-failed-to-load-module-attempted-to-load-pr In VS Code, I'm getting this error, 'Failed to load module. Attempted to load prettier from package.json' When I'm using VS Cod..