ΛneOK v4 blog
일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.
# Side Menu
-
recentPost
-
popularPost
-
Archive
-
recentComment
Study
Study
-
기본적으로 사용하는 레이아웃 모음에전에 css-tricks 사이트에서 보고 만들어 둔 것을 이번에 블로그에 업데이트합니다. 총 4개의 파일로 나름 몇 번을 수정해서 제 스타일로 만들어 둔 것입니다. 1. 2단 반응형 레이아웃 Html Css Demo & Download Header Main Sidebar Footer body { margin: 0 auto; max-width: 56em; /* 896px = 56em * 16 */ padding: 1em 0; } body { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 10vw 30vw 10vw; grid-gap: 1em; } header, footer { grid-column: 1 / span 5; ..Study/Html_Css 2019. 10. 28.
-
웹디자인에서 고려할 글로벌 통계(해상도, 브라우저등)처음 블로그를 시작하면서 어디를 기준으로 잡아야 하는지에 대하여 고민을 많이 했습니다. 예전에 데스크톱만 있을 때에는 가로 800을 기준으로 만들곤 했지만, 지금은 여러 기계와 브라우저 등이 존재하기 때문에 미디어 쿼리등등을 고여 해서 만들어야 되니 점점 더 복잡해 지는 것 같습니다. 그래서 검색을 해서 찾은 사이트 중에 한눈에 쉽게 알 수 있을 것 같고 유용할 것 같은 사이트를 발견하여 여기에 기록하려고 합니다. 글로벌 통계 사이트 https://gs.statcounter.com 사이트를 만들거나 리뉴얼을 시작하려면 트렌드에 맞는 부분을 알고 싶어질 때 방문하여 한 번씩 보시면 됩니다. 저 같은 경우에는 해상도를 먼저 보고 브라우저를 봅니다. 예) 해상도 통계 예) 브라우저 통계 사이트의 화면에서 조금..Study 2019. 10. 28.
-
Windows 폴더 바로가기 작업표시줄 넣기간혹 D드라이브 바로가기를 작업표시줄에 넣을수 없을까 싶어 검색해보니 만들수는 있더라고요. 만드는 방법을 밑에 설명하겠습니다.사전 작업우선 작업 표시줄 빈칸을 우클릭하여 나온 메뉴에서 작업 표시줄 잠금을 해제합니다. 시작바탕화면 빈 곳에서 마우스를 우클릭하고 나오는 메뉴에서 새로 만들기 > 바로가기를 선택합니다. 바로가기 만들기 창이 나오면 항목 위치 입력에서 찾아보기를 선택합니다. 또 하나의 작은 창이 띄어지는데 대상폴더를 찾은 후 확인은 합니다. 저의 경우 D드라이브를 선택했습니다. 선택된 폴더명앞에 explorer를 추가 입력합니다. explorer뒤에 공백문자(space)로 폴더명과 한칸 띄어 씁니다. (밑의 예 - explorer d:\) 다음을 클릭하면 바로가기 이름을 정하는 화면이 나옵니다...Study/IT_PC 2019. 10. 16.
-
CSS 선택자(Selector) 우선순위기억해야 할 기본 CSS 스타일을 적용하는 데는 다양한 방법이 있으며 동시에 여러 가지 방법을 사용할 수도 있기 때문에 엘리먼트에 적용되는 스타일이 충돌할 수도 있습니다. 따라서 스타일 적용의 우선순위 규칙을 알아둘 필요가 있습니다. 선택자(Selector) 우선순위 1.속성값 뒤에! important를 붙인 속성 사용자 스타일시트 우선 !important 선언을 한 사용자 스타일 ! important 선언을 한 작성자 스타일 > 작성자 스타일 > 사용자 스타일 > User Agent 선언 (브라우저 자체의 선언) 2. HTML에서 style을 직접 지정한 속성 3. #id로 지정한 속성 4. .클래스, :추상클래스로 지정한 속성 5. 태그이름으로 지정한 속성 6. 상위 객체에 의해 상속된 속성 # 같은..Study/Html_Css 2019. 9. 5.
-
CSS의 길이단위 rem, em, px, pt, %, vw, vh, vmin, vmaxCSS에서 잘알려진 단위로는 px, pt, em 정도일 것입니다. 간혹 rem도 사용하고 있지만 이번에 소개할 단위는 다소 생소할수 있지만 많은 실무자들은 알고 있고 사용도 하고 있는 부분입니다. 저 같이 웹초보자들이 다소 실수 할 수도 있는 단위를 정리해 볼려고 합니다. 저 또한 이 글을 적으면서 많은 단위가 있다는 것을 알게 되었습니다. CSS길이 The Lengths of CSS # 절대 단위 (pt, px) UnitDescription cm센티미터 mm밀리미터 in인치 (1in = 96px = 2.54cm) px픽셀 (1px = 1/96th of 1in) pt포인트 (1pt = 1/72 of 1in) pc파이카 (1pc = 12 pt) 1in = 96px | 1cm = 37.8px | 1mm = ..Study/Html_Css 2019. 8. 21.
-
VMware의 스냅샷(Snapshot)VMware의 스냅샷(Snapshot) 기능은 마치 사진을 찍듯이 현재 가상 머신의 상태를 저장해 두고, 사용자가 원하면 언제든지 스냅샷을 저장해 둔 상태로 돌아갈 수 있게 해 주는 기능입니다. 2019/07/30 - [머리아픈것들/공부] - VMware에서 라즈비안 설치하기 2019/08/01 - [머리아픈것들/공부] - VMware에서 라즈비안 설치하기 (추가) 저번 포스트까지 설치만 했다면 이번부터는 응용이나 활용이 되겠네요. 이 기능은 VMware에서 자주 사용하는 기능으로 테스트용이라면 아주 유용한 기능이 되겠네요. 자 그럼 Vmware의 스냅샷을 이용하는 방법을 알아보도록 하죠. Vmware의 스냅샷 저 같은 경우에는 사이드바를 이용했고, 메뉴에서는 VM을 이용하면 됩니다. 사이드바 > 해당 ..Study/IT_PC 2019. 8. 1.
-
VMware에서 라즈비안 설치하기 (추가)라즈비안 OS를 설치에서 그래픽 설치 부분을 적으려고 합니다. 저번 포스트에서는 그냥 넘어갔는데 이번에 정리 한번 해 봅니다.2019/07/30 - [머리아픈것들/공부] - VMware에서 라즈비안 설치하기라즈비안 OS 설치Graphical install 실행영어 버전으로... 한글이 없더군요. CD 부분은 VMware에서 미리 iso를 넣었기 때문에 빠르게 넘어갑니다. 그 후 LVM설정하라는데 넘어갑니다. ... 다음하드디스크 부분이네요. 넘어 갑니다.다음으로... 사실 무슨 말인지 감은 오는데 설명은 못하겠네요. 사실 잘 몰라서...이렇다는 다시 확인이라 ... 다음으로... 정말 이 부분은 아리송합니다. 그냥 전 yes라고 했습니다.그냥 yes로 고고.../dev/sda 선택후 다음으로... 이렇다..Study/IT_PC 2019. 8. 1.
-
VMware에서 라즈비안 설치하기얼마 전부터 스마트미러에 꽂혀서 가만히 있던 모니터 박살 내고 어쩔 수 없이 만들어야 하는 설정으로 가고 있습니다. 그러다 보니 매번 설치하고 또 실패하고 설치하고 반복하다 보니 이래서는 안 되겠다 싶어 VMware를 사용 몇 번 해보기로 했습니다. 그 첫 번째로 VMware에 라즈비안 설치해 보고 이것저것 한 기록을 적으려고 합니다. 라즈비안 이미지 다운 우선 라즈베리파이의 라즈비안 이미지는 VMware에서는 설치가 되지 않습니다. 물론 테스트는 Windows에서 했고요. linux에서는 모르겠습니다. 그래서 다운로드 링크가 다릅니다. (처음 이것을 몰라 얼마나 고생을 했는지...)링크 : https://www.raspberrypi.org/downloads/raspberry-pi-desktop/위의 링..Study/IT_PC 2019. 7. 30.
-
원도10 사진뷰어를 원도7 사진뷰어로 변경하기얼마 전부터 원도우10을 사용 중에 약간의 불편함이 있는 사진 뷰어를 예전 원도우7 사진 뷰어로 바꿀 수 없을까 싶어서 검색 중에 알게 된 부분입니다. 이번에 변경으로 한번 스샷찍고 이렇게 블로그 적어 봅니다. 레지스트 편집기를 이용 바탕화면 하단에 있는 ' '의 마우스 오른쪽 단추를 눌러 '검색(S)'을 클릭 'regedit'를 적어 레지스터리 편집기에 들어갑니다. 왼쪽 폴더의 밑의 주소로 이동하여 문자열 값을 추가하면 됩니다. 컴퓨터 \ HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Windows Photo Viewer \ Capabilities \ FileAssociations 위에 적힌 폴더로 이동하여 빈 곳에 '[마우스 우측버튼 - 새로 만들기 - 문자열 값]'을..Study/IT_PC 2019. 7. 16.
-
Microsoft Visual C++ Runtime Library 런타임 에러얼마전부터 티스토리 이미지업로드창이 열리면 'Microsoft Visual C++ Runtime Library - 런타임 에러' 가 발생하여 여간 귀찮은 것이... 인터넷을 뒤져서라도 제거해야겠다는 생각을 했습니다. (윈도우10 x64) C 런타임 오류 R6016 마소(microsoft) 사이트에 가서 R6016을 검색하니 몇가지 부분에서 글이 있더군요. https://docs.microsoft.com/ko-kr/cpp/error-messages/tool-errors/c-runtime-error-r6016?view=vs-2019 요약도 있어서 적습니다. 스레드 데이터에 대한 공간이 부족합니다. ⓘ 참고 앱을 실행 하는 동안이 오류 메시지를 발생 하는 경우 앱 종료가 내부 메모리 문제가 있기 때문입니다. ..Study/IT_PC 2019. 7. 12.
-
한글 2018 체험판/교육기관 로고 지우기로고 파일 설치는 제가 말하지 않아도 이 포스트에 들어온 분이면 이정도는 알것이라 생각하고 넘어가겠습니다 제목에서와 같이 로고가 체험판/교육기관이 써저 있는 부분이 조금 거슬린다 싶은 분들이면 밑에 파일을 다운하여 해당 폴더에 넣으시면 됩니다. (Windows기준) 다운로드 zip파일을 풀고나면 2개의 이미지파일과 txt파일 1개가 있습니다. txt파일 안에 해당 경로가 있습니다. 이 경로에 각각의 이미지 파일을 붙여넗기 하시면 됩니다. 경로로는 아이콘인 한글 2018의 파일 위치 열기에 들어가시면 쉽게 찾을수 있습니다. 위의 파일위치를 열면 C:\Program Files (x86)\HNC\Office 2018\HOffice100\Bin로 갑니다. 그후 뒤의 위치로 이동하면 쉽습니다. 위치로는 2개의 이..Study/IT_PC 2019. 6. 14.