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

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..

React/Next/Javscript Eslint Import/Order (import 순서) 설정하는 방법 0. 이 글을 쓰게 된 계기 과거부터 지금까지 import를 순서를 관리한다면 일일이 수동으로 알파벳 순으로 맞춰주었었는데 리엑트에서 폴더가 많아지고, 컴포넌트가 많아지다 보니 불편함을 느꼈습니다. 그러던 와중 다른 크루가 import/order에 대해 포스팅 한 글을 보고 적용해 봐야겠다고 마음먹었었고, 새로운 프로젝트를 할 때 어떻게 했는지 기억하기 위해 작성하게 되었습니다. 1. Import 순서를 설정하면 좋은 점 일관성 유지: import 문이 일관된 순서로 작성되면 코드를 이해하기 쉬워집니다. 모듈 경로를 알파벳순으로 정렬하면 모듈 검색이 용이해집니다. 충돌 방지: 일부 모듈은 다른 모..

CRA(create-react-app)로 만든 프로젝트 / Storybook 7 버전에서 절대 경로를 설정하는 방법 (with craco) / jest 절대 경로 설정하기 0. 이 글을 적게 된 계기 스토리북 절대 경로를 설정하지 않아 발생한 에러가 났습니다. Module not found: Can't resolve "@" Field 'browser' doesn't contain a valid alias configuration CRA로 만든 프로젝트에서 절대 경로 설정하는 방법은 많이 있으나 스토리북 7 버전 환경에서 절대 경로를 설정한 예시를 찾기가 어려워 나중에 제가 다시 볼 목적으로 글을 작성하게 되었습니다. 그리고 이러한 정보가 필요한 사람들에게 도움이 되었으면 좋겠습니다. CRA(create-..

설치 npm install @apollo/client graphql Get started with Apollo Client Hello! 👋 This short tutorial gets you up and running with Apollo Client. If you're using a React sandbox from CodeSandbox and you encounter a TypeError, try downgrading the version of the graphql package to 15.8.0 in the Dependencies panel. If you encou www.apollographql.com 설정 graphQL을 사용하는 서버의 주소를 uri로 설정합니다. client.js import..

API를 그대로 사용하면 안 좋은 이유는? 외부 API를 그대로 사용하면 제공해 주는 서비스의 API에 크게 의존하게 됩니다. 예시 1) 기상청으로부터 받아오는 API - date 기상청의 API 중 date를 일반 문자열로 받아 사용하는 코드를 작성했다고 가정해 봅시다. 기상청에서 API 중 date를 year, month, day로 이루어진 객체로 바꾸게 된다면 작성했던 코드 중 date 부분은 전부 수정해야 합니다. 2~3개라면 괜찮지만 그 개수가 많아질수록 코드를 일일이 바꾸는데 시간이 듭니다. 예시 2) API를 받아오는 플랫폼 변경 - 한국 기상청 -> 미국 기상청 API를 제공해 주는 곳을 변경해야 할 때가 있을 텐데요. 이때 한국 기상청과 미국 기상청에서 제공하는 API는 많이 다를 것입니..

function 함수 function func(){ } 화살표 함수 const func2=()=>{} function 함수와 화살표 함수의 차이점 function 함수에서는 prototype이 있고, 화살표 함수에는 없습니다. 따라서 더 가볍게 사용할 수 있고, 본래 함수의 역할이 아닌 생성자로 사용할 수 없습니다. 또한 화살표 함수는 caller와 arguments가 감싸져 있어 getter로 불러와야 한다는 특징이 있습니다. 그리고 화살표 함수는 this를 바인딩하지 않는다는 특징이 있습니다. 원래 함수의 역할로 사용한다고 하면 this를 사용해야 할 필요가 없습니다. this를 사용해야 할 경우에는 class 혹은 객체 메서드 선언 방식을 통해 사용하면 되겠습니다. 따라서 함수를 사용할 때에는 더 ..