전체 글(67)
-
HTML 구조
기본 구조 문서의 구조 HTML(전체 범위) 은 HTML 문서의 전체 범위를 지정 DOCTYPE(DTD, 버전 지정) DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 의미 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려줌. (HTML은 크게 1, 2, 3, 4, X-, 5 버전이 존재) 사용 예)
2019.11.24 -
이미지
이미지 개념 비트맵과 벡터 이미지 이미지(그래픽)는 크게 비트맵과 벡터로 구분 비트맵(Bitmap) 픽셀이 모여 만들어진 정보의 집합으로 레스터(Raster) 이미지라고 함. 픽셀 단위로 화면에 렌더링 장점 : 정교하고 다양한 색상을 자연스럽게 표현 단점 : 확대/축소 시 계단 현상, 품질 저하 발생 확장자 : jpg, png, gif 벡터(Vector) 수학적 정보의 형태(Shape)들이 만들어지는 결과물 이미지가 가지고 있는 점, 선, 면의 위치(좌표), 색상 등의 정보를 온전히 가지고 있으며 그를 화면에 렌더링 좀 더 많은 연산을 해야하지만, 해상도(픽셀)에 영향을 비트맵 이미지와 달리 해상도로 부터 자유롭게 렌더링 가능 (이미지가 깨지지 않는다), 수학적 정보만을 가지고 있기 때문에 이미지 확대/..
2019.11.24 -
웹 표준 / 크로스브라우징 / 웹 접근성
웹 표준(Web Standard) 웹에서 사용되는 표준 기술이나 규칙을 의미, W3C의 권고안에서 나온 기술들이 해당 표준 기술들을 기준으로 웹 브라우저(크롬, IE, 사파리 등)가 만들어지는데, 브라우저를 만드는 업체(구글, MS, 애플 등)에서 표준 기술을 해석하는 차이, 새로운 기술 삽입(표준화 제정 단계에 따른) 등으로 조금은 다르게 구동 ※ 표준화 재정 단계의 ‘권고안(REC)’에 해당하는 기술을 표준이라고 부름 크로스 브라우징(Cross Browsing) 다르게 구동되는 여러 브라우저에서 동일한 사용자 경험(같은 화면, 같은 동작 등)을 줄 수 있도록 제작하는 기술, 방법 등을 의미 대부분의 브라우저는 최대한 웹 표준을 준수해서 제작되기 때문에 문제 되는 경우가 적지만 MSIE(마이크로소프트 ..
2019.11.24 -
HTML / CSS / JS 역할
HTML (Hyper Text Markup Language) 페이지에 제목, 문단, 표, 이미지, 동영상 등을 정의하고 구조와 의미를 부여하여 정적 언어로 웹의 구조를 담당 CSS(Cascading Style Sheets) 마크업 언어(HTML, XML 등)가 실제 표시되는 방법(색상, 크기, 폰트, 레이아웃 등)을 지정하여 콘텐츠 구조를 꾸며주며주는 정적 언어로 웹의 시각적인 표현을 담당 JavaScript 컨텐츠를 바꾸고 움직이는 등 페이지를 동적으로 꾸며주는 역할을 담당 HTML과 CSS를 동원해서 그들의 업무(구조, 시각적 표현 등)도 담당할 수 있지만, 그들만큼 잘하진 못하기 때문에(성능적으로) 되도록 동적 처리에만 집중 결론 3가지 언어들이 각자의 역할을 수행하기 위해 구조적/기술적으로 언어(..
2019.11.24 -
의존성 주입 테스트
의존성 주입의 동작 과정 Spring-context : 스프링이 사용하는 메모리 영역 ApplicationContext라는 이름의 객체가 만들어진다. root-context : 스프링 프레임워크에서 객체를 생성하고 관리하는 객체들(Bean)에 대한 설정 태그 이용하여 패키지 스캔 @Component라는 어노테이션이 존재하는 클래스의 인스턴스 생성. Test2 객체 생성, Test1 객체를 주입 예제스프링에서는 생성자를 이용한 주입, setter 메서드를 이용한 주입으로 의존성 주입을 구현 1) pom.xml 설정 - Lombok 라이브러리 추가(Lombok 이용하여 setter 메서드 자동 구현) - spring-test 라이브러리 추가 - junit 라이브러리 버전 변경※ 스프링 4.x 이상의 버전을 ..
2019.02.07 -
스프링의 특징과 의존성 주입
프레임 워크(Framework) 뼈대나 근간을 이루는 코드들의 묶음 프레임 워크의 필요성개발자의 능력은 재각각, 개발자 구성에 따라 프로젝트의 결과는 천차만별.프레임워크는 프로그램의 흐름이나 구조를 정하고 모든 개발자들이 이 구조에서 자신의 코드를 추가하는 방식으로 개발개발자의 능력이 부족하더라도 프레임워크는 개발에 필요한 구조를 이미 코드로 만들어 놓았기 때문에 필요한 부분을 조립하는 형태의 개발이 가능하여 개발기간의 단축 효과를 가져옴. ※ 경량 프레임워크서버중심, 클라이언트 중심 개발, 모바일 중심Heavy weight, => Light weight확장성, 유지보수 생산성, 안정성, 다양한 개발 언어 90년대 말에 복잡한 구동 환경과 하드웨어적인 구성이 필요한 프레임워크의 반대되는 개념으로 등장과거..
2019.02.07