전체 글45

• 

  Tomcat startup.bat 한글 깨짐 startup.bat 콘솔창 한글 깨짐 발생 해결 방법 #1콘솔창 현재 코드 페이지 확인- startup.bat 창에서 오른쪽 마우스 클릭 > 속성 Code Page 949한국어판 Microsoft Windows의 기본 코드 페이지로, 한글 인코딩의 한 종류이며 EUC-KR의 확장형이다. 해결 방법 #2레지스트리 편집기 > HKEY_CURRENT_USER > Tomcat > Codepage 값 데이터 65001(10진수)로변경- Code Page 65001 (= UTF-8)로 변경가장 많이 사용되는 가변 길이 유니코드 인코딩 tip. 레지스트리 편집기 실행 regedit #정상 출력 확인 참고 사이트- 위키백과- lovekod2hj님 블로그- 서비님 블로그 Spring 2019. 2. 13.

• 

  Git 설치와 설정 Git 다운로드 공식 사이트https://git-scm.com/ Downloads 2.20.1 for Windows 클릭- 현재 접속 중인 컴퓨터의 운영체제가 무엇이냐에 따라서 자동으로 변경 설치- 대부분 기본 설정으로 진행 설치화면 - 1 ( 라이선스 정보 ) 설치화면 - 2 ( 설치 경로 설정 ) 설치화면 - 3 ( 컴포넌트 옵션 선택 ) 설치화면 - 4 ( 시작 메뉴 폴더 이름 설정) 설치화면 - 5 (기본 에디터 설정) 설치화면 - 6 ( 환경변수 설정 )◎ 환경 변수 변경하지 않고 Git은 오직 Git bash 커맨드 라인 도구에서만 실행◎ 윈도우 커맨트 프롬프트에 Git을 실행할 수 있는 최소한의 내용을 환경 변수에 추가해 설치◎ Git과 부수적인 UNIX 도구들을 모두 윈도우 환경 변수에 추.. Git 2019. 2. 11.

• 

  Clearfix Hack과 flow-root float 이미지와 텍스트를 같은 선상에 배치하기 위해 사용하는 속성 float 미적용 화면 ▼ float만 적용한 화면 ▼ - 부모 요소는 자식 요소가 float 되면 해당 요소의 height를 알지 못하게 된다. 즉, float 요소는 공중에 뜨게 된다. 단, body는 float된 요소의 height 값을 인지하고 있다. (브라우저 창의 크기를 줄이면 float 요소의 height가 다 보일 수 있도록 스크롤바가 생성됨.) 스크롤바 생성 화면 ▼ float - clearfix hack 적용 화면 ▼ Clearfix Hack 부모 요소가 자식 요소의 height를 인지하지 못해 자식 요소를 감싸지 못하는 문제를 해결하는 방법 1. 가상 요소 ::after 사용하기 1 2 3 4 5 6 7 8 9 10.. CSS 2019. 1. 29.

• Font Awesome (버전 4와 버전 5 사용 방법) CDN 사용 방법으로 작성 1. CDN 삽입(Content delivery network 또는 content distribution network)콘텐츠 전송 네트워크는 콘텐츠를 효율적으로 전달하기 위해여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템 ＃버전 4 CDN (1과 2중 하나만 작성)① https://cdn.fontawesome.com 접속- email 작성하면 해당 메일로 CDN 발송cs ② 구글 검색cs # 버전 5 CDN① https://fontawesome.com/start 접속cs ※ head 태그 안에 CDN 작성 font awesomeColored by Color Scriptercs 2. Font Awesome 아이콘 삽입https://fontawesome.com/ 접.. CSS 2019. 1. 4.

• 컴파일 에러 메시지 정리 1. main() 메소드가 없는 클래스를 실행한 경우 오류: ex.Hello 클래스에서 기본 메소드를 찾을 수 없습니다. 다음 형식으로 기본 메소드를 정의하십시오.public static void main(String[] args) 원인: 자바 프로그램은 JVM이 구동되면 맨 처음 main() 메소드를 찾아서 실행한다.따라서 main() 메소드가 없거나 잘못 작성하면 클래스를 실행할 수 없다. 2. 변수 선언 후 초기화하지 않은 경우 오류: Exception in thread "main" java.lang.Error: Unresolved compilation problem: The local variable value may not have been initialized 원인: 초기화되지 않은 변수는 읽.. Java 2019. 1. 3.

• media query 화면 크기에 따라 특정 스타일 적용이 가능(반응형 웹사이트 환경 조성) 123456789101112131415161718192021222324 Media Queries body{ background-color: yellow; } @media screen and (min-width: 320px) and (max-width: 640px) { body { background-color: red; } } Colored by Color Scriptercs 참고사이트▼ 노마드 코더 - Nomad CodersMDN 웹 문서Google Developers CSS 2019. 1. 3.

• animations DOCTYPE html> animations .box { height: 200px; width: 200px; background-color: red; animation: .5s rotateScale infinite ease-in-out; } /* 애니메이션의 중간 상태를 지정 */ @keyframes rotateScale { /* from-to 또는 % 작성 가능 */ /* from{ transform: none; } to{ transform: rotate(1turn) scale(.5, .5); } */ 0%{ transform: none; } 50%{ transform: rotate(1turn) scale(.5, .5); } 100% { transform: none; background-color: y.. CSS 2019. 1. 3.

• pseudo-class 선택자(selector)에 추가된 키워드 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 Selector - Pseudo Selector input[type="submit"]{ background-color: red; } input[required] { background-color: blue; } /* input과 형제 요소인 .box 선택 */ input + .box { background-color: darkorange; } .box { background-co.. CSS 2019. 1. 3.

• flexbox(Flexible Box module) CSS3에서 등장한 1차원 레이아웃 모델(행과 열만을 다룸) 화면 크기에 상관없이 웹 페이지의 레이아웃을 동일하게 유지하고 싶을 때 사용 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 flex html, body { height: 100%; } .father { height: 100%; display: flex; /* 플렉스 요소의 x축 방향 정렬 방식 설정, default: flex-start */ justify-content: space-around; /* 플렉스 요소의 y축 방향 정렬 방식 설정, default: stretch */ align-items: center; /* 플렉스 요소가 배치.. CSS 2018. 12. 29.