코드캠프

프론트엔드 부트캠프 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); }..

[roominus] 팀 프로젝트 1주차 - 주차별 회고(1)

공식적인 첫 일주일이 끝나간다! 매일 썼어서 그런가 일주일 회고라고 하기엔 좀 민망하지만..! 퍼블리싱은 90% 정도는 된 것 같고, 나머지 반응형으로 만들기.. + 피드백 후 생긴 추가 회원가입 등이 작업되고 있다. 내일부터 기능도 들어갈 것 같고~~~ 문제 없는데... 문제가 있다면 내 상태가 금요일 저녁부터 별로 좋지 않다는 것... 금요일 저녁에 진짜 난... 달걀과 육포를 먹었다고~(체력이 20% 정도 찰 것 같다고 누군가 그랬다...ㅎ) 근데 왜 체해? 아무튼 그 뒤로 아픈건 아닌데 몸이 감기 몸살 걸린 것 같이 조금 으슬댄다고 해야하나. 그래도 학원와서 하니까 집보단 잘된다! 아무튼 내일부턴 진짜 또 열심히 해야하는데 몸이 안 따라줄까봐 걱정!!! 나 체력 왜케 좋은가 했더니 주말에 이렇게 ..

프론트엔드 부트캠프 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?) 여기서 수정..

프론트엔드 부트캠프 56일차, 팀 프로젝트(3) - 정해진 레이아웃 안에서 100vw를 쓰고 싶어!!!

https://www.wake-up-neo.com/ko/css/css%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%EC%9E%90%EC%8B%9D-div%EC%9D%98-%EB%84%88%EB%B9%84%EB%A5%BC-%EB%B6%80%EB%AA%A8-div%EB%B3%B4%EB%8B%A4-%EB%84%93%EA%B2%8C-%EB%A7%8C%EB%93%9C%EB%8A%94-%EB%B0%A9%EB%B2%95%EC%9D%B4-%EC%9E%88%EC%8A%B5%EB%8B%88%EA%B9%8C/971213954/ css — CSS를 사용하여 자식 DIV의 너비를 부모 DIV보다 넓게 만드는 방법이 있습니까? Nils Kaspersson의 솔루션에 추가하여 세로 스크롤 막..

프론트엔드 부트캠프 55일차, 팀프로젝트(2)

🐻 프론트엔드 - figma(80% 정도) - 서비스명 변경 - 로고 디자인 - 반응형 레이아웃 작업 - 노션 꾸미기 🐻‍❄️ 백엔드 - api 기능명세서 (세부 내용은 몰라서 못 쓴다...) 🍚 점심 - 윤쉐프(12시엔 사람이 바글바글하다! 다음에 가면 라면을 꼭 먹을 것이다...) 🍬 간식 - 젤리를 사가야 할 필요성을 느꼈다. 2015년 이후 첫 젤리 충전...! - 실버햅언니가 줬던 레몬맛 콤부차 ☕️ 커피 - 시럽 넣어서 따뜻하게 먹었다... 입맛이 이렇게 변하나? 🎵 노래 - X - 집 Sweet Dreams, My Dear 불꽃놀이 👀 비고 - 배고픔 - 비고의 정확한 뜻은 뭘까 - '문서 따위에서, 그 내용에 참고가 될 만한 사항을 보충하여 적는 것. 또는 그 사항.' 오늘은 와서 거의 로..

프론트엔드 부트캠프 54일차, 팀 프로젝트(1)

화요일 저녁에 팀이 발표됐고, 수요일날 첫 만남부터 그 다음날 주제 정하기... 등 여러번 회의를 거쳤다. 특히 프론트단 안에선 회의를 꽤 많이 했다. 와이어프레임, 플로우차트 전에 기획부분에서 은근히 정해야할 게 많았다. 와이어 프레임은 따로 기획자분에게 맡겼고, 그거랑 회의했던 걸 토대로 플로우 차트를 짰다. 처음이라 재밌기도 했지만 어렵다는 느낌이 더 강했다. 그리고 이제 피그마에 작업을 해야했는데, 피그마 작업을 위해서 또 디자이너 분을 구해야 했다. 내가 피그마를 다루니 그저 조금 복잡해진 파워포인트였다... 이외로 깃, 보일러 플레이트, 파일/변수명 정하는 규칙 등 세세한 걸 정해야했다. 깃은 따로 레파지토리를 만들어서 연습해보기도 했다. 변수명 정하는 규칙은 camel케이스, 파일명 등은 P..