전체 글 (41) 썸네일형 리스트형 [JSP] form태그로 데이터 보낼때 한글이 깨질경우 해결법 GET방식으로 데이터를 form태그로 보낼때 한글이 개질 경우가 있습니다. 이럴 경우 Severs폴더에 자신이 설치한 tomcat서버에가서 server.xml을 수정해주면 문제를 해결할 수 있습니다. server.xml파일에 가준 뒤 Connector태그에 가서 아래의 코드를 추가해주면 됩니다. URIEncoding="UTF-8" [bootstrap] 부트스트랩 사용하여 CSS작성 간단하게 하기 https://getbootstrap.com/docs/3.3/ Bootstrap · The world's most popular mobile-first and responsive front-end framework. Preprocessors Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, Less and Sass. Quickly get started with precompiled CSS or build on the source. Full of features With Bootstrap, you get extensive and beau getbootstrap.com 위의 .. [Tomcat] Tomcat 실행시 오류 해결방법('Starting Tomcat v8.0 Server....) Tomcat연결 후 서버실행을 하였는데 이와 같은 에러가 나왔을때 해결법을 소개하겠습니다. 1. 포트번호에서 실행중인 프로세스를 종료시키기 1. 관리자 권한으로 cmd창을 열어서 아래 명령어를 입력합니다. netstat -ano -p tcp 2. 8080포트를 사용하고있는 주소의 PID아이디를 확인 후 아래의 명령어를 입력합니다. taskkill /f /pid 20760 pid값은 각자 다를 것입니다. 2. 포트번호를 변경하기 server의 포트번호를 8080에서 8081로 변경합니다. [MariaDB] 환경변수 설정하기(mariadb는 내부 또는 외부명령,...) MariaDB를 사용하기위해 명령어를 통해 접근하려는데 위와같은 에러 메시지가 나왔습니다. 이는 환경변수설정을 해주지 않아서 생기는 에러이기 때문에 환경변수 설정을 해주어야합니다. 1. 시스템속성의 고급탭에 가기 윈도우 + R키를 눌러서 실행창을 열고 위와같은 명령어를 치면 바로 시스템속성창에 접속할 수 있습니다. 2. 환경변수 -> 시스템 변수(S) -> Path 3. 편집 -> 자신이 설치한 mariadb의 bin폴더 경로 입력후 확인 잘 접속된것을 알 수 있습니다. [Hosting] cafe24사이트로 호스팅하기 내가 만든 포트폴리오를 웹사이트에 올리기 위해 여러 호스팅 사이트를 찾아보다 java, jsp, mariadb, tomcat서브를 지원해주는 cafe24를 이용하기로 했습니다. https://www.cafe24.com/ 가격도 설치비 포함해서 28,760원으로 나쁘지 않습니다. 주의할 점은 cafe24에서 지원해주는 서버환경으로 설정해주어야 한다는 점입니다. 서버환경설정 Tomcat 8.0.x JSP 2.3 Servlet 3.1 OpenJDK 1.8 MariaDB 10.1.x UTF-8 1. 톰캣 다운로드 https://tomcat.apache.org/download-80.cgi 2. mariaDB다운로드 https://mariadb.org/download/?t=mariadb&o=true&p=mariad.. [CSS] CSS로 네비게이션 롤오버 홈페이지에 들어가면 다양한 메뉴를 보여주는 네비게이션바가 있습니다. 위와 같이 너무 많은 메뉴가 있을 경우에는 아래쪽의 리스트들은 접었다가 폈다하는 롤오버기능을 통해 사이트의 공간을 효율적으로 사용할 수 있습니다. 저는 3가지 정도의 유형에 대해서 css만사용해서 코딩을 해보겠습니다. 기본 세팅 리스트1 안쪽리스트1 안쪽리스트2 안쪽리스트3 리스트2 안쪽리스트1 안쪽리스트2 안쪽리스트3 리스트3 안쪽리스트1 안쪽리스트2 안쪽리스트3 리스트4 안쪽리스트1 안쪽리스트2 안쪽리스트3 리스트5 안쪽리스트1 안쪽리스트2 안쪽리스트3 먼저 예시로 보여준 네비게이션바의 기본 소스코드입니다. 여기서 소스코드를 추가해서 다양한 유형의 롤오버 기능을 완성 시켜보겠습니다. 1. gnb전체가 내려오기 버전1 #gnb { wi.. [GitHub] Git설치부터 GitHub 원격저장소에 커밋올리고 내려받기 Git 설치 & 환경설정 1. Git 설치하기 : https://git-scm.com/ 2. 유저이름 설정 git config --global user.name "your_name" 3. 유저 이메일 설정하기 git config --global user.email "your_email" 4. 정보 확인하기 git config --list 로컬저장소에서 커밋관리하기 1. 초기화 git init 2. 추가할 파일 더하기 git add (옵션) . : 모든파일을 선택 (파일이름) : 선택한 파일만 선택 3. 상태확인 git status 4. 히스토리 만들기 git commit -m "(아무거나 적고싶은거)" 5. 커밋확인하기 git log 6. checkout하기 checkout이란 원하는 지점으로 파일을 되.. [CSS] 박스 모델 콘텐츠 영역 padding margin border 박스 모델은 상하좌우 4개의 방향에 있어서 margin, padding 등을 지정할 때 다양한 방법으로 적용할 수 있습니다. 4개의 방향에 대한 값을 작성할 때 순서를 잘기억해 두어야합니다. 순서 : top -> right -> bottom -> left 1. 콘텐츠 영역 컨텐츠 영역의 크기를 지정하는 방법은 다양한 방법을 사용하는데(px, pt, vh, vw, em, rem) 등의 여러 단위를 사용해서 크기를 지정합니다. 그런데 만약 width: 100px, height: 100px를 적용했다고 생각해봅시다. 여기서 padding: 100px를 적용하면 어떻게 될까요? width:100px, height:100px를 적용했지만 padding으로 인해 .. 이전 1 2 3 4 5 6 다음