본문 바로가기
반응형

분류 전체보기996

CSS - pre 자동 줄바꿈 적용하기 웹개발시, 긴 텍스트등을 출력할 때 보기에 pre가 가장 적절하다. 그런데 pre 태그를 사용하면 기본적으로 줄바꿈이 되지 않는다. 줄바꿈이 되지 않은 상태: 인터넷 상에 다양한 코드가 있지만, 가장 확실한건 아래와 같이 pre 를 CSS에 적용하고 해결 되었다 pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; } 줄바꿈이 적용 상태: 2024. 3. 10.
Java - 비구조화 할당(Unpacking) 이해, 예제 포함 Java에서는 비구조화 할당이라는 기능을 제공하는데, 고급 개발 언어인 이유중 하나가 바로 비구조화 할당이라고 할 수 있다. Python에서도 제공하는 기능이지만 비구조화된 할당을 사용하면 다음과 같은 장점을 가지게 된다. 코드 가독성 향상 당연한 거지만 비구조화 할당은 코드를 더욱 간결하고 읽기 쉽게 만들어 줍니다. 변수명이 길거나 복잡한 객체를 다룰 때 유용하게 사용할 수있다. 코드 중복 제거 비구조화 할당을 사용하면 불필요한 중복 코드를 제거할 수 있는데, 반복적(for 문과 같이)인 객체의 속성을 추출해서 변수에 저장할 때 객체명을 계속해서 입력하는 것을 방지할 수 있다. 속도 향상 비구조화 할당은 작은 메모리 객체에서 더욱 효율적이다. 이유는 객체의 속성을 개별 변수로 바로 할당하기 때문이다. .. 2024. 3. 10.
Svelte 3.5 2023년 하반기 업데이트 주요 기능 하이라이트 2023년 하반기에는 Svelte가 3.5로 업데이트하면서, 동시에 SvelteKit를 1.0을 발표하였다. 아래와 같은 주요한 업데이트가 있다고 하니 3.5버전을 적극적으로 사용해보고 싶다. SvelteKit 1.0 출시: 완전히 새롭게 디자인된 라우팅 시스템: 더 빠르고 유연하며 강력한 기능으로 새로운 라우팅 API 및 파일 기반 라우팅 제공 새로운 엔드포인트 API: 서버 측 렌더링 및 정적 사이트 생성 지원 향상된 Vite 통합: Vite 기반 빌드 시스템으로 빠른 빌드 속도 및 향상된 개발 경험 제공 새로운 adapter API: 다양한 플랫폼에 SvelteKit 애플리케이션을 배포 가능 Svelte 3.5 출시: 새로운 svelte.config.js 파일: Svelte 컴파일러 및 Vite 설.. 2024. 3. 10.
Svelte - 3.x 2023 상반기 업데이트 new feature 하이라이트 필자가 좋아하는 Svelte 가 2023년 상반기에 주요한 업데이트 내용을 정리해 보았다. 현재 5월 기준 아래와 같은 기능 개선이 있었다. Improve detection of promises that are also functions (Svelte 3.55.1, #8162) Add missing types and properties for the global part attribute and on:submit, respectively (Svelte 3.55.1, #8181) Lots of performance and bug fixes (Svelte 3.55.1* and extensions-107.0.x) 2023년 4월에는 대부분 기능 개선의 업데이트만 존재한다. svelte/elements has .. 2024. 3. 10.
MarkDown - 가장 많이 사용하는 마크다운 정리 제목: #을 사용하여 제목을 만들 수 있다. # Hello World는 "Hello World"라는 제목을 만든다. 굵게: ** 또는 __를 사용하여 텍스트를 굵게 표시할 수 있습니다. **bold text**는 bold text로 표시 기울임: * 또는 _를 사용하여 텍스트를 기울임꼴로 표시할 수 있습니다. *italicized text*는 italicized text로 표시 취소선: ~~를 사용하여 텍스트에 취소선을 추가할 수 있다. ~~strikethrough text~~ 는 strikethrough text로 표시 목록: 순서 있는 목록은 1., 2., 3. 등으로 시작하며, 순서 없는 목록은 - 또는 *로 시작한다. - Item 1과 * Item 2는 모두 순서 없는 목록의 항목을 만든다. 인용.. 2024. 3. 10.
Python - Timezone 포맷 Datetime 값 비교 오류 TypeError: can't compare offset-naive and offset-aware datetimes 시간 포맷이 생각보다 다양하다는 것을 먼저 인식하고 있어야 문제에 대해 쉽게 접근할 수 있다. 이 오류는 시간 비교시, 서로 간에 포맷이 맞지 않아서 발생하는데, 특히 이 문제가 어려운 경우는 보통 TimeZone 값이 있을 경우라고 할 수 있다. 타임 존이 있는 값과 타임 존이 없는 값은 서로 다른 타입으로 비교가 되지 않기 때문이다. 이 문제를 해결 하기 위해서는 두가지 값중 하나를 맞추어야 하는데, 보통 다음과 같이 해결 할 수 있다. Timezone 추가하기 Timezone은 pytz 파일에서 제공하는데 이를 이용해서 먼저 타임존을 선언해 놓을 수 있다. import pytz UTC.. 2024. 3. 10.
원신 - 모르트 구역, 첫 이슬의 근원 수집 첫 이슬의 근원은 폰타인 모르트 구역 수중에 많이 존재하는데, 지도를 보기보다는 아래 2가지 곳만 잘 살펴도 많이 수집이 가능하다. 1. 거대 조개 폭파 2. 거대 꽃잎 근처 재료 수집에 어렵지 않도록 모르트 이외 구역에는 존재하지도 않기 때문에 쉽게 모을 수 있을 것이라고 생각된다. 2024. 3. 10.
원신 임무 - 폰티날리아, 정적을 깨는 총성 장미와 화승총은 원신 4.3 버전의 이벤트 임무로 진행되며, 4개의 미니게임과 아야토 , 아야카, 치오리 등에 대한 캐릭터에 대해서 알아볼 수 있는 임무를 포함하고 있다. 정적을 깨는 총성은 첫 시작 임무로써, 영화 제작에 필요한 인원들을 구성하면서 그 속에 숨겨진 사건을 해결하는 과정을 그린 임무이다. 이벤트의 시작은 폰타인 성의 5시 방향 2층 동상이 있는 부근에서 시작된다. 도착해보면, 자비에가 모리스와 이야기를 나누고 있는데, 돌발상황이 발생하여 난처한 상황으로 보인다. 얘기를 들어보면, 폰타날리아 축제를 진행하는데, 자금 문제가 발생한 상황이다. 곧 아야토 , 아야카, 치오리가 레일보트를 타고 도착한다면서 임무가 시작되며, 동시에 미니게임 4종도 즐길 수 있다. 그럼 먼저 간단히 미니게임을 소개.. 2024. 3. 10.
Python - Datetime 특정 시간 간격으로 나누기 DateTime을 특정 시간으로 나누어 실행해야 하는 경우 유용한 함수이다. 방식은 시간의 차이를 계산한 후 이를 나누어야 하는 타임값으로 나누어 저장하는 방식이라고 할 수 있다. 코드는 아래와 같다. import datetime def split_time_range(start_time, end_time, interval): # 시작 시간과 종료 시간을 UTC로 변환 start_time = datetime.datetime.combine(start_time.date(), start_time.time(), tzinfo=datetime.timezone.utc) end_time = datetime.datetime.combine(end_time.date(), end_time.time(), tzinfo=dateti.. 2024. 3. 10.
반응형

티스토리툴바