bbon

[bbon]

Troubleshooting issues that upgrades Dotnet Maui v7 to v8

Troubleshooting issues that upgrades Dotnet Maui v7 to v8

Environments Apple SDK 개발 장치가 macOS 인 경우 Xcode 를 열고, 지원 플랫폼 목록에서 아래 플랫폼 지원을 위한 SDK 를 설치해야 합니다. macOS 14.5 SDK (Xcode 설치시 기본으로 설치됩니다) iOS 17.5 SDK Android SDK SDK 관리자에서 API 34 관련 도구를 설치해야 합니다. Troubleshooting 프로젝트 파일 자동 포맷팅 관련 문제 .csproj 파일은 XML 형식으로 관리됩니다. 일부 편집기에서 포맷팅을 하는 경우 아래와 같이 변경되는 경우가…

[bbon]

How to fix build time error related @tailwindcss/typography

오랜만에 빌드 스크립트를 실행하니, 아래와 같이 오류와 함께 실패합니다. $ npm run build > sample-next-i18next@1.2.1 build > next build info - Linting and checking validity of types info - Creating an optimized production build Failed to compile. ./src/components/common/RouteIndicator/RouteIndicator.module.css TypeError: Cannot read properties of undefined (reading '700') at module.exports [as typography]…

[bbon]

Review 2023

2023년을 돌아봅니다. Tech Stacks .NET .NET 8 (LTS) 이 출시 되었습니다. 관련 저장소들에 적용해야 하는데, 아직 시작하지 못했습니다. 유지관리 중인 nuget 패키지들의 대상 프레임워크에 .net 8 을 추가해야 합니다. React 메타에서 공개한 stylex를 조금씩 확인하고 있습니다. JSS 의 타입스크립트 버전(?) 인 듯 합니다. 저는 jss 는 사용해보니 불편해서 css 로 관리하고, tailwind css 를 활용하고 있습니다. 예전의 불편함이 없고 성능이 잘 나오는지 stylex 로 실험을 해봐야겠습니다. CI/CD 업무상 필요에 의해 GitHub workflows 를 활용한 git-flow 자동화를 진행했습니다. 작업 브랜치에서 관리용 브랜치로 풀 리퀘스트가…

[bbon]

깃허브 워크플로우를 활용한 자동 풀 리퀘스트 작성

