목록분류 전체보기 (158)
HYEWON JUNG의 개발일지
조별 발표를 하고 피드백을 간단하게 주신것을 들었는데 부족한 부분을 채워나갈 수 있으면 많은 성장을 하게 되는걸까 기대해본다. 우리조의 kpt는 이렇다. problem중에 내가 개선해야 할 점을 표시하고 다음 조에서 명심해야겠다. Keep - 현재 만족하고 있는 부분 작업브랜치 분리 후 dev 브랜치에 pull request 줘서 merge하는 걸 처음 했는데 변경사항과 진행상황이 뚜렷하게 보여서 좋다. 기능별로 브랜치를 나누어 작업하고 pr만들고 코드 리뷰 후 머지하는 작업이 이제는 습관화 된거같다. 기능 문제나 오류가 발생하면 팀원들이 적극적으로 도와주셔서 많은 도움이 되었다. VScode 익스텐션 공유를 해주셔서 도움 되는 익스텐션을 많이 알게 되었음 조원들이 웃음이 많아서 좋아요 역시 리액트라 리..
Math.abs() 절대값 반환 리턴값이 0또는 양수면 그대로 리턴값이 음수면 반대값인 양수로 반환한다. function mathAbs(a, b) { return Math.abs(a - b); } function origin(a, b) { return a - b; } console.log("Abs=>", mathAbs(2, 5)); //3 원래 -3이지만 3으로 반환 console.log("origin=>", origin(2, 5)); //-3 console.log("Abs2=>", mathAbs(5, 2)); //3 console.log("origin2=>", origin(5, 2)); //3 3 그래도 반환 function one(x) { return Math.abs(x); } console.log(..
목표 tag 필터 적용하기 검색 기능 구현 하기 새로 알게 된것/ 오늘의 코드 우선 지금까지 구현 한 전체! 메인 화면 = 나 레이아웃 , 상세페이지, login , 회원가입 등 = 경열님 글쓰기 페이지 = 건우님 마이페이지 프로필 = 하빈님 마이페이지 포스트 = 형준님 원래는 메인과 상세페이지를 맡았는데 경열님이 맡으신 부분을 다 하셨다고 상세페이지를 하시겠다고 하셨다. 그래서 어쩌다 보니 생각보다 적은 부분을 맡게 되었는데 내가 맡은 부분이라도 잘 구현해야겠다고 생각했다. 우리가 웃기게도 피그마로 와이어프레임을 짜고 역할을 분담했는데 와이어프레임구현은 메인 화면 = 형준님 login = 경열님 글쓰기 페이지, 디테일 = 건우님 회원가입 = 하빈님 마이페이지 = 나 이렇게 해놓고 역할을 사다리 게임해서..
목표 Home 기능 구현 새로 알게 된것/ 오늘의 코드 const tagFiltered = news.filter((n) => { if (tag == "#전체") { return news; } else { const filter = n.tag_name_list.filter((item) => tag.includes(item)); return tag.includes(...filter); } }); 데이터 베이스 사용이 서툴러서 최대한 줄이고 싶은 마음이다. 그래서 이미 끌어온 news feed데이터 베이스만 가지고 굴리고 싶다고 생각했다. 그래서 컴포넌트를 조금 합쳤다. 이렇게 합쳤는데 생각해보니 NewsList에서 props로 내려주면 될 것 같기도 하다. 서치기능에도 필요할 것 같으니.. props를 내려..
목표 UI구성 파이어베이스 연결 READ 구현 새로 알게 된것/ 오늘의 코드 overflow : scroll 시 스크롤바 지우기 나는 옆으로는 필요없고 위아래로만 필요해서 overflow-y 로 했는데 옆에 생기는 스크롤바가 너무 못생겨서 없애기 위해서 구글링을 해봤다. overflow-y: scroll; &::-webkit-scrollbar { display: none; } styled components 에서는 css안에 중첩해서 사용할 수 있기 때문에 필요한 부분에 추가하면 된다. 그리고 전역에 하려면 body 스타일에 넣으면 된다. 파이어베이스에서 READ 구현 코드 import { collection, getDocs } from "firebase/firestore"; import { useEff..