클로리셔 작은 공간

디바이스 사이즈가 정리된 사이트 추천 - 웹 / 모바일 작업하면서 디바이스마다 사이즈 달라서 어떤 기준으로 작업을 해야할지 스트레스 받는데 사이즈 확인 가능한 사이트 입니다. 이걸 통해서 미디어쿼리 사용하면 훨씬 편하겠죠~? 스크린 사이즈라는 사이트에 들어가면 핸드폰 디바이스 또는 태블릿 사이즈별로 나눠져있어서 원하는 기기의 가로/세로 정보들을 확인해 볼 수 있습니다 :) 버튼은 5종류가 있는데 제일 앞에서부터 버튼 설명하자면 1. 검색기능 2. 모바일 사이즈 종류 3. 태블릿 사이즈 종류 4. 모니터 사이즈 종류 5. 옵션 체크리스트 검색 버튼을 누르면 검색창이 나오면서 텍스트를 적을 수 있어요. [ 전부 영어로 되어있어서 영어로 쳐야해요 ] 예시로 samsung으로 적으니까 samsung 디바이스 위..

엔티티(Entity) HTML에는 미리 예약된 몇몇 문자가 있으며, 이러한 문자를 HTML 예약어(reserved characters)라고 부릅니다. 이러한 HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석합니다. 따라서 HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 합니다. 엔티티 문자 엔티티 이름 엔티티 문자 엔티티 이름 « « > Ⓒ Ⓒ & & Ⓡ Ⓡ ÷ ÷ @ @ × × ★ ★ " " ☆ ☆ ' ' ✓ ✓ © © # # ® ® * * ¥ ¥ $ $ £ £ : : ¢ ¢ _ _ € € | | ( (..

자바스크립트를 사용하다보면 시간/날짜를 이용해서 작업하는 경우가 많다. 날짜 객체는 문자열과 숫자 모두 반환할 수 있는 유일한 타입이며 어떤 메서드가 있는지 알아보자. 메서드 설명 getDate() 날짜 중에 '일'자를 숫자로 반환 ( 1 - 31 ) getDay() 날짜 중에 '요일'을 숫자로 반환 ( 일요일 : 0 ~ 토요일 : 6 ) getMonth() 날짜 중에 '월'을 숫자로 반환 ( 1월 : 0 - 12월: 11 ) getFullYear() 날짜 중에 '년도'를 4자리 숫자로 반환 ( ex : 2022 ) getTime() 1970년 1월 1일부터 현재까지 시간을 초 단위 숫자로 반환 getHours() 시간 중 '시'각을 숫자로 반환 ( 0 ~ 23 ) getMinutes() 시간 중 '분'..

GNB ( Global Navigation Bar ) 사이트 전체에 동일하게 적용되는 최상위 전체 공통네비게이션. 메인메뉴, 대분류 메뉴, 전체 사이트에서 사용되는 공통메뉴바 LNB ( Local Navigation Bar ) GNB 메뉴의 서브 메뉴형식으로 나오는 형태의 네비게이션. 서브메뉴, 중분류 메뉴, 각 서브분류 별 사용되는 특정 지역으로 가는 네비게이션 바 SNB ( Side Navigation Bar ) 일반적으로 왼쪽에 많이 위치해있으며 메인메뉴, 서브메뉴를 제외한 나머지 사이드메뉴, 기타메뉴바 FNB ( Foot Navigation Bar ) 하단메뉴, 하단로고, 주소, 카피라이팅 영역

프론트엔드 개발에 필요한 기술들 1. HTML : 태그와 속성, 시멘틱한 웹사이트 제작 2. CSS : 레이아웃(float, flex, grid), 애니메이이션(transition/animation), 반응형 웹, Preprocesspr(Ssass,PostCSS), CSS 방법론, CSS 프레임워크 3. 크로스 브라우징 4. 자바스크립트 : ES5, ES6, ES NEXT, DOM/Event, Ajax, 동작 원리(브라우저, 자바스크립트 엔진), node.js 5. HTTP 6. Tools : Git, Webpack, Babel, ESLint, npm 등 7. Library / Framework : SPA(Angular, React, Vue.js), TypeScript, jQuery, Lodash, Ax..

1. SVG 이용해서 사각형 태그 그리기 x 와 y 는 사각형의 왼쪽 위쪽 위치를 정의 ( X축 150픽셀에서 사각형 만들어라./ Y축 100픽셀에서 사각형 만들어라.) width: 가로 픽셀 넓이 height: 세로 픽셀 길이 2. SVG 이용해서 모서리 둥근 사각형 태그 그리기 rx와 ry는 사각형 모서리의 둥글기를 정의합니다.

cx와 cy 속성은 원의 중심의 x와 y 좌표를 정의합니다. cx와 cy를 생략한다면 기본 (0,0)로 설정됩니다. r은 원의 반지름을 정의합니다. cx와 cy는 타원 중심의 좌표를 정의 (타원의 중심축 X,Y 좌표) rx는 수평 반지름을 정의 (타원의 넓이) ry는 수직 반지름을 정의 (타원의 높이)

단축키 추천 단축키 기능 Ctrl + F3 현재 단어 찾기 > F3 : 다음 찾기 Ctrl + F 찾기 대화상자 Ctrl + H 바꾸기 대화상자 Ctrl + Shift + F 파일들에서 찾기 대화상자 Ctrl + Shift + H 파일들에서 바꾸기 대화상자 Ctrl + G 해당 줄로 가기 Ctrl + Tab Edit하고 있는 Child Window 간의 이동 Ctrl + Left/Right 단어 단위로 이동 Ctrl + Backspace 단어 단위로 삭제 Alt + ↑/↓ 선택한 줄 위/아래로 이동 한번에 이동시키기 Ctrl + Shift + [ 코드 접기 Ctrl + Shift + ] 코드 펴기 Alt + 마우스 클릭 클릭하는 곳들에 커서를 만들어준다 Alt + Shift + Up/Down 라인 복사하..

UI Movement Only the best UI design inspiration, right in your inbox uimovement.com 매일 영감을 주는 최고의 UI 디자인 사이트 Design Pttrns Check out the finest collection of design patterns, resources, mobile apps and inspiration pttrns.com 모바일 디자인 패턴 컬렉션 Dribbble - Discover the World’s Top Designers & Creative Professionals Discover the world’s top designers & creatives Dribbble is the leading destination to f..