개요 깃 플로우 Git flow 코드의 버전 제어를 위해 깃 Git 을 사용하면 보통 깃 플로우 Git flow 를 활용하고 계실 것으로 생각합니다. 통상적으로 깃 플로우를 활용하면 기본이 되는 브랜치 (보통 main) 와 코드 통합용 브랜치 (보통 dev), 작업용 브랜치 (features/*, fix/*, …) … 등 여러 브랜치를 관리해야 합니다. 작업이 완료된 코드는 여러 단계를 거쳐 기본 브랜치로 병합됩니다. 이 때, 브랜치간 병합과 코드 리뷰를 위해 깃허브의 풀 리퀘스트 기능을 많이 활용하고 계실 것으로 생각합니다. 현재 상태 제가 보통 관리는 저장소는 아래와 같이 처리하고 있습니다. 작업 브랜치 (features/1-some-feature)에서 코드를 작성하고, 코드 통합을 위한 브랜치…

[bbon]

GitHub Action: Get next version action

GitHub Action: Get next version action

개요 깃허브 워크플로우 중 PULL_REQUEST 이벤트에서 활용할 수 있는 액션입니다. 기본 브랜치로 병합이 지정된 풀 리퀘스트가 완료될 때, 기본 브랜치로 병합이 발생하는 경우 풀 리퀘스트의 라벨에 따라 다음 버전 이름을 제안합니다. 동작: 깃 태그 이름 중 SEMVER1 형식의 태그 이름을 검색해서, 최신 버전에 해당하는 태그 이름을 찾습니다. SEMVER1 형식의 깃 태그를 찾을 수 없는 경우 1.0.0 을 제안합니다. 최신 버전에 해당하는 깃 태그를 찾은 경우, 지정된 풀 리퀘스트에 지정되어 있는 라벨을 기준으로 주 버전, 부 버전, 패치 버전을 1 증가 시킨 버전 이름을 제안합니다. 입력과 출력 입력 Name Required Description github_token ✅ 깃허브 개인 인증…

[bbon]

Using Keystone for app Backend

최근 이력사항 데이터를 정리하면서, 이력사항 데이터 관리를 위한 백엔드 응용프로그램 작성을 진행하고 있었습니다. 익숙한 .NET 환경에서 시작하려고, 저장소를 추가하고 프로젝트를 준비한 후 엔티티 모델을 정의했습니다. 계획했던 내용은 아래와 같습니다. 데이터 처리를 위한 백엔드 응용프로그램: ASP.NET Core 백엔드 API 를 활용하는 프론트엔드 응용프로그램: next.js 최근 업무가 늘어 진도가 잘 나가지 않습니다. 그래서, 귀찮음을 이겨내기 위해 다른 도구를 찾아보기 시작했습니다. KeystoneJS The superpowered CMS for developers KeystoneJS 를 사용하면, 관리하려고 하는 데이터의 스키마를 기술하면 데이터를 관리하기 위한 엔드포인트와 간략한 UI…

[bbon]

#벚꽃 🌸 이 활짝 피었습니다 https://www.instagram.com/p/CqPrqRGvRfo/?igshid=NGJjMDIxMWI=

[bbon]

선물 도착 #hacktoberfest #hacktoberfest2022 https://www.instagram.com/p/CofOAl2yJyM/?igshid=NGJjMDIxMWI=

[bbon]

이제 아이패드로 음악듣기가 가능합니다 #aliexpress #Realtek #ALC5686 https://www.instagram.com/p/CobU9duyxRJ/?igshid=NGJjMDIxMWI=

[bbon]

Review 2022

2022년을 돌아봅니다. Tech Stacks .NET & React 제 경력의 큰 지분을 차지하는 기술들입니다. 문서를 지속적으로 확인하고, 새로운 기능, 변경되는 기능들을 따라가고 있습니다. Container 일부 백엔드 기능이 필요한 응용프로그램은 지속적으로 도커 이미지로 관리하고 있습니다. 도커 레지스트리 이미지로 컨테이너를 실행해서 개인용 저장소로 사용하고 있었는데, 관리가 불편해서, 하버 컨테이너로 변경해서 관리하고 있습니다. 도커 레지스트리 대비 하버가 매우 편리합니다. CI/CD 깃허브 저장소의 코드 중 게시가 필요한 코드들은 빌드, 게시를 자동화하고 있습니다. 깃허브 액션의 워크플로우에서 깃 태그와 라이브러리 버전을 동기화하기 위해 버전 문자열을 찾고, 깃 태그가 존재하는지 확인하는 깃허브…

[bbon]

#하나은행 에서 온 선물 https://www.instagram.com/p/CmvlfU6yTE1/?igshid=NGJjMDIxMWI=

[bbon]

중국 이어폰 약 16,000원 좋아요 👍 #kz #zsn #zsnpro #china #aliexpress https://www.instagram.com/p/Cmvgv5yOgpx/?igshid=NGJjMDIxMWI=

[bbon]

New CS File - vscode extension

New CS File – vscode extension

비주얼 스튜디오 코드 (Visual Studio Code)는 매우 유용한 통합 개발 환경을 제공합니다. 저는 타입스크립트 또는 자바스크립트로 작성하는 대부분의 코드를 비주얼 스튜디오 코드를 사용해서 작성합니다. 주 사용 장치를 맥으로 변경하면서, 닷넷 프로젝트도 간혹 비주얼 스튜디오 코드를 사용해서 진행합니다. 맥용 비주얼 스튜디오가 조금 불편하기도 하고 (윈도우용 비주얼 스튜디오에 비해), 비주얼 스튜디오 코드가 더 익숙해져서 그런 것 같습니다. 비주얼 스튜디오 코드에서 닷넷 프로젝트를 열고, 작업을 진행할 때 새 파일을 작성하면 빈 파일이 작성되어 매우 불편했습니다. 비주얼 스튜디오에서 새 파일을 작성하면, 작성되는 파일이 위치하는 디렉터리 기반으로 네임스페이스를 작성해주는데, 비쥬얼 스튜디오…

[bbon]

Let create own vscode extension

타입스크립트로 비주얼 스튜디오 확장을 작성할 준비를 하고, 작성된 확작을 게시하는 내용에 대한 리뷰입니다. 비주얼 스튜디오 코드의 확작에 대한 정보는 Extension API 페이지에서 제공하고 있습니다. 준비 Your First Extension: Visual Studio Code 페이지에서 타입스크립트로 확장을 작성하는 방법을 알려줍니다. yoman 패키지와 VS Code Extension Generator 패키지를 사용해서 부트스트랩 코드를 얻을 수 있습니다. 의존 패키지 설치 $ npm install -g yo generator-code # yoman 패키지와 vs code extension generator 패키지를 전역에 설치합니다. 프로젝트 초기화 $ yo code # 프로젝트를 초기화하기…

[bbon]

기분이 좋은 날입니다!! https://www.instagram.com/p/CkDGJ5ny2eU/?igshid=NGJjMDIxMWI=

[bbon]

#가을 맞이 #세차 https://www.instagram.com/p/Ci4dKjDvdQy/?igshid=NGJjMDIxMWI=

[bbon]

#xbox series X 새 친구 😎 https://www.instagram.com/p/Ch_kZgbv5qj/?igshid=NGJjMDIxMWI=