해나아부지 개발일지

MDN 박스 모델 CSS에 포함되는 모든 요소의 외장은 박스이며, 이 박스를 이해하는 것은 CSS을 통해 레이아웃을 생성하거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 하는 열쇠입니다. CSS에는 크게 두 가지 박스 (블록 박스와 인라인 박스) 유형이 있습니다. 이러한 특성은 박스가 페이지 대열 측면 및 페이지의 다른 박스와 관련하여 박스의 작동 방식을 나타냅니다. 'Box Model'과 'Block' 개념을 제대로 인지하고 있지 않으면 혼동이 있을 수 있다. 'Block' 요소는 'Box Model'의 한 유형이다. 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부른다. CSS box model의 특징 box 모델이란 말에 느낌대로 기본적으로 ..

반드시 기억해야하는 css 선택자 30가지! 너무 많아서... 하루에 몇개씩 정리해 봅시다. 1. * (all) 전체 선택자 특정 태그에 하위 태그로도 사용 가능 #container * (id container 태그 하위에 모두 적용) 테스트 용도로는 괜찮, 많이 사용하면 과부하 걸림 * { margin: 0; padding: 0; } 2. #id 선택자(단일) #container { margin: 0; padding: 0; } 3. .class 선택자(다중) .container { margin: 0; padding: 0; } 출처 링크타고 ㄱ ㄱ

속성 값 뒤에 !important 를 붙인 속성 HTML에서 style을 직접 지정한 속성 #id 로 지정한 속성 .class, :추상클래스 로 지정한 속성 태그이름 으로 지정한 속성 상위 객체에 의해 상속된 속성 My text 1 My text 2 // 2번째 우선순위 My text 3 // 5번째 우선순위 div { color: red; } 출처 css 적용 우선순위 - ofcourse

톰캣(tomcat) 설치하기 1. 아파치 톰캣 홈페이지에서 원하는 버전의 tar.gz 파일을 다운로드 받는다.(tomcat.apache.org/download-80.cgi) 저는 8.5버전을 다운 2. 압축 풀기 tar -zvxf apache-tomcat-8.5.65.tar.gz 3. 압축 해제된 tomcat sever를 적당한 폴더로 옮기기 //파일 이동 mv [옮길 파일] [위치] //파일 복사 cp [option] [복사할 파일] [위치] 보통 '/usr/local/' 폴더로 옮김 톰캣 서버 설정하기 설정 파일 경로 톰캣 서버 폴더 내 'conf/server.xml' | +--- | +--- | +--- | +--- | | +--- | +--- | +--- | +--- | +--- | +--- | ..

인터페이스 가이드라인 또는 규격 USB 포트에 연결할 수 있는 기기는 하드디스크, 메모리스틱, 디지털카메라 등등 무척 많다. 바로 이 USB포트가 물리적 세계의 인터페이스라고 할 수 있다. USB포트의 규격을 따르는 기기는 모두 컴퓨터에 연결할 수 있다. 컴퓨터는 USB 포트만 제공하고 어떤 기기가 만들어지는 지 신경 쓸 필요가 없다. 바로 이 점이 인터페이스의 핵심이다. 인터페이스란? 극단적으로 동일한 목적 하에 동일한 기능을 보장하게 하기 위함! 어떻게? 자바의 다형성을 이용하여 개발코드 수정을 줄이고 유지보수성을 높인다! * 다형성 : 같은 기능인데 다른 결과가 나올 수 있음 상수 : 인터페이스에서 값을 정해줄테니 함부로 바꾸지 말고 제공해주는 값만 참조해라 (절대적) 추상메소드 : 가이드만 줄테니..

프로그래밍 입문을 자바로 했었는데 자바스크립트로 웹개발을 배우고 취업을 했는데 자바가 필요해졌다. 기억이 가물가물 하니 다시 공부할 수 밖에 .. 전에 봤던 책들과 인프런 무료 강의, 패스트캠퍼스의 자바/스프링 패키지 강의까지 참고해서 개념정리를 하며 실무에 적용해보고자 한다. 이클립스 재설치 하고 패키지와 클래스를 만들어보니 옜날 생각이 새록새록 나는구나.