전체 글14 [Navigation Drawer] 1264px에서 자동으로 접히는 문제 Mobile-Breakpoint kdg99.link 위는 Vue랑 포트폴리오 연습용으로 만든 웹서버인데 메뉴가 적당한 크기에서 알아서 접히는 구조다. 지인에게 보여주려고 모바일로 접속하고 보니 사이드메뉴가 접혀서 보이지 않았다. 그래서 접힌 메뉴를 열 수 있는 버튼을 만들어주고, 원하는 크기에서 메뉴가 자동으로 접힐 수 있도록 했다. MainPageView에 표시될 MainPageComponent의 템플릿 구조로 헤더(app bar) + 메뉴(nav drawer) + 메인(v-card)로 이뤄져 있다. 일단 헤더에 버튼을 추가해주기 위해 Navigation drawer 항목에서 메뉴 버튼을 가져와서 이벤트를 붙여 줬다. drawer 변수를 MainPage에 둘 것이기 때문에 $emit을 이용해 부모 컴포넌트에 이벤트를 발생시키고 Mai.. 2023. 6. 9. [DB] 트랜잭션 트랜잭션 - 데이터베이스의 상태를 변화시키기 위해 수행하는 작업의 최소 단위 상태변화 - SQL 질의어를 통해 DB에 접근하는 것 ACID 특징 원자성(Atomicity) - 트랜잭션 DB에 전부 반영되거나, 전부 반영되지 않아야 한다. 일관성(Consistency) - 트랜잭션 수행 후에도 DB의 규칙은 유지되어야 한다. 즉, 일관성을 깨는 데이터는 받을 수 없다. 독립성(Isolation) - 트랜잭션이 완료될 때까지 다른 트랜잭션이 간섭하거나 그 트랜잭션의 결과를 참조할 수 없다. 지속성(Durability) - 트랜잭션이 성공적으로 완료되면 그 결과는 영구적으로 반영되어야 한다. 커밋(Commit)과 롤백(Rollback) Commit - 하나의 트랜잭션이 성공적으로 끝났고, DB가 일관성 있는 .. 2023. 6. 7. [MySQL] 권한 부여 //MySQL 접속 mysql -u root -p //DB 생성 use mysql; //User 조회 select user, host from user; //User 생성 create user '사용자명'@'host' identified by '비밀번호'; /* host옵션 localhost 내부접근 % 모든 외부 접근 xxx.xxx.% 특정ip대역 */ //권한 부여 grant all privileges on DB이름.* to '사용자'@'host'; flush privileges; 2023. 6. 7. 블로그 카테고리, 글 제목 변경 저번에 이어서 카테고리의 공지사항 분리 및 글 보기의 타이틀을 바꿔주려고 한다. 본문에 테두리를 만들어 넣어줬는데 글 보기를 눌러보니 아래와 같았다. 이게 좋아서 북클럽 스킨을 적용했던 거였는데 테두리를 만들고 나니 혼자 위에 있는게 너무 어색해서 제목 부분도 테두리 안에 넣어주기로 했다. 기존코드는 제목 부분이 absolute로 상단 메뉴바 밑에 top: -1로 고정되고, 본문 내부에 height만큼 패딩을 주는 식으로 되어 있었다. 따라서 패딩을 지우고, top값을 적절히 수정해 테두리와 적당히 떨어뜨려 줬다. 그럼 대략 이런식이 될 텐데 이것도 사진을 잘 고르면 예쁘겠지만 매번 사진을 선별할 수는 없으니 카테고리 부분이 본문 옆에 있길 바랬다. 따라서 카테고리 부분까지 수정해주었다 (HTML부분에서.. 2023. 5. 26. 이전 1 2 3 4 다음
