web sprit

Placeholder.com: Placeholder.com – The Free Image Placeholder Service Favoured By Designers Contents1 What Is Placeholder.com?2 How To Use Our Placeholders3 How To Set Image Size4 How To Set Image Formats5 How To Set Custom Text6 How To Set Background & Text Color6.1 Popular Hex Color Codes7 New! WEBP Support8 New! HTTPS Support9 NEW! Placeholde placeholder.com Dynamic Dummy Image Generator - Du..

영상 작업을 하고 아이폰(아이폰12 미니) 기기로 test를 하는중 하얀 배경으로 되어진 영상주변에 테두리 라인이 보이는 현상을 확인 하였습니다. border도 0이고 다른 라인이 들어갈만한 효과를 준 내용도 없었습니다. 같이 일하는 친구의 도움으로 아래와 같은 내용을 확인할 수 있었습니다. video { -webkit-mask-image: -webkit-radial-gradient(white, black); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } video 태그에 위와 같은 css 속성을 넣으니 사라지는 것을 확인했고 이런 문제를 경험하신 분들에게 도움이 되었으면 합니다. 참고 https://stackoverfl..

문제점 Swiper js를 사용하여 모바일의 슬라이드를 만들어 보았다. 문제는 스크롤 시 반복되는 사로 슬라이드가 있는데 스크롤을 위에서 아래로 내리고 다시 위로 올리면 슬라이드를 조작하는 nav 버튼이 사라져서 안보인다는 것이 문제다. 안보여도 누르면 기능은 동작한다. 해결방법 z-index문제일거라면 큰 오산이다. 이미 z-index의 값은 슬라이드 움직이는 리스트보다 nav가 더 크게 잡혀있었다. 검색을 하다가 우연히 발견한 크롬fixed 버그에 대한 내용이다. 크롬에서 fixed를 사용하면 사라지는 버그가 있다고 한다.(?) 우선 한번 그대로 아래와 같은 내용을 넣었다. .target{ -webkit-backface-visibility:hidden; -webkit-transform:translat..

m.blog.naver.com/wkcc0011/221311750032 노트북/데스크탑 메모리 RAM 종류 총정리 노트북&데스크탑 메모리 RAM 종류 총 정리안녕하세요!코리아정보통신 뷰라이프 에디터 SARA 입... blog.naver.com coolenjoy.net/bbs/27/20736 쿨엔조이,쿨앤조이 coolenjoy, cooln, 쿨엔, 검은동네 pc,컴퓨터, 하드웨어,CPU오버클럭,VGA쿨러,오버클럭,PC튜닝,케이스튜닝,cpu,vga coolenjoy.net 메모리(RAM) 구매 가이드 - 초보자들도 쉽게 이해할 수 있는 구매 가이드~ 메모리(RAM) 구매 가이드 최근에 메모리(RAM) 가격이 정말 많이 싸졌습니다.컴퓨터에 메모리(RAM)... blog.naver.com coolenjoy.net..

CPU는 두가지로 나뉩니다. Intel , AMD Inter CPU 종류 아톰, 샐러론, 팬티엄, i시리즈 AMD CPU 종류 A-시리즈, 애슬론, 라이젠 CPU 보는 법은 아래와 같이 설명하겠습니다. 인텔 CPU 진화 단계 i시리즈 하위 부분은 제외 하고 i3, i5, i7, i9 가 있다. CPU 해석 인텔 코어i5-9세대 9600KF (커피레이크-R) 위의 내용을 해석하면 i5 9세대 까지는 이해가 간다. 뒤에 9600KF 를 보자. 앞에 9는 세대를 나타낸다. 뒤에 600은 세부모델명으로 높을수록 성능이 좋다. K는 오버쿨럭이 가능한 제품. 좋다는 얘기다. F는 내장 그래픽카드가 없다는 뜻이다. 그래서 F가 붙으면 좀더 싸다. T가 붙는 경우도 있는데 8세대에서 대부분이다. 이는 전력소비 최적화라..

LH 와 SH란? LH 국토부산하 기관에서 전국적의 임대주택과, 공공주택을 공급하며 거주공간을 지원하는 기관이라고 합니다. SH 서울 수도권 택지 개발과 주택건설을 효과적으로 운영할수 있도록 설립이 된 정부투자기관이며, 주로 택지, 주택 개발과 건설로 인해 주거환경 개선을 실천하는 공기업입니다. SH서울주택공사 는 서울시에서 여러가지 사업과 같이 운영이 되는 공기업이며, LH주택공사 는 전국 대상으로 주거공간 확보를 위해 운영이 되는 기업이라고 생각하면 좋을것 같습니다. 또한 제일 큰 차이점은 SH는 서울에 실 거주하는 거주자만 가능하고, LH는 전국적으로 가능하는 점 입니다. 그리고 서울에 거주한다고 SH만 이용할 수 있는것이 아니라 각 기업의 조건에 맞게 주택신청을 하는것이 좋습니다.

퍼센트 구하기 포함값 / 전체값 * 100 ex) 어떠한 전체의 가로길이가 300 이고 그 안에 포함되는 값이 50일 경우 이것에 대한 50은 300 안에서 몇 퍼센트 일까요? 50 / 300 * 100 = 16.6666666....... % 값 구하기 포함 퍼센트 / 100%(전체 퍼센트) * 전체값 ex) 전체값은 300 이고 포함된 퍼센트는 20%라고 할때 20%의 값은 얼마일까요? 20 / 100 * 300 = 60 참고 javascript - 스크롤을 기반으로 이미지를 페이딩하는 수식이 필요합니다 현재 다음 공식을 사용하고 있습니다 : var scrollTop = $(this).scrollTop(); $('.item').css({opacity: 100 / scrollTop}); 그러나 내 웹 사..

