반응형 웹이란 반응형 웹의 개념 반응형 웹 디자인은 홈페이지 제작, 웹 제작과 관련된 기술로 pc, 모바일, 태블릿 등 각각의 기기별로 홈페이지의 페이지가 최적화되어 보여지는 기능입니다. 화면이 작은 기기에서 반응형 웹으로 제작된 웹사이트를 접속했을 때는 웹사이트의 구조를 작은 화면에 최적화된 구조로 변경하여 보여주고, 큰 화면을 가진 기기에서는 웹사이트의 구조를 큰 화면에 최적화된 구조로 변경하여 보여줍니다. 이처럼 사용자가 기기의 화면이나 환경에 맞게 자유자재로 변하는 것이 반응형 웹입니다. 반응형 웹기술이 필요한 이유 반응형 웹이 등장하면서 웹 사이트를 이용하는 사람들에게 모든 기기에서 최적화된 웹 사이트를 제공할 수 있게 되었고, PC 버전의 웹사이트와 모바일 버전의 웹 사이트 두 가지 모두를 만..

div 태그를 가로로 정렬하기 위해서 CSS의 float 속성을 아래와 같이 작성하여 사용할 수 있습니다. float: left; float: right box1 box2 box3 위와 같이 입력하면 div는 블록 요소이기 때문에 당연히 줄 바꿈 현상이 일어나서 세로로 배치가 됩니다. div { float: left; border: 2px solid #000; width: 100px; height: 100px; text-align: center; line-height: 100px; font-weight: bold; } 이제 div 스타일에 float: left 속성을 넣어 보았습니다. 그림과 같이 가로로 정렬이 됩니다. 한 마디로, float 요소는 블록 요소를 인라인 요소로 바꾸어 주는 것이라고 생각하..

CORS란 CORS의 개념 CORS(Cross Origin Resource Sharing)은 추가적은 HTTP Header를 사용해서 애플리케이션이 다른 도메인의 리소스에 접근할 수 있도록 하는 메커니즘입니다. CORS가 필요한 이유 일반적으로 HTTP 요청은 기본적으로 Cross-Stie Http Request가 가능합니다. 다시 말하면 다른 도메인의 이미지 파일을 가져오거나 다른 도메인의 스크립트를 가져오거나 하는 것이 모두 가능합니다. 하지만 스크립트에서 생성된 Cross-Site HTTP Request는 Same Origin Policy를 적용 받기 때문에 Cross-Site Http Request가 불가능합니다. 최근 웹사이트들은 프론트 레이어와 백엔드 레이어를 분리해서 프론트와 백엔드를 API..

System Test란 System Test의 개념 System Test란 Integration Test가 완료된 이후에 완전한 시스템이 정상적으로 작동하는지를 체크하는 테스트입니다. 앞서 포스팅한 Unit Test나 Integration Test는 기능이 올바르게 수행되는지를 검증하는 것에 중점을 둔다면, System Test는 사용성, 신뢰성, 견고성, 성능, 보안성, 유지 보수성 등도 함께 테스트합니다. System Test의 유형 사용성 테스트 주로 사용자의 응용 프로그램의 사용 용이성, 컨트롤 처리의 유연성 및 시스템의 목표 달성 능력에 중점을 둡니다. 부하 테스트 개발된 소프트웨어가 실제 부하에서 작동하는지 확인하는 부분에 중점을 둡니다. 회귀 테스트 개발 과정 동안 변경된 사항이 새로운 버그..

Integration Test란 Integration Test의 개념 Integration Test는 단위 테스트가 끝난 모듈을 통합하는 과정에서 발생할 수 있는 오류를 찾는 테스트입니다. 실제 업무에서는 단위 모듈이 개별적으로 존재하는 것이 아니고 여러 모듈이 유기적으로 관계를 맺고 있으므로 이러한 모듈들을 결합한 형태로 테스트를 수행해봐야 합니다. 모듈 사이의 인터페이스 오류는 없는지, 모듈이 올바르게 연계되어 동작하는지를 체크합니다. 즉 말하자면 각각의 모듈을 통합했을 때 모듈이 올바르게 연계되어 동작하는지 테스트하는 것입니다. Integration Test 기법 빅뱅 통합 전체 모듈을 모두 통합한 이후, 통합 테스트를 수행하는 방식입니다. 이 때, 오류가 발생한다면 오류가 발생한 모듈을 찾기가 쉽..

Black Box Test Black Box Test는 테스트시 객체 내부에 무엇이 들어 있는지 알 수 없거나 알지 않아도 된다는 것을 가정하여 테스트하는 방법입니다. 객체 내부가 어떻게 변하던 상관없이 입력을 주었을 때 원하는 결과값이 나오면 테스트는 통과하게 됩니다. White Box Test White Box Test는 객체 내부를 확인하고 검증하는 테스트입니다. 쓰이지 않은 변수는 없는지, 특정 범위만 받는 함수가 있는지 등등 이러한 부분들을 확인하는 과정입니다. Code Coverage는 White Box Test의 일부입니다. Code Coverage Code Coverage의 개념 Code Coverage란 소프트웨어 테스트를 논할 때 얼마나 테스트가 충분한가를 나타내는 지표 중 하나입니다...