프로젝트
-
[BLOB] 프로젝트 회고코드잇 2024. 6. 9. 23:26
프로젝트 소개혹시 여행 중 오래된 정보나 부정확한 정보로 인해 불편함을 겪은 적이 한번쯤 있지 않으신가요? 또한 교통상황, 사건 사고 등 여행 중 실시간으로 업데이트되는 정보들을 모아볼 수 있는 곳이 없어서 . 날씨 이슈로 행사가 취소된다든가, 시시각각 바뀌는 현지 상황을 알지 못해 여행 중 예기치 못한 일들을 겪게 되기도 합니다.이러한 불편함을 해결하기 위해 블롭이라는 서비스를 생각하게 되었습니다. 문제 해결 과정은 여기 링크 참조 해주세요.무한스크롤 커스텀 hook카테고리 버튼 상태관리 / 컴포넌트 props 분리 협업각자 분업하는 것이 아닌, 협업을 하는 것에 중점을 두고 기획과 코드 컨벤션을 맞추는데 시간을 많이 투자했다. 프론트엔드 5명, 백엔드 2명, 디자이너 1명과 같이 협업을 시작했다...
-
[오픈마인드] 프로젝트 회고록코드잇 2024. 2. 1. 20:33
오늘 프로젝트 발표를 했고, 프로젝트 일정은 끝이 났다. 오픈 마인드는 익명의 사용자들이 질문과 답변을 하는 서비스이다. 😄 좋았던 점 최대한 깃허브를 이용해서 작업한 부분이 좋았다. 개인 레포지토리를 파서 서로 포크하는 방식이 아닌 팀 레포지토리를 파서 포크하여 공동 작업자로 작업했었다. 이외에도 이슈들을 칸반보드로 오늘 할 일과 끝난 일 관리, 플랜트 플로우로 프로젝트 일정 관리, 위키 문서에 팀 규칙과 컨벤션 정리, 디스커션탭을 이용하여 팀원들의 회고를 정리했었다. 덕분에 깃허브에 대한 숙련도가 올라갔다고 생각한다. 깃허브 주소 https://github.com/OPENMIND-TFT/OPENMIND GitHub - OPENMIND-TFT/OPENMIND: 질문과 답변을 나누는 플랫폼 OpenMin..
-
[오픈마인드] 하위 컴포넌트 안에서 전체화면 모달 띄우기코드잇 2024. 1. 31. 15:53
하위 컴포넌트 안에서 전체화면 모달 띄우기 프로젝트 추가 기능으로 삭제 버튼 클릭 시 모달이 나오게 기능 구현했다. 하위 컴포넌트 안에서 모달을 만들고 width: 100%를 해도 컴포넌트 안에서만 모달이 생성된다. 하위 컴포넌트의 모달도 전체 화면에 가득차게 보여주고 싶다. z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; z-index만 넣으면 되는 문제였는데 context api를 써서 어떻게든 해결하려고 했던 것 같다. 여기서 top: 0만 썼었는데 left: 0을 추가시켜줘서 화면 끝에 오도록 맞춰주었다.
-
[오픈마인드] API 호출 시 새로고침 안되게 적용코드잇 2024. 1. 26. 22:49
이슈 : API에서 delete 메서드를 사용했을 때, 새로고침 해야만 데이터가 삭제 되는것을 볼 수 있었음. 해결 : `window.location.reload(true)` 쓰면 새로고침 되면서 데이터가 삭제된 것을 볼 수 있지만, 스크롤이 맨위로 올라가버리는 문제가 생긴다. 데이터를 삭제 했을 때 서버에서는 데이터가 삭제가 된 상태다. 그러므로 filter메서드를 이용해서 해당하는 값을 없애주고 클라이언트에 삭제한 것을 표시해주자. const deleteQuestion = async questionId => { const response = await fetch(`${API_BASE_URL}/questions/${questionId}/`, { method: 'DELETE', }); if (respon..
-
[오픈마인드] 이전에 merge된 커밋들이 보이는 이슈코드잇 2024. 1. 25. 21:02
이전 병합된 커밋들이 보이는 이슈 오늘 팀원분들이랑 같이 화면 공유하면서 제가 PR보내는 과정을 처음부터 다시 해봤다. 그렇게 해봤는데 혼자서 PR보낼 때랑 다르게 잘 됨. 오늘 PR 보냈던 과정. 제 fork 레포지토리에서 synk로 develop 브랜치를 최신화 후에 fork 레포를 로컬에서 git clone. git checkout develop로 브랜치 생성. remote add로 팀레포 추가하고. git pull upstream develop 한번 더 최신화 git checkout -b feature-윤해용 브랜치 분기 수정사항 만들고 git add. git commit. git push origin 나 혼자 했을 때랑 다른점 git checkout develop로 브랜치 생성. (팀원과 같이 ..
-
[오픈마인드] 깃허브 merge하면 자동으로 이슈닫히게코드잇 2024. 1. 23. 23:33
github에서 merge를 해도 issue가 자동으로 안닫히는 문제가 있었다. 세팅에서 디폴트 브랜치를 PR보낼 때 브랜치와 동일하게 해줘야 이슈가 자동으로 닫힌다고 한다. PR은 develop 브랜치에 하고있는데 defalut branch가 main 으로 되어있어서 develop로 바꿔주었다. 참고 링크 https://docs.github.com/ko/issues/tracking-your-work-with-issues/linking-a-pull-request-to-an-issue https://wugawuga.tistory.com/45
-
[오픈마인드] git 대소문자, github merge, svg 색상 변경코드잇 2024. 1. 21. 23:55
팀원들과 상의해서 퍼블리싱을 먼저 하기로 했기 때문에 스타일드 컴포넌트로 일단 화면을 꾸미기만 했다. git이 대문자와 소문자를 구별 못해서 git add. git commit이 안되는 이슈 On branch feature-No_Question_페이지-퍼블리싱 Changes not staged for commit: (use "git add ..." to update what will be committed) (use "git restore ..." to discard changes in working directory) modified: public/assets/images/Messages.svg 팀원의 코드를 merge하고 수정 후 커밋했더니 위에 오류가 떴다. 팀원 코드는 messages.svg이 이..
-
[오픈마인드] eslint jsx 이슈, 헤더 스타일링코드잇 2024. 1. 20. 23:14
오늘 한 거 : 질문 피드 페이지 헤더 만듦 eslint jsx 문법을 사용했는데 .jsx 파일은 찾을 수 없다는 에러 Oops! Something went wrong! :( ESLint: 8.56.0 No files matching the pattern "./src/**/*.jsx" were found. Please check for typing mistakes in the pattern. husky - pre-commit hook exited with code 2 (error) "rules": { "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }], } eslint 에러가 나서 jsx 문법으로 작성한 파일은 .jsx로 일단 바..