본문 바로가기
반응형

분류 전체보기1057

CSS - element 요소 정리 CSS를 작성할 때 기본적으로 알아두면 좋은 element에 대해서 정리해 본다. (현재 업데이트중...) Ctrl + F 키로 검색을 하면 보다 편하게 찾을 수 있다. 요소 설명 background-color 배경 색 border 테두리 스타일 color 글씨 색상 padding 세로 가로 크기 text-align 글씨 정렬 (가로 기준) text-decoration 글씨 표현 방식(기본값 링크시 밑줄) display 가로 세로등 element 표현 방식 font-size 글씨 사이즈 border-radius 모서리 라운딩 :hover 마우스가 위치할때 변화 transition-duration :hover시 전환되는 속도(기본값 0) box-shadow 배경 그림자 설정 float 그룹의 정렬 위치, .. 2022. 4. 3.
닌텐도 스위치 Emul - yuzu 사용법 닌텐도 스위치용 게임을 구매하기 전에 테스트 목적으로 사용할 수 있는 에뮬레이터가 있어 소개한다. 원활한 게임은 불가능 하지만, 게임을 구매하기 전에 테스트 및 맛보기로 활용할 수 있을 것으로 본 글을 포스팅한다. (게임 구매는 많은 게임회사의 게임 개발에 도움을 주기 때문에 만약 재미있게 즐겼다면 게임을 구매함으로써, 게임 업계의 발전에 기여할 수 있습니다. 우리 모두 게임 산업을 사랑하는 게이머가 됩시다!) Yuzu 에뮬레이터는 닌텐도 스위치 게임을 PC로 플레이해볼 수 있는 에뮬레이터이다. GPU보다는 CPU 리소스를 많이 사용하기 때문에 최근 CPU일 수 록 좋은 성능을 발휘한다. 본 에뮬레이터 다운로드 경로는 아래와 같습니다. Downloads - yuzu (yuzu-emu.org) 해당 페이지.. 2022. 4. 2.
윈도우 구조 - 커널 진입 - Ntdll.dll 세부 분석 우리가 편지를 쓴다면, 보내는 사람은 “나”라는 이름으로 편지를 보내고, 받는 사람 “너”라는 사람이 편지 내용을 읽고 회신하게 된다. 이 과정 속에 실질적인 편지 배달은 우체국에서 진행하게 된다. 우체국은 중간에서 편지를 각 지역별로 구분한 후, 공통된 배달 방식에 맞게 구분하여 편지를 배달해 주는 것이다. 이와 같은 원리는 시스템에서도 볼 수 있다. 편지와 비교해 본다면, “나”는 응용프로그램으로 사용자의 입력이나, 처리 요청을 받아 개발 의도에 맞게 가공하여 커널에 처리를 요청하게 된다. 그리고 커널은 편지에서 “너”라고 할 수 있다. 이 둘간의 전달 역할을 해주는 것이 서브시스템과 Ntdll.dll로써, 서브시스템은 바로 우편배달부처럼 각 지역 요청들을 수집하여 우체국에 전달하고 이를 우체국과 유.. 2022. 4. 2.
닌텐도 스위치 - 별의 카피 디스커버리 글로벌 버전 에뮬레이터는 테스트 목적으로 사용하시고, 본인에게 맞는 게임이라고 판단되면, 구매하시기 바랍니다. Title: Kirby and the Forgotten Land Release Date: Mar 25, 2022 Category: Action, Platformer Publisher: Nintendo Language: En, Fr, De, It, Es, Ja, Nl, Zh, Ko 다운로드 링크 더보기 Kirby and the Forgotten Land Switch NSP/XCI [FULL GAME] | NXBrew.com 에서 다운로드 가능합니다. 토렌트 링크 http://1link.club/70670 https://youtu.be/P_WO8ch_w4c 2022. 4. 2.
CSS 마침표 "."의 의미 CSS에서 Style을 지정할 때 "."은 선택자로 특정 스타일을 지정하는 용도로 활용된다. . 기호는 class 값을 고유 선택자로 지정할 때 사용된다. 이러한 선택자는 HTML 태그에 고유 식별자를 지정해서 개별적인 디자인 효과를 줄 때 사용하므로 특정 스타일을 구분할 때 효과적이다. . 점 고유 선택자 나, 너, 우리라는 h1 태그를 달고 있는 글자를 출력하고자 한다. 이때 "나"라는 h1 태그에만 빨간색 효과를 주고자 한다면, class를 red를 지정하고, .h1라는 스타일 이름을 생성해 테스트를 해보도록 하자. 나 너 우리 아래와 같이 고유 식별자로 지정한 .h1를 통해 빨간색이 적용 된다. . 이 없는 건 바로 html 에 기본적 태그에 사용할 수 있다. 만약 위에 사용하고자 한다면, h1 .. 2022. 4. 2.
SVELTESTRAP - Bootstrap 5, Svelte에서 사용하기 CSS를 많이 직접 작성해서 만드는 방법도 있지만, CSS Framework로써, 사전에 구성된 디자인 스타일을 이용하면 보다 손쉽게 화면을 구성할 수 있어서 기존에 필자 역시 웹 개발에 자주 사용하였다. 이번 Svelte를 진행하면서 기존 방식으로 활용할 수 있지만, Svelte에 최적화 된 BootStrap 버전인 SvelteStrap 에 대해서 얘기해 보고자한다. SvelteStrap은 Bootstrap 와 완벽하게 호환하여 Svelte에서 손쉽게 Bootstrap을 사용할 수 있도록 도와준다. 이를 사용하기 위해서 설치하는 방법은 npm을 이용해서 손쉽게 설치할 수 있다. 설치 npm install sveltestrap 이제 css 사용을 위해 main.js에 css를 import 시키도록 하자... 2022. 4. 2.
Spring4Shell - Spring RCE 취약점 및 조치 방안 정리 https://spring.io/blog/2022/03/31/spring-framework-rce-early-announcement 2022. 4. 1.
Svelte URL 파라미터 사용 특정 검색 내용을 페이지로 넘겨서 지속적으로 제공하고자 하는 경우 URL 파라미터를 이용하게 되는데, Svelte역시 이를 활용할 수 있다. svelte-spa-router를 사용하여 어떻게 URL 파라미터를 사용할 수 있는지 알아보자. GitHub - ItalyPaleAle/svelte-spa-router: Router for SPAs using Svelte 3 Svelte에서 SPA를 구성하는 방법은 아래 링크에서 확인하기 바란다. Svelte - SPA routes 설정 (asecurity.dev) SPA 구성을 완료하고 이제 URL 파라미터를 사용하고자 한다면, 사용하고자 하는 페이지에 svelte-spa-router에서 제공하는 querystring 을 이용하여 구성할 수 있다. The curr.. 2022. 3. 31.
Google Font 사용/적용하기 Google에서는 웹 개발에 사용할 수 있는 다양한 폰트를 무료로 제공하고 있다. 오늘은 해당 폰트를 사용하는 방법에 대해서 간단히 정리해보도록 하겠다. 구글 폰트를 사용하기 위해서는 먼저 구글 폰트 사이트로 접속을 한다. Browse Fonts - Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 접근을 하게 되면 현재 Google에서 이용할 수 있는 폰트를 확인할 수 있으며, 보통은 자주 사용하는 폰트에 대해서 검색을 통해서 확인 할 수 있지만, Sort 기능을 이용해서 최신 Trend에 맞는 폰트라거나, 최신(Newest)등을 선택해서 정렬과 Ca.. 2022. 3. 31.
반응형

티스토리툴바