전체 글(29)
-
css-collection
css-collection 1.정렬 관련 태그들 margin: auto; 브라우저에서 자동으로 margin을 골고루 넣어준다. 수평이 중심축인 중앙정렬 text-align: center; 블럭레벨이 아닌 아이들은 text-align을 이용하면 중앙으로 정렬된다. ex)button 블럭레벨은 위에 나와있는 margin: auto; 를 이용하여 중앙으로 정렬한다. margin: auto; 와 text-align은 수평으로 중앙 정렬이 가능하지만 수직적으론 불가능하다. line-height: 100px; line-height의 부모상자만큼 수치를 준다면 수직적으로 정렬된다. 한 줄의 길이를 정해주는 것 이기때문에 부모상자와 맞추면 자동으로 수직정렬이된다. 문제점: 줄 띄우기를 해서 두줄로 만들게 되면 텍스트가..
2021.07.22 -
드림코딩 엘리 3강:Flexbox 완전정리
css 3강 study date:2021.07.13 css 기초 강의 3편 https://youtu.be/7neASrWEFEM float :정렬이라고 생각하면 편함 left, center, right Flexbox 구성요소들 container, item 속성을 따로 지정한다. 수평축, 수직축이 있다. 하나는 중심축 하나는 반대축이다. 축은 수평이냐 수직이냐에 따라서 바꿔질 수 있다. 1 2 3 4 5 6 7 8 9 10 .container{ background: beige; height: 100vh; } .item{ width:40px; height: 40px; } .item1 { background: #ef9a9a; } .item2 { background: #f48fb1; } .item3 { backg..
2021.07.18 -
드림코딩 엘리 2강:css레이아웃 완전정리
css 2강 study date:2021.07.13 css 기초 강의 2편 https://youtu.be/jWh3IbgMUPI block과 inlineblock의 차이 1 2 3 div, span{ width: 80px; height: 80px; margin: 20px; } div{ background: pink; } spand{ background:blue; } div는 inline- block으로 span은 block으로 변경하였다. div, span{ width: 80px; height: 80px; margin: 20px; } div{ background: pink; display: inline-block; } span{ background:blue; display:block; } inline → ..
2021.07.18 -
컴포넌트 스캔
컴포넌트 스캔이란? => 설정 정보가 없어도 자동으로 스프링 빈을 등록하는 기능 @Autowired => 의존관계 자동으로 주입하는 기능 @Configuration @ComponentScan( excludeFilters = @ComponentScan.Filter(type = FilterType.ANNOTATION, classes = Configuration.class) ) //예제를 살리기위해서 excludefilter 사용 public class AutoAppConfig { } @ComponentScan은 @Component가 붙은 모든 클래스를 스프링 빈으로 등록한다. 이름을 직접 지정 할 수 있다. 지정 방법 -> @Component("memberService2") 컴포넌트 스캔은 @Componen..
2021.04.30 -
4장 서버프로그램 구현
제4장 서버프로그램 구현(☆★) 제 1절 모듈화 상호 독립된 모듈은 기능단위로 잘 분해되고 접속관계가 단순하여 개발이 용이하여, 유지보수시 수정에 따른 파급효과를 최소화할 수 있다. 모듈간의 결합도 최소화, 응집도 최대화 1.결합도★☆ 결합도는 모듈들이 서로 관련되거나 연결된 정도를 나타낸다. 두 모듈 간의 상호의존도 낮은 결합도를 유지해야 바람직하다.( 낮은 결합도 높은 독립성) 내용결합도 결합도가 높음 공통결합도 외부결합도 제어결합도 스탬프결합도 자료결합도 결합도가 낮음 내공외제스데 ①내용 결합도 : 어떤 모듈을 호출하여 사용하고자 할 경우에 그 모듈의 내용을 미리 조사하여 알고 있지 않으면 사용할 수가 없는 경우에는 이들 모듈이 내용적으로 결합되어 있기 때문이며, 이를 내용 결합도라고 한다. ②공통..
2021.04.28 -
3장 통합 구현
제3장 통합 구현 제 1절 연계 데이터 구성하기 1.통합구현 통합구현은 사용자들의 요구사항에 맞게 연계 시스템과 송신/수신 시스템 간의 관계를 적절히 구현하는 것이다. 송신 시스템 운영 데이터베이스에서 연계 데이터를 식별 및 추출하여 인터페이스 테이블(파일)로 생성하여 송신하는 시스템 전송하고자 하는 데이터 생성 → 필요에 따라 변환 후 송신 송신 모듈, 송신 모니터링 수신 시스템 송신 시스템으로부터 수신한 테이블을 수신 시스템의 운영 데이터베이스나 환경에 맞게 변환하여 처리에 활용할 수 있도록 하는 시스템이다. 수신 받은 데이터를 정제, 가공하여 서비스 수신 모듈, 수신 모니터링 연계 응용 시스템(중계 시스템) 송신 시스템과 수신시스템을 연계해주는 서버나 시스템에 해당된다. 외부시스템간의 연계시에 적용..
2021.04.28