얼레벌레

[새싹/코딩온] 풀스택 웹 개발자 취업 부트캠프 10주차: 프로젝트 회고 (3)

🌊고민 풀장🌊1️⃣ index.ejs의 레이아웃 구조는 유지하되 디자인은 mypage.ejs랑 좀 더 통일성 있게 바꿨다.포인트 디자인(버튼)은 유지하되 input area랑 바탕색을 다시 정렬했다. 고민 듣기 버튼을 누르면 display= "none", display= "block"을 사용해서 페이지 이동 없이 타인의 고민이 랜덤으로 들어온다. 더보기document.addEventListener("DOMContentLoaded", function () { const refreshButton = document.querySelector(".refresh-button"); const contentArea = document.querySelector(".content-area"); const new..

[새싹/코딩온] 풀스택 웹 개발자 취업 부트캠프 9주차: 프로젝트 회고 (2)

🌊고민 풀장🌊1️⃣ 온도계의 위치가 고민이였다.이미지 자체를 왼쪽에 두자니 전체적으로 모양새가 깨지는 느낌이였다. 이미지 사이즈도 너무 큰건 알겠는데 얼마나 줄여야 할지 감도 안왔다. 생각하다가 사이즈를 확 줄여버리고 header밑에 넣었다. 존재감도 덜 하면서 보기 쉬운 위치를 찾은 것 같아 마음에 들었다. 2️⃣ 사이즈가 안 맞다 싶으면 header에 세로 스크롤바가 생겼다. 이 부분은 overflow: hidden으로 지정된 요소 밖을 벗어나는건 잘리게 해버렸다. .header-wrapper { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-left: calc(-50vw + 50%); overflow: hidden;}...

[새싹/코딩온] 풀스택 웹 개발자 취업 부트캠프 8주차: 프로젝트 회고 (1)

🌊고민 풀장🌊 1️⃣ 첫 번째 프로젝트! 고민을 던지면 랜덤한 한 사용자에게 고민이 날아가고, 고민을 수신한 사용자는 답장을 보낸다. 답장을 본 사용자가 별점으로 답장이 만족스러웠는지 평가하면 평가를 받은 사용자의 온도가 변하도록 시스템을 짰다. 모든 사용자는 익명으로 고민을 쓰고 답장한다. 답장은 한 번만 보낼 수 있고 답장에 대한 답장은 불가능하다. 이미 답장을 받은 고민은 다시 메인 풀(답장이 되지 않은 고민들이 담겨있는)로 돌아가지 않는다! 2️⃣ 프로젝트 주제를 정하고 역할 배분을 하는 데 생각보다 시간이 걸렸다. 와이어프레임을 Figma로 짜는데, 이것저것 수정하다 보니 일주일이라는 시간도 부족하다고 생각했다.🫠