나만의 작은 도서관

오늘 배운 내용 (오늘은 없어요!) 오늘 한 일 오늘은 미니 프로젝트 마지막 날이자 발표 하는 날. 5일간 개발했던 웹 사이트 제작을 마무리하고 마침표를 찍는다. 오전에는 발표 준비 전 노션 문서 최종 정리, 호연님이 만든 발표자료를 확인하였다. 그렇게 오후 2시가 되어 1조부터 발표를 하게 되었고 우리 조인 7조 순서가 왔을 때 호연님이 발표를 하였다. 발표는 성공적으로 마쳤고, 그렇게 미니 프로젝트는 마무리 되었다. 저녁에 진행하는 웹개발 강의를 줌으로 들었다. 프론트 엔드와 백 엔드 개념에 대한 근본적인 내용을 다뤘으며, 각 파트가 어떤 역할을 하는 지에 대해 다루었다. 오늘 하루는? 드디어 마음이 편안해졌다. 마음 속 깊은 곳에 무거운 돌 하나가 있던 기분이었는데 이렇게 발표까지 마무리 하니 날아..

개요 팀원을 소개하는 웹페이지 제작을 목표로 시작한 첫 번째 팀 프로젝트가 끝이 났다. 짧다면 짧은 5일이라는 시간동안 같이 개발을 하며 팀원들과의 개발을 어땠는지, 문제는 없었는지, 어떻게 해결하려고 했는지 KPT방식을 통해 회고해보자. 팀에서의 내 역할: 팀장 https://github.com/pledge24/SA GitHub - pledge24/SAContribute to pledge24/SA development by creating an account on GitHub.github.com Keep - 현재 만족하고 있는 부분 김호연 님팀원 모두가 적극적으로 프로젝트에 참여할 의지가 보였고 팀장을 중심으로 특장점이 빠르게 파악되어 업무분장이 이루어져 개인의 특기를 잘 살린 개발이 되었습니다.이요한..

오늘 배운 내용 BootStrap은 component를 간편하게 가져오는 것 뿐만 아니라 구현된 속성들을 활용할 수 있다는 점에서 활용도가 높은 듯 하다. 오늘 한 일 ERD, rest API 등 작성하지 않았던 내용들을 노션의 팀 페이지에 전부 작성했다. 마우스 호버 시, 움직이는 GIF를 웹페이지 메인 화면에 만들었다. 팀원 상세페이지 html파일에 있는 자바스크립트 코드를 rest API에 맞게 재배치하고 주석을 추가했다. 문제 1: 방문록에 글을 생성하거나 수정할 때 아무것도 넣지 않아도 저장되는 문제 => DB에 저장 시 문자열의 길이에 대한 조건을 걸어 해결 문제 2: 띄어쓰기 뒷부분의 내용들이 방문록에 나타나지 않는 문제 => ${}으로 가져온 값에 쌍따옴표("")로 묶어서 해결 오늘 하루는..

오늘 배운 내용 id와 class속성의 차이점을 알았다. 오늘 한 일 모든 개발이 끝났다. 어렵고 시간이 오래 걸릴 것만 같았던 방명록의 CRUD기능 추가는 생각보다 싱겁게 구현되었다. 기존에 만들어 두었던 Create, Read기능을 제외한 Update, Delete중 Update는 내가, Delete는 요한님이 만들어 주셨다. 오늘 처음으로 CSS를 html 파일에서 분리해보았다. 각오를 다지고 시작했는데 5분만에 끝났다. 윈도우 환경변수 설정하는 짬 어디 안가나보다. 오늘 하루는? 시간에 쫓기지 않아서 그런 지, 팀원들과의 소통도 마음따라 편안하게 하였다. 수시로 하는 짧은 회의와 소통은 정해진 시간의 회의보다 나에게 더 맞는다. 슬슬 9 to 9 스케쥴에 적응이 되는 듯 하다. 그럼에도 아침에 약..

개요id와 class는 와 같은 태그에 들어가는 속성들이다. 이번에는 id와 class가 어떠한 차이가 있는 지 알아보자.속성의 특징태그에 id 또는 class와 같은 속성을 추가하면 해당 태그에만 속성을 지니며, 태그 안의 영역은 같은 속성을 지니지 않는다. 다만, 속성을 가진 태그가 받는 효과는 동일하게 적용된다.id 속성id 속성은 한 문서 내에서 유일한 식별자(identifier)를 가지는 속성이다. 즉, 한 문서 내에서 동일한 id 값은 사용할 수 없다. 예시를 보자.Content 1Content 2Content 1Content 2 첫번째 예시처럼 사용을 한 경우, id를 올바르게 사용한 경우이다. 각 태그가 서로 다른 id를 가지고 있기 때문에 문제가 되지 않는다.  하지만, 두번째 예시처럼 ..

오늘 배운 내용 firebase에서 사용하는 CRUD관련 함수(getDocs, addDoc, updateDoc, deleteDoc)의 활용법을 배웠다. 자바스크립트의 getElementById() 함수의 의미와 활용방법을 배웠다. 오늘 한 일 firebase DB에 존재하는 문서들을 id값을 통해 가져오는 기능을 만들었다. 팀원 소개 웹페이지 소스파일을 Github에 올려 팀원들과 공유하는 작업을 하였다. firebase DB또한 팀원들한테 읽기/쓰기 권한을 부여하였다. DB에 존재하는 문서 데이터를 getDocs를 이용해 웹페이지로 불러오는 데 성공하였다. 오늘 하루는? 살면서 처음으로 팀원들한테 일 분배를 고르게 하였다. 매번 일 분배를 실패해 고생이 이만저만 아니였는데, 이렇게 일 분배가 잘되니 생..