본문 바로가기

프론트엔드

 (26)
스킵메뉴 만들기
웹표준이란? 웹표준(Web Standard)이란? 먼저 웹표준이란 사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 이용하더라도 같은 결과를 볼 수 있도록 W3C(World Wide Web Consortium)라는 단체에서 권고한 표준안을 이용하여 웹 페이지를 만들어 나가는 것입니다. ​ 웹표준 관련 기술 HTML : 웹 문서의 내용 작성에 집중 CSS : 웹 문서의 모양 표현에 집중 JavaScript : 웹 문서에서 제공하는 액션에 집중 웹표준의 장점 마크업 용량 감소 콘텐츠와 CSS의 분리 미래에 나올 브라우저에 대한 상위 버전 호환성 검색 엔진에 대한 최적화 방안 웹 접근성 용이 ​ 웹접근성 접근성이란 "보다 많은 사람이 이용할 수 있는 보편적 접근의 정도"를 의미 장애인뿐만 아니라 모든 사람이 정보통신 ..
퍼블리셔 면접 예상 질문 display:inline 과 display:block의 차이점 display:inline은 텍스트 요소를 말하여 display:block은 박스 영역을 의미합니다. float:left를 썼을 경우 영역사라짐(height:0)을 방지하는 방법? float:left를 쓰게 되면 레이아웃이 깨지는 현상이 발생합니다. 즉 하이트 값이 없어짐 -> 영역이 사라지는 현상입니다. 이 현상을 막기위해서는 여러가지 방법이 있는데 현재는 clearfix 방법을 추천합니다. - 깨지는 영역에 clear:both를 사용하여 영역깨짐 현상을 막을 수 있지만 레이아웃이 복잡한 곳에서는 어디가 깨지는지 알 수 없어 잘 사용하지 않습니다. - 부모요소에 display:inline-block을 사용하면 되지만 성질을 바꾸어야 하기 ..
프레임워크와 라이브러리
API와 SDK API (Application Programming Interface) - 개발자가 공개적으로 노출한 멤버들을 사용하여 기능에 접근하고, 해당 기능을 구현하는데 사용된 코드를 숨길 수있는 인터페이스 -응용 프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. SDK(System Development Kit) - 소프트웨어 개발 도구 모음 - SDK 안에는 개발에 도움이 될 개발 도구 프로그램, 디버깅 프로그램, 문서, API 등이 있다.
운영체제 (OS) 운영체제(OS)란 운영체제(Operating System)는 사용자가 컴퓨터를 사용하기 위해 필요한 소프트웨어이다. 우리가 일반적으로 컴퓨터를 사용하면서 실행한 모든 프로그램들은 운영체제에서 관리하고 제어한다. 대표적인 운영체제는 Windows, Linux, Mac OSX, iOS 등이 있다. 운영체제를 사용하는 가장 주된 목적은 컴퓨터의 하드웨어를 관리하는 것이다. 컴퓨터에는 수 많은 하드웨어가 존재한다. CPU, 메모리, 디스크, 키보드, 마우스, 모니터, 네트워크 등이 있으며 이를 잘 관리해주어야 컴퓨터를 효율적으로 사용할 수 있다. 운영체제의 성능이 좋을수록 컴퓨터의 성능 역시 좋아진다고 할 수 있다.. 1. 윈도우(Windows) 세계적으로 가장 많이 쓰이는 운영체제로 기본적이며, 안정적이고 표..
SCSS,SASS CSS는 수정이 지속적으로 발생하면 코드가 복잡해지면서 유지보수가 어려워 지는 단점이 있다. 이러한 CSS 한계를 보완 하기 위해 CSS 전처리기를 사용한다. CSS 전처리기는 SASS, LESS, Stylus와 같은 도구들이 이있는데 각각 비슷하면서도 다른 구문과 기능들을 포함하고 있다. 연산, 중첩, 상속과 같은 기능들의 사용 할수 있어 CSS 구조를 가독성 있게 만들어주고 유지보수가 편리하도록 만들어 준다. SASS(SCSS) SCSS는 SASS 세번째 버전에서 추가되었는데 SASS의 모든 기능을 지원하면서 CSS 구문과 완전히 호환되도록 만들어졌다. SASS vs SCSS // SASS .wrapper width: 100px height: 200px .content color: white floa..
객체지향의 오해와 진실 -앨리스의 키,위치,음료 = 정적프로퍼티 but, 시간의 흐름에 따라 프로퍼티의 값은 변함 (동적) -행동: 다른 객체로 하여금 간접적으로 객체의 상태를 변경하는 것을 가능하게함 -객체는 자신의 상태 변경 협력과정(메세지)에서 다른 객체의 상태도 변경 객체가 외부에 노출하는 것은 행동뿐 외부에서 객체에 접근할 수 있는 유일한 방법 역시 행동 *상태는 외부에 노출x ex) drinkBeverage() -상태를 잘 정의된 행동 뒤로 캡슐화하는 것은 객체의 자율성을 높이고 협력을 유연하게 만든다. -프로퍼티 타입은 객체나 단순한 값 중 하나가 될 수 있다고 설명 객체는 가변상태, 객체는 상태를 가지며 상태는 변경가능 -상태를 중심으로 객체를 바라보지마라 행동이 상태를 결정한다. 객체의 행동을 먼저 결정하고 그..

티스토리툴바