전체 글 (163) 썸네일형 리스트형 [JS] 스크롤 내리면 나타나는 navBar(메뉴바) 구현 페이지가 길다면 메뉴바는 있어야 한다. 메뉴바가 없다면 header가 있는 곳까지 다시 오는건 비효율적이라고 생각하기 때문이다. 그래서 스크롤 시 상단에 메뉴바가 나타나게 구현해야 한다. 메뉴바를 고정시키면 되지 않냐고? header가 작은 페이지는 별로 없는 것 같은데 페이지를 내릴 때마다 header가 딸려 온다면 그만큼 다른 내용이 보이지 않기 때문에 이것도 비효율적이다. 그래서 나타나게 할 메뉴바는 최대한 필요한 것들만 모이고 크기를 차지 않게 만들어야한다. 처음에는 엄청 어려울 줄 알았는데 검색해서 이해한 결과로는 누구나 가능하다. 필요한 태그 목록이다. 헤더 나타날 메뉴바 본문 이런 형태를 가지기만 하면 되기 때문에 자신의 페이지에 맞게 커스터마이징하면 된다. navBar를 안 보이는 영역에 .. [CSS] 단락 높이를 화면에 꽉 맞게 지정하기 보통 화면에 꽉 맞는 높이를 지정하기 위해서는 100%를 자주 쓴다. 하지만 기괴하게도 100%로 선언하면 내가 원하는대로 안 되는 경우가 많다. 그렇다고 px 값을 지정해서 준다면 화면 크기가 바뀌었을 때 스크롤만 무한히 내려갈 것이다. 그러면 어떻게 %가 아닌 고정값으로 화면에 맞게 높이를 지정하는가? 아래 코드를 사용하면 쉽게 구현할 수 있다. /* 배경 이미지 */ body { height: 100vh; background-image: url('path'); background-repeat: no-repeat; background-size: cover; } /* 단락 */ div { width: 100%; height: 100vh; } heigth에 100vh를 지정해주면 된다. [Server] Ubuntu 20.04에서 Spring Boot 배포하기 (2) - Tomcat9 기본적으로 필요한 프로그램을 Setup하는 방법은 아래의 글로 가서 설치하고 오길 바람 2021.06.07 - [리뷰/Server] - [Server] Ubuntu 20.04에서 Spring Boot 배포하기 (1) - Setup [Server] Ubuntu 20.04에서 Spring Boot 배포하기 (1) - Setup 환경 Ubuntu 20.04 LTS(카페24 가성 서버 호스팅 자이언트) Spring Boot Maven OpenJDK 11 MySQL 8.0 Apache2 Tomcat9 (선택) Putty FileZilla Ubuntu 20.04에서 Spring Boot를 배포하기 전에 필요한 프로그램들을.. developnote.tistory.com 오늘은 Tomcat9 서버 설정을 해보자 배포하.. [Server] Ubuntu 20.04에서 Spring Boot 배포하기 (1) - Setup 환경 Ubuntu 20.04 LTS(카페24 가성 서버 호스팅 자이언트) Spring Boot Maven OpenJDK 11 MySQL 8.0 Apache2 Tomcat9 (선택) Putty FileZilla Ubuntu 20.04에서 Spring Boot를 배포하기 전에 필요한 프로그램들을 설치하자 일단 모든 프로그램을 최선 버전으로 만들어줘야 한다. $ apt update $ apt upgrade 우선 첫번째로 JDK를 설치해주자 $ apt list openjdk-11* $ apt install openjdk-11* # 버전 확인 $ java -version $ javac -version list를 통해 프로그램이 무엇이 있는지 검색한 후에 openjdk-11*으로 추출되는 모든 프로그램을 설치한다... [vim] vi, vim 전체 선택, 전체 복사, 전체 삭제 Ubuntu 20.04 LTS 버전에서 git을 사용하고 있는데 editor가 마음에 들지 않는다. 윈도우 PC에서는 Notepad++를 이용하고 있지만, Ubuntu랑 Macbook에서는 vim 에디터를 사용하고 있다. 나는 commit 할 때 주석 처리된 부분을 다 지우고 push하는데 터미널에서 전체 삭제하기가 굉장히 까다로워 구글링을 했다. 전체 선택, 전체 복사, 전체 삭제 등의 명령어는 아래와 같다. /* 전체 선택 */ shift + v + g /* 영역 드래그 된 상태에서 */ /* 전체 삭제 */ d /* 전체 복사 */ y /* 한줄만 삭제 */ dd /* 맨 위 첫줄로 이동 */ gg [Eclipse/Issue] 이클립스 패키지 형태가 이상하게 뜰 경우 문제 화면 우분투에서 이클립스를 깔고 기존에 작업하던 파일을 가져와보니 위와 같이 이상한 형태로 패키지 에러가 뜬다. 그래도 해결하는 방법은 간단해서 좋았다. 1. [프로젝트 속성] -> [Java Build Path] -> [Source] Tab -> 해당 소스 파일을 확장시키면 Excluded라는 속성을 클릭 -> [Edit] Btn 클릭 그럼 위와 같은 창이 뜹니다. 2. Exclusion patterns:의 Add를 클릭 위와 같은 창이 뜨고 pattern을 **로 주면 끝. (*소스 폴더에서 제외할 파일 패턴을 지정하는 것인데 모두 제외 시킬 수 있게 **를 지정) 3. Apply로 적용시키면 정상적으로 작동한다. [MySQL] MySQL 사용자 추가 및 권한 추가 MySQL 사용자를 추가하는 방법과 사용자에게 권한을 추가하는 방법을 알아보자 MySQL 접속 후 현재 사용자 리스트를 확인해보자 -- 접속 $ mysql -u root -p -- DB 포커싱 mysql> use mysql; -- 테이블 보기 mysql> select user, host from user; 사용자 추가 -- id: 원하는 유저명, 'password'는 String으로 mysql> CREATE USER id@localhost IDENTIFIED BY 'password'; 사용자 권한 추가 -- 전체 DB에 전체 권한 추가 GRANT ALL ON *.* TO id@localhost; -- 전체 DB에 대한 select, insert 권한 추가 GRANT SELECT, INSERT ON *.*.. [MySQL/Issue] 패스워드 정책 위반 에러 (ERROR 1819) 에러명>> ERROR 1819 (HY000): Your password does not satisfy the current policy requirements 패스워드 정책 위반 시 발생하는 에러명이다. 현재 자신의 MySQL에 적용된 패스워드 정책 보기>> mysql> SHOW VARIABLES LIKE 'validate_password%'; 위 명령어의 출력값으로 패스워드 정책 TABLE이 출력된다. 정책 해석 validate_password.check_user_name 패스워드에 user_id가 들어가는가? { ON: 불가능, OFF: 가능 } validate_password.length 패스워드 길이 >= value validate_password.mixed_case_count 패스워드 안 대소문.. 이전 1 ··· 14 15 16 17 18 19 20 21 다음
