코딩 부트캠프
프론트엔드 부트캠프 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); }..
프론트엔드 부트캠프 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 불꽃놀이 👀 비고 - 배고픔 - 비고의 정확한 뜻은 뭘까 - '문서 따위에서, 그 내용에 참고가 될 만한 사항을 보충하여 적는 것. 또는 그 사항.' 오늘은 와서 거의 로..