기술 대비 ) 웹

8. CSS Position 속성에 대해 설명하세요

HTML에서 element를 배치하는 방법을 지정하는 속성

static, relative, absolute, fixed, sticky

➀static(기본 값)

element에 position을 지정하지 않았을 때 기본으로 적용되는 값

top, right, bottom, left, z-index 속성들이 아무런 효과를 주지 못함

➁relative

element가 자신의 static 위치에서 top, right, bottom, left와 같은 속성에 의한 상대적인(relative) 위치에 배치

position을 relative로 사용해도 top, right, bottom, left와 같은 속성을 주지 않았을 때 position을 staitc으로 지정했을 때와 같은 위치에 배치

relative로 지정한 element는 다른 요소들의 위치에 영향을 주지 않는 특징이 있다.

➂absolute

가장 가까운 위치에 있는 조상 element(static 이 아닌)에 상대적 위치로 배치

조상이 없는 경우 DIV가 BODY 기준

➃fixed

스크린의 뷰포트(viewport,사용자가 보여지는 화면 중심)를 기준으로 한 위치에 배치

⑤sticky

스크롤에 따라 기준값 정해짐

 

#.fixed와 sticky의 차이점

:fixed는 문서의 흐름을 따르지 않고 뷰포트를 기준으로 배치가 되는 반면 sticky는 문서의 흐름을 따르면서 containing box를 기준으로 상대적인 위치에 배치

 

 

9. CI란 무엇인가? + CI/CD

하고자 하는 목적

:CI 프로세스를 통해 개발중에 지속적으로 빌드와 테스트를 진행하고, 이를 통과한 코드에 대하여 테스트서버와 운영서버에 곧바로 그 내용을 배포해 반영하는 것이다.

한 번에 많이 수정하지 말고, 조금 수정하여 여러 번 배포하라!

 

:애플리케이션 개발 단계를 자동화하여 애플리케이션을 보다 짧은 주기로 고객에게 제공하는 방법

지속적인 통합, 지속적인 서비스 제공, 지속적인 배포를 가능하게 함.

새로운 코드의 통합으로 인하여 개발 및 운영팀에 발생하는 문제를 해결하는 솔루션

 

➀CI (Continuous Integration) 지속적 통합

: 정기적인 빌드 및 테스트(유닛테스트 및 통합테스트)를 거쳐 공유 레포지터리에 병합되는 과정

개발자 간의 코드 충돌을 방지하기 위한 목적과 ‘코드 통합’을 ‘지속적’으로 진행함으로써 품질을 유지하자는 것

➁CD(Continuous Deploy 또는 Delivery) 지속적 배포

:쉽게 CI의 연장선

애플리케이션에 적용한 변경사항이 버그 테스트를 거쳐 레포지터리에 자동으로 업로드 되는 것

소프트웨어가 항상 신뢰 가능한 수준(합쳐지고 버그테스트를 통과한 상태)에서 배포될 수 있도록 지속적으로 관리하자는 개념

 

#.CI/CD 지원 툴

:Hudson , Jenkins , Bamboo(상용)

 

10. Web Service 란?

네트워크 상에서 상호운용 가능한 기계 간의 통신을 지원하도록 설계된 소프트웨어 시스템

 

<특징>

➀시스템 구조의 유연성 : 메인 프레임 또는 서버-클라이언트 방식과 달리 유연한 소프트웨어 구조를 통해 이질적인 데이터 표준을 유연하게 통합/운영

➁사용의 편리성 : 사용자는 소프트웨어를 설치한 후 자연스럽게 서비스를 제공받게 되며, 인터넷을 연결할 수 있는 유/무선 단말기를 통해 장소에 관계없는 접근 가능

➂기존 시스템의 통합 환경을 제공 : 이질적인 어플리케이션간의 통합 서비스를 제공받을 수 있고, 새로운 시스템과의 통합도 자동적으로 이루어진다.

➃비용 효율적 : 분산 시스템의 소프트웨어 간 통합을 자동화적으로 이행해줌으로써 개별 기업마다 투입해야 하는 IT 개발 및 운영 비용을 절감

 

https://itwarehouses.tistory.com/5