SOURCE BOX

시스코 패킷 트레이서(Cisco Packet Tracer)는 시스코(Cisco)에서 개발한 네트워크 시뮬레이션 도구로, 네트워크 디자인, 구축, 테스트, 디버깅 등 다양한 네트워크 관련 작업을 시뮬레이션하여 수행할 수 있는 프로그램이다. 이 도구는 주로 네트워크 및 IT 교육과 관련된 환경에서 사용되며, 네트워크 엔지니어링 및 관리자들이 네트워크를 구축하고 문제를 해결하는 데 도움을 주는데 사용되고 있다. 패킷트레이서를 다운로드 받아 설치해보자.

R 언어에서 pipe는 데이터를 효과적으로 전달하고 조작하는데 사용되는 연산자이다. R에서 가장 널리 사용되는 파이프 연산자는 magrittr 패키지의 %>% 기호이고, 데이터를 연속적으로 다루는데 효과적이다. 파이프 연산자는 일반적으로 함수를 연결하여 코드를 더 읽기 쉽게 만들어주고 중첩된 함수 호출을 방지한다. 개인적으로는 파이프를 사용하면 데이터 처리 단계를 자연스럽게 나타낼 수 있어 코드 가독성이 좋다고 생각한다.

R 프로그램을 설치한지 꽤나 지난 것 같아서 오랜만에 콘솔창에서 R 버전을 확인해봤더니 2021년 8월 배포된 4.1.1 버전이다. M1 맥북 구매하고 나서, R 프로그램의 Apple 칩셋 빌드버전이 나오자마 설치했던 기억이 있는데 벌써 2년이 지났다니 시간이 참 빠르다. R 버전 업데이트를 오랜만에 해보고 과정을 기록한다.

tibble 을 사용해서 데이터를 구성하면, 수많은 tidyverse 의 패키지들을 이용해서 데이터를 정리하거나 원하는 형태로 가공하기 편하다. 그 중에서 하나의 문자열을 특정 구분자나 규칙(정규식)을 이용하여 여러개의 컬럼으로 나누는 방법을 설명하려 한다.

이 블로그는 hugo 프레임워크를 사용하고 있고, 테마는 beautiful hugo를 사용하고 있다. 사실 이 블로그를 만들고 나서 디폴트 기능과 디자인 외에 덧붙일만한 기능들을 공부해가며 추가해왔다. 예를 들면 애드센스광고를 특정위치에 넣는다던가, 문단과 문단사이 간격 조정하기 위해 CSS 파일구조를 파악하고 수정하기도 했다.

pre 태그는 HTML에서 사용되는 태그 중 하나로, “preformatted text"의 약자이다. 이 태그는 텍스트를 미리 서식이 지정된 상태로 표시하도록 지정하는 데 사용되고, pre 태그 안에 있는 텍스트는 웹 브라우저에 정확히 그대로 표시되며, 여백과 줄 바꿈, 공백 등이 그대로 유지된다.

부트스트랩을 이용하면 손쉽게 반응형 웹페이지를 만들 수 있다. 저번 포스팅에서는 간단한 그리드형태를 만들어 봤었는데, 추가로 html element 들의 위치를 지정하는 방법을 정리해본다. 클래스이름은 position-*** 으로 시작하며, 여러가지 기능이 있지만, position-relative, position-absolute 만 주로 다룰 예정이다.

Svelte를 공부하면서, 하나씩 공부한 것들을 구현해보는 간단한 프로젝트를 하나 만들었다. 로컬PC에서만 서버를 구동해서 결과만 확인하다가, 무료 웹호스팅을 이용하여 언제든 외부에서 접근할 수 있게 하고 싶었다. Vercel 을 한번 사용해서 무료로 클라우드 서비스를 이용해보자.

Svelte 를 공부하면서 코드를 웹페이지에 넣을 일이 많아지는데, <pre> 태그만 쓰자니 아쉬워서 highlight.js 라이브러리를 사용해보기로 했다. 공식문서만 보고 그냥 html 파일에 따라하는 것은 그렇게 어렵지 않았는데, 이걸 svelte 구조에 맞춰 처리하려니 생각보다 어려웠다. 2가지 방식만 정리해본다.

<a> 태그는 앱의 경로 사이를 탐색하는 데 사용된다. 그런데 <a> 로 페이지간 이동할때, Svelte에서는 페이지 전체가 리로드(reload) 되지 않고 하나의 앱처럼 매끄럽게 동작하는게 디폴트이다. 웹 어플리케이션을 구현하는 데는 적절하나, 간혹 전체 페이지를 로딩(새로고침)해야 하는 케이스도 필요한데 그 방법을 알아보고자 한다.