전체 글 63

TeamPage 프로젝트 하면서 다시 한번 알게 된 점 - 3

오늘은 저번시간에 말한 것처럼 데이터베이스에 값을 넣고 빼는 기능을 넣어봤습니다.데이터 값을 빼고 넣던 와중에 지금까지 부트스트랩으로 컴포넌트를 가져와서 크기를 조절하고 부모 자식 크기 생각 안하고 그때마다 값을 맞추던 것에 대한 반동을 오늘 받았습니다.일단 당장에는 문제가 없겠지만 중요작업이었다면 처음부터 다시 하나하나 구현을 해야하는 정도였습니다. 오늘 첫번째로 데이터베이스에 데이터를 저장하는 방식을 다시 한번 복기하기 위해서 예전 웹개발 초급 강의를 다시 확인했습니다.파이어베이스에 들어가서 새로운 프로젝트를 만들고 SDK를 복사해서 넣어줘야하는데 이때 까지만해도 import가 뭐에 쓰이는 거였는지 또한 const firebaseConfig = { } 이 부분에 대해서 이해를 하지 못하고 썼습니다.하..

HTML 2024.08.07

TeamPage 프로젝트 하면서 다시 한번 알게 된 점 - 2

오늘 프로젝트를 진행하면서 CSS의 style에 대해서 생각을 해보는 계기가 되었습니다.style에서 가장 많이 쓰게 된 것은 margin이라는 것이었는데 이것과 padding이 헷갈린 경우가 많았습니다.padding은 해당 요소의 내부 여백을 조절하는 것이고margin은 해당 요소의 외부 여백을 조절한다는 것을 확실하게 알게되었습니다.또한 div를 두줄로 썼을 때 자동으로 줄 바꿈이 되어 세로로 나누어 지는 것을 nav로 감싸거나 div로 감싼 후 display: inline-block을 하면 가로로 나타내어 준 다는 것을 알게 되었습니다.여기서 또한 float : left와 float : right 의 쓰임에 대해서 알게 되었는데 float은 둥둥 뜬다라는 뜻으로 받아드린다음 만약에 컨테이너 안에 사..

HTML 2024.08.06

TeamPage 프로젝트 하면서 다시 한번 알게 된 점

프로젝트를 진행하기에 앞서 첫번째로 프로젝트를 계획하고 그것을 와어프레임을 만드는 시간 동안 이걸 과연 해낼 수 있을까? 하는 걱정이 앞서고 있었습니다.하지만 걱정을 할 시간에 튜터님에게 여러가지 이야기를 통해 방향성을 잡았고 그렇게 밑의 사진처럼 팀원들의 의견을 받아 draw.io를 통해 대략적으로 만들 수 있게 되었습니다.또한, API 명세서를 작성하였는데 아직 정확하게 어떻게 작성하는지는 모르지만 앞선 선배님들이 작성한 것을 토대로 작성을 계속 진행하였고 나중에 하나하나 수정해 나가기로 팀원들과 이야기를 끝냈습니다. 일단 저의 목표는 첫번째로 데이터베이스 생각 하지 않고 겉모습 구현부터 해결하고 그 다음에 데이터베이스와 어떻게 연동할지를 생각하기로 했기 때문에 첫번째로 우리가 만들 홈페이지의 첫 화..

HTML 2024.08.05