HTML 8

슈퍼I들 KPT 회고

(박용현, 이상휘, 이진욱, 정효진, 조정현) K: 현재 만족하고 있는 부분, 계속 이어갔으면 하는 부분 각자 먼저 만들어 보기  현재 저희가 목표로 했던 기능에 대한 구현을 마쳤기 때문에 만들어진 결과물에 대한 반하는 의견 없이 모두들 만족하고 있습니다. 만약 추가를 한다고 하면은 개인이 만든 프로젝트들에 대해서 리뷰를 통해 부족한 부분들을 서로 채워나갈 수 있을 것 같습니다. P: 불만/불편하게 느끼는 부분, 개선이 필요하다고 생각되는 부분 이미 html을 공부했던 사람들을 제외하고 처음 접한 사람들한테는 어떤 목표를 가지고 해야할지 명확하지 않은 부분이 있어 프로젝트에 대한 방향성이 결국 앞선 선배님들이 한 프로젝트를 비슷하게 만들거나 거기에 기능 한두개 추가하는 경우가 대부분이었던 것이 아쉬웠습니..

HTML 2024.08.09

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

오늘은 프로젝트 마지막 하는 날로 회원가입 후 로그인을 하는 것을 firebase를 연동해 해봤습니다.이 부분은 3탄에서 적은 것처럼 개발자 문서를 읽으면서 하니까 쉽게 해결이 되었습니다. 하지만 여기서 div와 form의 차이를 알아야할 때가 왔었습니다.HTML에서 form은 HTML의 일반 요소와 큰 차이점을 사용방법이 아닌 쓰임새에 있습니다.form은 단순한 요소가 아니라 사용자(클라이언트)와 웹 서버가 서로 통신하는 기술 중 하나 입니다.즉, form은 HTML을 작성할 때 주로 사용자에게 정보를 입력받거나 전달받기 위해 사용되는 요소입니다.여기서 form에 기입된 값은 submit 이벤트가 발생하면, 정의된 method 유형으로 action 목적지에 전송이됩니다.여기서 전송된 데이터는 웹 서버에..

HTML 2024.08.08

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