실버라인의 잡다한 정보

HTML One Two Three has extra text CSS.box { display: flex;} flex-direction 지정rowrow-reversecolumncolumn-reverserowrow-reversecolumncolumn-reverse flex-wrap을 이용한 복수 행 flex 컨테이너 지정항목이 여러 행에 나열flex-wrap: wrap;flex 항목들은 컨테이너의 폭에 맞게flex-wrap: nowrap ; flex-flowflex-direction 속성과 flex-wrap 속성을 합침첫 번째 값은 flex-direction이고 두 번째 값은 flex-wrapflex-flow: row wrap;flex-flow: row-reverse wrap;fle..

미디어 쿼리 사용하기https://developer.mozilla.org/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries 미디어 쿼리 사용하기 - CSS: Cascading Style Sheets | MDN미디어 쿼리를 사용하면 장치의 단말기의 유형(출력물 vs. 화면) 또는 화면 해상도나 방향, 종횡비, 브라우저 뷰포트 너비나 높이, 모션 감소, 데이터 사용량 혹은 투명도와 같은 사용자 선호도developer.mozilla.org/*브라우저의 뷰포트 너비가 1300px 이상인 경우*/@media screen and (max-width:1299px) { /*브라우저의 뷰포트 너비가 1299px 이하인 경우*/}@media screen and (max-wid..

1. 웹접근성 이란?웹이란 '장애에 구애 없이 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간'이라고 정의 접근성이란 장애인뿐만 아니라 모든 사람이 정보통신 기기나 서비스를 손쉽게 활용할 수 있도록 만드는 것https://www.kioskui.or.kr/index.do?menu_id=00000971 정보접근성 개요정보접근성 개요 | 무인정보단말기UI플랫폼www.kioskui.or.kr※ 기존에는 웹접근성 연구소(wah.or.kr)라는 사이트가 운영됐었는데      무인정보단말기 UI 플랫폼(kioskui.or.kr) 로 사이트가 변경되었다.  2. 정보접근성유형2.1 웹 접근성https://www.kioskui.or.kr/index.do?menu_id=00000975 표준소개표준소개 | 무인정보단말기U..

1. 16 * 16 px  또는 32*32px 이미지를 만들기  ( favicon.ico 또는 favicon.jpg 이미지로 제작) 2. 이미지를 서버에 업로드 후 경로 설정이미지경로/favicon.ico" > 예시> 티스토리 32*32pxhttps://t1.daumcdn.net/tistory_admin/favicon/tistory_favicon_32x32.ico"/> https://t1.daumcdn.net/tistory_admin/top_v2/bi-tistory-favicon.svg"/> https://t1.daumcdn.net/tistory_admin/top_v2/tistory-apple-touch-favicon.png"/> 예시> 삼성SDS 16*16pxhref="https://image.sams..

오늘 저녁엔 월곡동에 바지락 칼국수 집에 방문했어요..블로그 포스팅 할라고 사진을 찍었는데..외관 사진을 깜빡 했네요..ㅠㅠ주차장은 별도로 없고 길가에 이면 주차를 했구요.. 근처에 월곡시장 주차장이 있긴해요..우선 메뉴 스캔하구요... 바지락 칼국수 2인에 해물파전 1개를 주문했어요.. 주문 후 테이블에 설명 되있는거 찍어 보구요..네이버 영수증 리뷰를 하던데 전 그냥 귀찮아서 별도로 하지 않았네요..주문하고 기다리니 서비스 보리밥이 나왔어요.. 요건 리필 가능하구요.. 테이블에 고추장이 비치되어 있어서 콩나물이랑 무생채 넣고 비벼서 드심되요..칼국수 집에 필수 김치요..^^ 익히지 않은 생김치 입니다.셀프 바가 있어서 반찬은 더 가져다 먹을 수 있게 되어있었어요..내부 사진은 다른 손님들이 안나오게 ..

MDN 자바스크립트 안내서https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide JavaScript 안내서 - JavaScript | MDNJavaScript 안내서에서 JavaScript 언어 개요와 사용법을 알아보세요. 언어 기능에 대해 상세한 정보가 필요하면 JavaScript 참고서를 방문하세요.developer.mozilla.org MDN 자바스크립트 참고서https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference JavaScript 참고서 - JavaScript | MDN이 페이지는 JavaScript 언어에 대한 정보 보관소입니다. 이 참고서에 대해 더 읽어보세요.developer.mozi..

https://regexr.com/ RegExr: Learn, Build, & Test RegExRegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).regexr.com

정규표현식을 시각화 https://regexper.com/ Regexper regexper.com

1. 자바스크립트 API 문서● ECMAScript (표준문서)https://ecma-international.org/publications-and-standards/standards/ecma-262/ ECMA-262 - Ecma InternationalECMAScript® 2024 language specification, 15th edition - ECMAScript is a programming language based on several technologies like JavaScript.ecma-international.org ● 자바스크립트 사전 (생활코딩)https://opentutorials.org/course/50/86 charAt - 생활코딩요약 문자열에서 인자로 주어진 값에 해당하는..

https://logoproject.naver.com/logonaver 로고네이버:로고 프로젝트Brand Identity 인터넷의 안내자, 네이버 네이버는 '항해하다'라는 뜻의 Navigate와 -하는 사람이란 뜻의 접미사-er이 만나 탄생한 이름입니다. 그 이름에 걸맞게 혁신적이고 편리한 서비스를 꾸준히 선logoproject.naver.com