백구의 코딩찌개 백구의 코딩찌개

Serilog 패키지를 사용하여 log 를 출력하고 파일에 저장하는 기능을 적용해보도록 하겠습니다. 우선, Nuget Package 에서 아래 패키지를 설치해줍니다. Serilog Serilog.Sinks.Console Serilog.Sinks.File 저는 json 파일로 config 설정을 해줄 것이므로 아래 패키지를 추가로 설치했습니다. Serilog.Settings.Configuration Microsoft.Extensions.Configuration Microsoft.Extensions.Configuration.FileExtensions Microsoft.Extensions.Configuration.Json 이렇게 설치하고 나면 기본적인 Setting 은 끝났습니다. 이제 코드 작성으로 넘어가보..

회사에서 WPF 를 사용하기 시작한지 어느덧 한달이 지났습니다.. React 공부해서 FrontEnd 로 들어왔지만 갑작스레 WPF 를 하게되어 매일매일이 낫선 업무의 투성이죠. 오늘도 그 낯선 녀석때문에 골치가 아팠었는데, WPF 프로젝트를 만들고 나서 settings 으로 사용할 json 파일을 생성한 다음에 read 해주려고 하면 경로가 일치하지 않아서 계속 파일이 없다는 에러가 발생했습니다. 왜 계속 에러가 생기나,, 봤더니 WPF 프로젝트를 실행하게되면 별도의 output 을 설정하지 않는 한 bin/Debug/net 경로에서 시작지점이 정해지게 되는데, 제가 만들어준 settings.json 파일이 여기 경로에 만들어지지 않아서 계속 에러가 났었습니다. 따라서, json 파일을 빌드 경로에 추..

원인 라이브러리를 사용할 때, 항상 최신에 업데이트 된 라이브러리를 사용할 수 있으면 좋겠지만 불가피하게 오래된 라이브러리를 사용해야할 때도 있습니다. 이번에 개발할 때도 마침 이런 상황에 직면했었습니다. sveltekit 이나 next 에서 사용하려고 import 했더니 @types 용 모듈이 존재하지 않아서 발생하는 에러길래 처음에는 package.json 도 확인해보고, 다음으로 @types 모듈도 설치하려고 했지만 존재하지 않는 모듈이라고 설치가 불가능하길래 어떻게 해야하나,, 하고 있었습니다. 그러던 중 구글링을 통해서 같은 문제를 겪고 있던 사람들이 해결한 방법을 보았고, 저도 그 방법으로 해결할 수 있어서 기록을 남기려고 합니다. 해결 방법 @types 모듈이 설치할 수 도 없고, 존재하지 ..

HTML 상에서 ' 같은 특수기호를 표시하려고 했는데 그대로 입력해서 적용하면 표시가 제대로 안되길래 한번 알아보았습니다. 일반적으로, HTML 에 특수 문자를 삽입할 때, & 기호와 ; 기호 사이에 숫자 혹은 문자를 입력해서 특수문자를 표시할 수 있습니다. 공백 문자를 표시하려면 를 사용해야 합니다. 이밖에도 특수문자를 표현하는 코드들을 알아보도록 하겠습니다. 자주 사용하는 HTML 특수문자 코드 표현문자 숫자표현 문자표현 설명 " " " 따옴표 & & & Ampersand > > 보다 큰 space Non-breaking space ⓒ © © 저작권 ® &­#174; ® 등록상표 ° &­#176; ° Degree sign ± &­#177; ± Plus or minus · · · Middle dot ×..

Next.js 로 프로젝트 개발 중에 일반적으로 태그 대신에 를 사용하곤 합니다. 태그 사용 시 기존에는 현재 탭에서 새로운 탭으로 이동했는데, 저는 새로운 탭에서 열게 만들고 싶었습니다. 현재 Next 13 이상 버전으로 개발 중이므로, 이를 기준으로 코드를 작성하려고 합니다. Next 13 Version 이상 import Link from 'next/link'; function MyLinkComponent() { return ( click! ); } export default MyLinkComponent; 기존 사용코드에서 target="_blank" 만 추가해주면 됩니다.

생명주기 (LIFE CYCLE)란? 컴포넌트가 연결되고 해제되는 등의 컴포넌트 생명주기를 말합니다. ex) 클릭해서 toggle 이 true 로 바뀌고, Child 컴포넌트가 출력될 때, 이 Child와 연결이 되었다라고 볼 수 있다. (Mount 되었다 라고 말한다.) 다시 클릭해서 toggle 이 false 가 되고, Child 컴포넌트가 사라질 때, 연결이 해제 되었다라고 볼 수 있다. (Destroy 되었다 라고 말한다.) toggle 버튼을 누를때 마다 toggle 라는 데이터가 변경되고, 그 데이터에 의해서 특정한 내용이 변한다. -> 반응성을 가진다.(화면이 갱신, 데이터 동기화(렌더링) -> before update (바뀌기 전) -> after update (바뀐 후) 로 볼 수 있다. ..

저번 시간에는 스벨트란 무엇인지, 그리고 스벨트 Template 설치에 대해서 알아보았습니다. 이번 시간에는 스벨트에서 사용하는 문법에 대해서 간단히 알아보도록 하겠습니다. svelte 기본 구성 기본적으로 하나의 svelte 파일 내에서 script 태그, html 태그, style 태그를 사용할 수 있습니다. Html 태그에서 {} 를 사용하면 js 문법이 사용 가능합니다. (선언적 렌더링 가능) 예시 코드 bind 데이터의 양방향 연결(양방향 데이터 바인딩) –단방향 바인딩 앞에 bind: 를 붙여준다. => ex) input 에서 값을 입력하면 다른 태그의 값도 바뀐다. on:input 과 value 로 묶어주는 역할을 bind: 하나로 수행 가능 // 일반적인 방법 {text = e.target..

오늘은 파이썬에서 자주 사용하는 네가지 컬렉션에 대해 알아보도록 하겠습니다. 파이썬에는 기본적으로 List, Tuple, Set, Dictionary 가 있습니다. List 파이썬에서는 배열을 리스트로 선언하며, 서로 다른 자료형을 넣을 수 있다. 리스트도 인덱싱 및 슬라이싱이 가능. 선언 방법 a = []# 빈 리스트 b = [1, 2, 3]# 정수로만 이루어진 리스트 c = ['a', 'b', 'c', 'd']# 문자열로 이루어진 리스트 d = [1, 2, 'a', 'b', True]# 여러 자료형으로 이루어진 리스트 e = [1, 2, ['a', 'b']]# 이중 리스트 f = [1, 2, ['a','b',['안녕','하세요']]]# 3중 리스트 기본 연산자 (+ , *) # 리스트 연산자 list..