분류 전체보기
-
[오픈마인드] 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
-
[오픈마인드] 클래스네임 classname코드잇 2024. 1. 22. 23:41
``` .buttonArea { width: 100%; text-align: end; padding-bottom: 69px; button { ``` 이틀 전에 팀원 코드 리뷰를 남기다가 button 태그에 클래스 네임을 적지 않은 부분을 보고 피드백을 드렸다. tag에 직접 스타일을 주면 유지보수가 힘들어 질 수 있어요! 하나의 파일 안에서도 div 태그의 하위 태그들이 많아지게 된다면 겹치는 요소들도 많아져서 미리 className을 작성하는 거라고 생각을 해요. 지금은 겹치는 요소가 없다는 부분을 인지하고 있지만 나중에 코드를 리팩토링하거나 다른 팀원들이 개발할 때 헷갈릴 수 있을 것 같아요. css의 경우에는 파일마다 겹칠 수 있기 때문에 클래스 네임을 습관화 해주는게 좋다. 스타일드 컴포넌트나 S..
-
[오픈마인드] 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로 일단 바..
-
[오픈마인드] eslint 문법 이슈코드잇 2024. 1. 20. 00:17
https://github.com/OPENMIND-TFT/OPENMIND GitHub - OPENMIND-TFT/OPENMIND Contribute to OPENMIND-TFT/OPENMIND development by creating an account on GitHub. github.com 기획을 끝내고 오늘부터 코드작업이 시작되었다. No Question 페이지를 오늘 만드는게 목표였다. 퍼블리싱만 하면 되기때문에 얼마 안걸릴 줄 알았다. 하지만 eslint 문법 오류가 계속 생겨서 진행을 거의 못했다. 페이지에 로고 하나만 넣고 끝났다.. eslint 최신 문법 인식 못하는 이슈 null 병합 연산자 '??' 이부분 에러나서 오류 내용 그대로 구글링 해보니까 자바스크립트 최신 문법을 사용할 수 있..
-
코드잇 6주차 위클리 과제 회고코드잇 2024. 1. 3. 12:07
저번 주 까지는 dom을 이용해서 페이지를 구현했다. 이번 주 부터는 리액트를 이용해서 과제를 진행했다. 주요 변경사항 - PC, Tablet, Mobile 디자인에 해당하는 링크 공유 페이지를 만들었다. 배포 링크 Linkbrary astounding-belekoy-b9c33e.netlify.app 피드백 - StrictMode는 뭐고 없앤 이유는 뭔가요? 리액트 강의에서 Strict Mode 사용하지 않고 지워버려서 나도 중요한게 아니라고 생각하고 지워버렸다. 리액트 공식문서를 찾아보니 Strice Mode로 버그를 찾을 수 있다고 해서 다시 추가했다. import { StrictMode } from "react"; root.render( ); Strict Mode는 개발 중에 컴포넌트에서 발생하는 ..