기본 단축키 Alt + Z 코드를 한줄로 보거나 한 화면에 보거나 하는 토글 단축키 Ctrl + K S 열려있는 탭 모두 저장. 단축키 설정 - Wrap with Abbreviation(Ctrl + Shift + G) Emmet에 있는 기능 명령창(Ctrl + Shift + P)를 열어 wrap을 검색 하면 아래 내용이 나오는데 "Wrap with Abbreviation" 선택해서 태그를 입력(ex: li, li*)하면 선택영역을 태그로 감싸준다. Emmet: Wrap with Abbreviation ----- O Emmet: Wrap Individual Lines Abbreviation 명령창에서 검색해서 단축키 지정 가능하다. 검색하여 나오는 단어에 마우스를 데어보면 우측에 톱니바뀌가 나오는데 클릭하..

메인보드 제조업체 대표적으로 ASUS, GIGABYTE, MSI, ASRock 이 외에 ECS, 폭스콘, 이엠텍 등 CPU와 메인보드의 호환 문제 칩셋(메인보드 성능) 칩셋이란 보드의 기능을 구분해 놓은것. 즉 보드의 성능을 나타내기도 한다. 인텔 메인보드 칩셋 종류 H310(저가형) < B360(보급형) < H370(고급형, 오버클럭불가) < Z390(고급형, 오버클럭가능) 또 예를 들어 B360M pro4에서 M은 MATX를 나타낸다(크기를 나타낸다는 뜻) 즉 케이스를 작은것을 선택해야 한다. AMD 메인보드에서 AM4 칩셋 종류 A320(램오버만 가능) < B450(램오버, CPU오버 가능) < X570(전원부 강화 버전) 전원부란 예를 들어 전원부가 좋다라는 말은 보드가 허용할 수 있는 오버클럭의..

VSCode 익스텐션 설치 경로 : C:/Users/사용자이름/.vscode/extensions IntelliSense for CSS class names in HTML - Visual Studio Marketplace Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace. marketplace.visualstudio.com 작업영역안에서 정의된 클래스(class)명을 자동완성으로 보여줍니다. 좋은점은 비슷한 클래스명의 분류를 도와줄 뿐만 아니라 중복클래스를 피할 수 있기때문에 매우 유용하다 생각이 듭니다. vs..