개념 공부 (21) 썸네일형 리스트형 Sass, Less란 1) Sass는 공식 문서에서 스스로를 이렇게 묘사하고 있습니다. 사스는 기초 언어에 힘과 우아함을 더해주는 CSS의 확장이다. Sass(Syntactically Awesome StyleSheets)는 CSS pre-processor로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다. Sass의 궁극적인 목적은 CSS의 결함을 보정하는 것입니다. 우리 모두 알듯이, CSS는 세계 최고의 언어는 못 됩니다[citation needed]. 배우기엔 매우 간단한 반면, 금세 아주 지저분해질 수 있습니다. 특히 큰 프로젝트에서 더 그렇습니다. Sass는 이런 상황에서, 초언어로서, 추가 기능과 유용한 도구를 제공하기 위해 .. 의사 클래스(가상 클래스)란 의사 클래스(pseudo-class) CSS에서 의사 클래스(pseudo-class)는 선택하고자 하는 HTML 요소의 특별한 '상태(state)'를 명시할 때 사용합니다. 선택자:의사클래스이름 {속성: 속성값;} :link 사용자가 아직 한 번도 해당 링크를 통해서 연결된 페이지를 방문하지 않은 상태를 모두 선택함. (기본 상태) :visited 사용자가 한 번이라도 해당 링크를 통해서 연결된 페이지를 방문한 상태를 모두 선택함. :hover 사용자의 마우스 커서가 링크 위에 올라가 있는 상태를 모두 선택함. :active 사용자가 마우스로 링크를 클릭하고 있는 상태를 모두 선택함. :focus (깜빡깜빡) 초점이 맞춰진 input 요소를 모두 선택함. :checked 체크된(checked) 상태의 i.. 매개변수, 지역변수, 전역변수, 변수선언 (자바스크립트) 매개변수(parameter)란 함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 의미합니다. 인수(argument)란 함수가 호출될 때 함수로 값을 전달해주는 값을 말합니다. 대부분의 함수는 하나 이상의 매개변수를 가지며, 매개변수가 없는 함수도 존재합니다. 기본적으로 함수의 인수는 값 전달(passing by value) 방식으로 매개변수로 전달됩니다. 인수를 함수에 전달하면, 새롭게 생성된 매개변수에 전달받은 값이 복사되어 저장됩니다. 이처럼 매개변수에 저장된 값은 전달받은 데이터의 복사본으로, 함수 안에서 변경되어도 함수 밖의 원본 데이터에는 영향을 주지 않습니다. 지역 변수(local variable)란 '블록' 내에서 선언된 변수를 의미합니다. 지역 변수는 변수가 선언된.. 반응형 디자인의 3요소 : 그리드 레이아웃, 가변형 이미지, 미디어 쿼리 그냥 @media만 썼지 이런 3요소가 있는 줄 오늘 처음 알았... 1) 그리드 레이아웃 : 부모요소에 display:grid; 속성을 넣어준다. GridLayout은 2차원 격자무늬 형태의 레이아웃으로 행과 열의 집합형태로 구성된 레이아웃이다. TableLayout의 단점을 보완한 레이아웃으로 LinearLayout 또는 FrameLayout과 같은 다른 레이아웃의 장점을 포함하는 레이아웃이다. GridLayout을 사용할 시 다른 레이아웃과 중첩으로 사용할 필요가 없어 메모리 사용량을 줄일 수 있다는 장점이 있다. 현재 CSS 그리드는 거의 모든 브라우저에서 지원하고 있으며, 프로덕트를 제작하는 작업에서 사용하면 된다. 플랙스박스 같은 다른 레이아웃 방식과 달리 그리드 레이아웃은 두 가지 정도의 자.. Node.js란? Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. V8 (자바스크립트 엔진)으로 빌드 된 이벤트 기반 자바스크립트 런타임이다. 웹 서버와 같이 확장성 있는 네트워크 프로그램 제작을 위해 고안되었다. 파이썬으로 만든 트위스티드, 펄로 만든 펄 객체 환경, 루비로 만든 이벤트머신과 그 용도가 비슷하다. 대부분의 자바스크립트가 웹 브라우저에서.. PHP란? PHP(Hypertext Preprocessor)는 프로그래밍 언어의 일종이다. 원래는 동적 웹 페이지를 만들기 위해 설계되었으며 이를 구현하기 위해 PHP로 작성된 코드를 HTML 소스 문서 안에 넣으면 PHP 처리 기능이 있는 웹 서버에서 해당 코드를 인식하여 작성자가 원하는 웹 페이지를 생성한다. 근래에는 PHP 코드와 HTML을 별도 파일로 분리하여 작성하는 경우가 일반적이며, PHP 또한 웹서버가 아닌 php-fpm(PHP FastCGI Process Manager)을 통해 실행하는 경우가 늘어나고 있다. 또한 PHP는 명령 줄 인터페이스 방식의 자체 인터프리터를 제공하여 이를 통해 범용 프로그래밍 언어로도 사용할 수 있으며 그래픽 애플리케이션을 제작할 수도 있다. 많은 서버 측 오픈 소스 소프.. 반응형 작업에 필요한 viewport meta See the Pen WNQROeg by 이도빈 (@a45474) on CodePen. viewport meta 태그의 content값에 입력할 수 있는 값 width : 화면의 너비 height : 화면의 높이 initial-scale : 초기 확대 비율 user-scalable : 확대 및 축소 가능 여부 minimum-scale : 최소 축소 비율 maximum-scale : 최대 확대 비율 target-densitydpi : DPI지정 무한 스크롤 만들기 See the Pen 무한 스크롤 만들기 by 이도빈 (@a45474) on CodePen. 이전 1 2 3 다음