목록스파르타코딩클럽 내일배움캠프/TIL (93)
Just Do IT!
오늘 일과 간단 요약 오전 스크럼 검색창 UI 수정 목업 이미지 제작 og 태그 이미지 제작 메타 태그 추가 dev 브랜치 재배포 및 유저 피드백 구글폼 작성 검색창 UI 완료 어제에 이어서 디자이너님이 디자인해주신 대로 UI를 아예 바꿨다. 어제는 어떤 식으로 해야 하나 감이 안 잡혔는데 하나씩 고치면서 하다 보니까 그래도 그대로 잘 나올 수 있어서 다행이다. 디자이너님이 디자인 해주신 페이지에는 검색 버튼이 없는데, 이게 추가로 생겨서 이것만 아래에 추가해주고 나서 UI 수정을 완료했다. 어제 반응형까지는 해둬서 모바일 버전에서 어떤 식으로 보이는지 체크만 했다. 나중에 최종으로 배포해보고 다시 수정할 수도 있지만...우선은 만족스럽게(?) 마무리되었다 ㅋㅋㅋ 이런 식으로 조금 더 깔끔하게 바뀌었다...
오늘 일과 간단 요약 오전 스크럼 이력서 특강 검색페이지 검색Box UI 수정 오후 스크럼 (Sentry 알게 됨) 이력서 특강 오전에 잠깐 이력서 특강을 들었는데, 이제서야 뭔가 내배캠 수료가 실감이 난다. 슬슬 이력서와 포토폴리오를 정리할 때가 되는 것 같아서 최종 프로젝트 하면서 짬짬히 이력서를 작성해봐야 할 것 같다. 특강 내용을 다시 복기하고 싶은데 아직 올라오지 않아서 주말에 올라오면 다시 볼 예정이다. 못해도 수료 전에 큰 틀은 만들어두고 싶어. 어제 쉬는 날이라서 프로젝트 조금 하다가 포토폴리오 뼈대만 만들어봤는데, 포토폴리오를 만들어보기 위해 이전 프로젝트를 복습해보니 그래도 내배캠에서 많이 배웠다는 생각이 든다. 오늘 너무 정신없어서 지금은 이력서 특강과 관련해 생각나는게 없는데......
오늘 일과 간단 요약 오전 스크럼 SNS 공유 버튼 UI 수정 amplitude 강의 듣기 top 버튼 수정 global css 파일 생성 SNS 공유 버튼 UI 수정 어제 기능을 만들어뒀던 버튼들 UI를 수정했다. 희현님이 좋아요랑 댓글 아이콘을 한 줄에 넣어주셔서 그 줄 왼쪽 부분에 SNS 공유 버튼을 넣고 조금씩 수정했는데, 솔직히 말해서 나는 CSS가 기능 구현보다 어려운 것 같다...ㅎ div로 감싸던지 아니면 따로 빼던지, 그리고 간격은 얼마나 줘야 하는지 나란히 정렬하려면 어떤 식으로 해야 하는지 등등...따져야 할 게 너무 많아서 그런가 오히려 CSS 하는 게 더 어렵다. 그래서 오늘도 기능 구현하는 것보다 UI 구현하는 데 시간이 더 오래 걸렸다... 이게 수정된 UI. 공유하기 저 멘트..
오늘 일과 간단 요약 오전 스크럼 (기술면접 질문 답변 정리) SNS 공유 기능 오후 스크럼 면접 질문 튜터님과 진행 SNS 공유 기능 필수 기능은 아니었지만, 코스 페이지를 만든 만큼 SNS 공유하는 기능을 넣고 싶어서 후반 작업의 첫 번째로 정했다. 검색해보니까 라이브러리 설치하고, 생각보다는 간단하게 될 것 같아서 오늘 하루 내에 전부 구현할 수 있었다. 내가 구현한 공유는 facebook, twitter, 웹 링크 복사, 그리고 카카오톡으로 보내기이다. facebook이랑 twitter는 아예 공통된 라이브러리를 다운받아서 했고, 웹 링크 복사도 라이브러리가 있어서 설치 후에 바로 넣었다. 생각보다 오래 걸렸던 건 카카오톡으로 보내기인데, 뭔가 제대로 되는 듯 싶으면서 계속 안되고....ㅋㅋ 여튼..
오늘 일과 간단 요약 오전 스크럼 깃허브 README 작성 중간 발표 중간 발표 회고 다면 평가 깃허브 README 작성 오늘은 중간 발표날이기 때문에 오전에는 딱히 뭘 해야 하지는 않았고 깃허브 리드미 작성을 맡아서 했다. 이번에는 이전 프로젝트와 조금 다른 형식으로 작성했다. 기존에는 프로젝트 진행한 날짜와 기획 의도, 페이지마다 구현한 기능, 그리고 실제 배포한 페이지 캡처본을 넣었었는데 조금 많이 달라졌다. 우선 기획 의도와 프로젝트에 참여한 우리 조원 모두의 깃허브 링크와 블로그 링크를 추가했다. 다른 프로젝트들을 보니까 프로젝트를 참여한 사람들의 깃허브, 블로그 주소를 첨부해서 이 사람이 어떤 사람인지 들어가서 볼수 있게 해놓은 곳이 많았다. 사실 누가 참여했는지 알아야 하니까, 넣어주는 게 ..
오늘 일과 간단 요약 오전 스크럼 검색 페이지 pagenation 구현 버그 테스트 vercel로 배포 발표 자료 준비 검색 페이지 pagenation 구현 오전 스크럼 후에 검색 페이지의 pagenation을 구현하는 걸 맡아서 했다. 사실 희현님이 이미 구현해 놓으신 코드를 search 페이지에 적용하기만 해서 코드만 공부해서 빠른 시간ㄴ 내에 구현할 수 있었다. const [currentPage, setCurrentPage] = useState(1); const [postsPerPage] = useState(12); const { isLoading, isError, error } = useGetCourseQuery(); const lastPostIndex = currentPage * postsPer..