나만의 작은 도서관

오늘 배운 내용 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를 이용해 웹페이지로 불러오는 데 성공하였다. 오늘 하루는? 살면서 처음으로 팀원들한테 일 분배를 고르게 하였다. 매번 일 분배를 실패해 고생이 이만저만 아니였는데, 이렇게 일 분배가 잘되니 생..

유의사항: 해당 글은 MySQL 문법을 기반으로 작성된 글입니다. 다른 SQL과 다른 부분이 있을 수 있습니다. 개요 서브쿼리와 조인을 사용해서 좀 더 다양한 테이블 검색이 가능해졌다. 하지만 복잡한 조건에 맞는 테이블 검색을 하기에는 아직 부족해보인다. 여러 기준에 맞는 집계 데이터를 얻고 싶다면? 그룹별로 집계를 내고 싶다면 어떻게 해야할까? 이번에는 복잡한 조건에 맞는 테이블 검색에 도움이 되는 피봇 테이블, 윈도우 함수, 날짜 함수에 대해 알아보자. 피봇 테이블 피봇 테이블(Pivot table)은 2개 이상의 기준으로 데이터를 집계할 때 보기 쉽게 배열하여 보여주는 것을 의미한다. 피봇 테이블 예시 식당 별, 시간별 주문건수 구하기(15시~21시 사이, 20~21시 기준 내림차순 포함) sele..

유의사항: 해당 글은 MySQL 문법을 기반으로 작성된 글입니다. 다른 SQL과 다른 부분이 있을 수 있습니다. 개요 두 개 이상의 테이블을 이용한 쿼리문 작성 방법에는 두 가지 방법이 있다. 첫번째로는 쿼리에 또다른 쿼리를 중첩하여 사용하는 서브쿼리 (SubQuery) , 두번째로는 서로 다른 테이블들을 합쳐 사용하는 조인(JOIN)이 있다. 오늘은 이 2개, 서브쿼리와 조인에 대해 알아보자. 서브쿼리 서브쿼리(SubQuery)는 SQL문 안에 또다른 SQL문이 중첩된 쿼리를 말한다. 가공한 테이블을 다시 한 번 가공해야 할 때 사용한다. 서브쿼리는 쿼리가 어느 절에 들어가느냐에 따라 종류가 달라지는데, 크게 SELECT 서브쿼리, FROM 서브쿼리, WHERE 서브쿼리로 분류한다. 서브쿼리의 종류 명..