jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

Scss / Sass v1.0 jeongah story.co.kr SCSS Sass(syntactically awesome stylesheets, 사스)는 스타일시트 언어입니다. Sass는 종속형 시트(CSS)로 해석 및 컴파일되는 스크립트 언어입니다. SassScript는 그 자체로 스크립트 언어이다. Sass는 2가지로 구성되어 있습니다. 새로운 "SCSS"는 CSS의 것과 비슷한 블록 형식을 사용합니다. 블록 안의 줄을 구불하기 위해 괄호를 사용하여 코드 블록과 세미콜론을 인지합니다. SCSS 설치 Sass는 단독으로 설치 가능한 애플리케이션이 아닌, 루비온레일스(Ruby On Rails)라는 오픈 소스 웹 프레임워크에 속한 패키지 프로그램이기 때문입니다. 먼저 루비를 설치하고 그다음 Sass를 설..

Slide Menu Slide menu3 See the Pen Image Slider3 by jeongahlee (@jeongahlee) on CodePen. Slide menu4 See the Pen Image Slider4 by jeongahlee (@jeongahlee) on CodePen. Slide menu5 See the Pen Image Slider5 by jeongahlee (@jeongahlee) on CodePen.

미세먼제가 유전자에도 영향을 미쳐서 ' 호흡기, 심혈관 질환 위험'을 키운다고 합니다. (이미지 출처 : https://cdn.dribbble.com/users/1157925/screenshots/3750650/dust_800x600.jpg) 미세먼지 위험성 최근 미세먼지 농도가 높은 곳에 사는 사람은 39개 유전자에 변화가 생겼다고 기사가 났습니다.대부분이 호흡기, 심혈관 질환 등과 연관된 질병 유전자였습니다. [김선영/국립암센터 국제암대학원 교수 : "대기오염이 영향을 미쳐 유전정보가 더 발현되거나 안 되거나 이 발현이 생물학적으로 영향을 미쳐서 결과적으로는 질병이 되거나 사망이 되거나 하는 결과로 생각해 볼 수 있습니다."]

Slide Menu Slide menu1 See the Pen Image Slider1 by jeongahlee (@jeongahlee) on CodePen. Slide menu2 See the Pen Image Slider2 by jeongahlee (@jeongahlee) on CodePen. 이미지 출처 : dribbble

Hamberger Menu Hamberger1 menu See the Pen Parallax Hamberger Menu by jeongahlee (@jeongahlee) on CodePen. Hamberger2 menu See the Pen Parallax Hamberger Menu2 by jeongahlee (@jeongahlee) on CodePen. Hamberger3 menu See the Pen Parallax Hamberger Menu4 by jeongahlee (@jeongahlee) on CodePen. Hamberger4 menu See the Pen Parallax Hamberger Menu5 by jeongahlee (@jeongahlee) on CodePen. Hamberger5 m..

Illustrator 단축키 설명 단축키 복사하기 Ctrl + C 붙여넣기 Ctrl + V 잘라내기 Ctrl + X 확대하기 Ctrl + + 축소하기 Ctrl + - 문서 작업(Work with documents) 설명 단축키 문서 만들기 Ctrl + N 템플릿으로 문서 만들기 Shift + Ctrl + N 대화 상자 열지 않고 문서 만들기 Alt + Ctrl + N 문서 열기 Ctrl + O 문서에서 파일 가져오기 Shift + Ctrl + P 파일 정보 상자 열기 Alt + Shift + Ctrl + I 문서 설정 상자 열기 Alt + Ctrl + P Adobe Bridge 탐색하기 Alt + Ctrl + O 문서 창 닫기 Ctrl + W 문서에 대한 변경된 내용 저장 Ctrl + S 다른 이름으로 ..

SVG 스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다. IE9 이상 지원합니다. XML을 이용하여 라인, 곡선, 기하학적인 그래픽 표현이 가능합니다. 벡터 방식이기 때문에 확대하거나 축소가 가능합니다. DOM 단위로 컨트롤이 되어 문서 복잡도가 증가되어 렌더링이 느립니다. Rect 스정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하..

Canvas 캔버스 요소(canvas element)는 HTML5의 일부로서 2차원 모양과 비트맵 그림의 스크립트 작성이 가능한 동적 렌더링을 허용한다. IE9 이상 지원합니다. HTML5의 canvas는 자바스크립트를 이용해 원하는 2D그래프를 만들 수 있습니다. Raster방식의 드로잉이기 때문에 픽셀 단위로 컨트롤 합니다. 픽셀로만 컨트롤 되기 때문에 화면이 클수록 성능이 떨어집니다. canvas 기초 View 라인 Property Description lineWidth 선의 두께를 설정합니다. lineCap butt 선의 끝의 모양이 사각협니다. round 선의 모양이 동그랗습니다. square 선의 모양이 사각형이빈다. 선 두께 만큼 늘어납니다. lineJoin round 모서리 모양을 원 모양..