팀 프로젝트
프론트엔드 부트캠프 65일차, 팀 프로젝트(11) 밖에서 공부, 라디오버튼 라이브러리
와서 비타민 타서 (내가 반강제한)건배 하고 어제 올린 깃 적용이 안되어있어서 하나하나 복붙했다. 저기 수정 아이콘이랑 삭제 아이콘 간격 줘야하고 크기 똑같이 맞춰야 한다. 그리고 탈출, 난이도, 평가 있는 거 조금 위로 올리고... 또 그냥 탈출/난이도가 너무 큰 것 같기도 const onClickOpenDeleteModal = () => { Swal.fire({ title: "삭제하시겠습니까?", showCancelButton: true, confirmButtonColor: "#843dca", cancelButtonColor: "#ff6262", confirmButtonText: "네!", cancelButtonText: "고민 좀 하고요.", }).then((result) => { if (resul..
프론트엔드 부트캠프 64일차, 팀 프로젝트(10) 댓글달기
손목이 찌릿하고 아파서 무서워서 손목받침대를 바로 시켰다.,,, 코드 작성해둔게 너무 보기 힘들어서 스킨을 바꿨다. css를 뒤져봤지만 코드 지정된 부분을 못 찾겠었던 기억이 있어서! 그냥 아예 새로 바꿈... (적응안돼~) 기존에 작성해둔 함수가 있긴한데, 이번엔 새로운 걸 배워보기 위해 moment.js를 깔아볼거다!! 날짜 포맷 라이브러리 - moment yarn add moment npm은 npm install moment 쓸 부분에서 {moment()} 라고 쓰니까 글씨색 왜이래 자동으로 import moment from "moment"; import 됐다! moment.js는 오버로드된 getters와 setters를 이용한다고 한다. moment().seconds(30).valueOf() =..
프론트엔드 부트캠프 63일차, 팀 프로젝트(9) 배너에 네비게이션 이름 띄우기
클라우디너리 가입하기 여기서 라이언을 메모해놓는다. 상단바 오른쪽에 아이디가 적혀있는데 이것도 메모 해놓는다. vscode에서 const [createThemegql] = useMutation(CREATE_THEME); const router = useRouter(); const [imgurl, setImgurl] = useState(""); const { register, handleSubmit } = useForm(); const [value, setValue] = useState(0); const onSubmitCreateTheme = async (data) => { try { const result = await createThemegql({ variables: { cafeName: data.ca..
프론트엔드 부트캠프 62일차, 팀 프로젝트(8) - api요청해보기! Next 네비게이션 활성/비활성 표시
지금 문제점 : 모바일에서 보면 main으로 넘어갈 수 있는 방법이 없다... 지금 현재 넘어갈 수 있는 방법은 Enter나 esc누르는 것 밖에 없기 때문이다ㅠㅠ 그리고 모바일에서 hover event... 카드 뒤집기 되는지도 확인해봐야 한다. useEffect(() => { const handleKey = (event: KeyboardEvent) => { if (event.key === "Escape" || event.key === "Enter") { window.removeEventListener("keydown", handleKey); router.push("/home"); } }; const clickKey = (event: MouseEvent) => { console.log(event); }..
프론트엔드 부트캠프 61일차, 팀 프로젝트(7) 글자가 자꾸 부러져, 폰트어썸
신만*님 한 줄로 나오면 좋겠는데 자꾸 도각 부러진다. export const CommentWriter = styled.h3` font-size: 1.1em; white-space: nowrap; `; white-spcae: nowrap; 을 주니까 해결됨! - 물님의 도움이 있었다. - 폰트어썸은 리액트에서 쓰려면 조금 까다로워~~~~ 9월 5일 추가! yarn add @fortawesome/fontawesome-svg-core yarn add @fortawesome/react-fontawesome --save-dev yarn add @fortawesome/free-solid-svg-icons yarn add @fortawesome/free-regular-svg-icons 기본적으로 fontawesom..
프론트엔드 부트캠프 59일차, 팀 프로젝트(6)~~ 1차 점검, 피그마 조금 수정
커뮤니티 등록 피그마를 수정했다. 사진은 2020년 초,,, 내가 지금보다 약 7kg 정도 덜 나갈 때. 했던 마스터키 히로인! (사진 인증사진 찾다가 그냥 내 사진 가져왔다~~~^^...) 리스트는 수정하고 있었는데 이미 코드로 만지고 계셔서 말았다. 커뮤니티 디테일은... 피그마 수정하긴 했는데 아직 모르겠다ㅠㅠ 일단 주말에 각자 파트 다 끝나면 내가 한 번 자잘한 디테일 같은 건 수정해도 된다고 허락받아서 내일부터 조금씩 해볼예정! 그게 잘 끝나면 일요일엔 배포를 시도해보면...좋겠다!!! 오늘은 1차 점검! 속기사처럼 다 받아적었다. 무슨 말이 필요하게 될지 몰라서! 그래서 질문하시는 거에 답 제대로 못했는데 옆에서 짱 잘받아주셔서 🥹 전체적으로 볼륨이 커서 일정관리 걱정된다는 말 + 관리자 페이..
프론트엔드 부트캠프 58일차 팀 프로젝트 (5)-2, 테마 리스트
포스터 예쁜 방탈출 비밀의 모험, 풀문, 광야, 원더리아, 샵보이스, 세렌디피티, 원더리아, 딜레마, 워너고홈, 네드, 달 기억의 조각, 락 페스티벌, 렛츠플레이, 만당길 등 15개 저장해서 배열에 경로를 저장 후 맵으로 뿌렸다. 카드 뒷면도 일러스트레이터에서 그라데이션이랑 투명도를 조절했다. 포스터들이 다채로워지니까 훨씬 눈이 편하다!!! 🐻 프론트엔드 - 각자 맡은 부분(로그인/테마/마이페이지/커뮤니티/매장) 진행 - 메인 페이지 추가(기존의 메인이었던 건 랜딩이 되었다.) 🐻❄️ 백엔드 - api 만들어서 올리는 중 🍚 점심 - 만권화밥 김치돈까스어쩌구? 🍬 간식 - 후레쉬베리, 남은 젤리 ☕️ 커피 - 안 먹음! 🎵 노래 - 들을 시간이 없었다. 👀 비고 - 다음날 1차 점검을 위해서 랜딩 페이..
프론트엔드 부트캠프 57일차, 팀 프로젝트(4) - 반응형 레이아웃, 댓글, footer
더보기 일러스트레이터 예제 문구는 누가 썼을까? 재밌어 떤님이 그려준대로 만든 댓글부분! 마음에 든다~ https://brunch.co.kr/@beusable/232 푸터(Footer) 영역의 UX 데이터 분석하기 푸터(Footer)의 역할과 UX 개선 사례 | 푸터(Footer)란 무엇일까요? 사이트 최하단에 있는 영역으로 보통 저작권 정보나 개인정보처리 방침, 이용약관처럼 정책 페이지 링크를 두는 경우가 많습니다. brunch.co.kr Feature를 열고 해야하는데, develop에서 작업해버렸다... 대피소로 변경된 애들을 옮기고 변경 내용을 취소했다. 그리고 침착하게,,, 깃허브 마일스톤으로 가서 이슈를 올렸다. 이제 git checkout -b Feature#75 (벌써 75?) 여기서 수정..