본문 바로가기
반응형

전체 글856

닌텐도 스위치 - 별의 카피 디스커버리 글로벌 버전 에뮬레이터는 테스트 목적으로 사용하시고, 본인에게 맞는 게임이라고 판단되면, 구매하시기 바랍니다. 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.
Svelte - SPA routes 설정 Web은 우리가 특정 사이트의 페이지를 방문하면 해당 페이지의 모든 내용을 서버에 요청을 하고 응답 받아 화면에 보여주는 하나의 사이클로 연결성이 없는 단일 요청 방식으로 구성되어 있다. 이렇다 보니 페이지를 요청할 때, 다양한 웹 화면에 구성된 이미지를 비롯해서 모두 새로 가져오기 때문에 서버에서는 적지 않은 부담이 된다.(브라우저에서 캐쉬를 가지고 있다고 하더라도 여러 사용자가 이와 같은 페이지 전체 요청을 하는 경우 서버에게 큰 부담이 될 수 밖에 없다.) 하지만 Front-End의 기술이 발전하면서, 실제 요청시 필요한 데이터만 요청을 하는 방식을 통해 보다 서버의 부하를 줄이고, 효율적으로 사용할 수 있는 방식이 개발 되었고, 이를 SPA(Single-Page-Application)이라고 한다... 2022. 3. 30.
Sass(SCSS)란, 사용법 HTML 의 화면의 디자인 적인 요소로 사용되는 CSS는 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로써, 웹 화면의 표현을 간편하면서, 레이아웃과 스타일을 정의할 때의 자유도가 높다고 할 수 있다. 그리고 편리하 사용성은 누구나 쉽게 접근하여 사용할 수 있지만, 들어갈 수록 그 복잡함도 함께 커지게 된다. 이러한 CSS는 W3C의 표준 스타일시트로 활용되고 웹 표현에 필수 요소 이기에 반드시 사용해야 하지만, CSS의 불편한 부분을 보완하고 편의성을 높인 CSS 전(Pre)처리기가 나오게 되었고, 이것이 Sass/SCSS이다. * CSS 전처리란 CSS가 동작하기 전, 즉 개발 단계에서 이 전처리 언어인 SCSS를 사용하고 실제 웹에서는 CSS로 변환해서 동작되는 것을 의미한다. Sass/.. 2022. 3. 29.
Linux/Ubuntu 파일 개수 확인 wc 명령은 라인 갯수를 셀 수 있는 명령이다. 이 명령을 이용하면 손쉽게 파일 개수 확인이 가능하다. 현재 위치의 파일 개수 ls -l | grep ^- | wc -l 현재 폴더의 하위 폴더를 포함한 파일 개수 find . -type f | wc -l 2022. 3. 29.
반응형

티스토리툴바