이게 무슨 일이야!

가장 심플한 방법으로 Next 공식문서에 걸려있는 소스를 참고 https://nextjs.org/docs/app/building-your-application/routing/internationalization Routing: Internationalization | Next.jsAdd support for multiple languages with internationalized routing and localized content.nextjs.org  이 소스의 구조대로 설정했더니 문제없이 나온다 (sub-routing 방법으로) https://github.com/vercel/next.js/tree/canary/examples/app-dir-i18n-routing next.js/examples/app..

최근에 릴리즈된 ChatGPT 4o 가 이미지 등의 인식이 좋아졌다고 하고캡쳐 이미지로 웹사이트를 생성했다는 어떤 분의 글을 보고 나도 시도해봤다.  * 전제조건: ChatGPT 유료 버전 사용 (월 2만원대~)* 필수는 아닌데, 무료 버전의 AIRPM (https://www.aiprm.com/) 이라는 Prompt 플러그인을 사용하고 있다. Please write in Korean language. 라는건 이 플러그인에서 자동으로 붙여준 것. 이 플러그인을 사용하면 Prompt 를 더 잘 쓸 수 있다고 하니 참고   1. 네이버 포스트 모바일 화면 캡쳐 > 저장   2. ChatGPT 에게 이 이미지를 주고 이 이미지 같은 사이트를 React 로 생성하라고 해보았다.make website look li..

[C4D] Texture 맵핑하기 기초 - 1 https://eunice6113.tistory.com/177  에 이어서 기초적인 텍스쳐 맵핑 계속합니다~ Texture 크기, 위치 조정Texture 는 png 나 jpg 여야 함 (.svg, .ai 안됨!)적용한 Material 클릭 -> Tag 클릭Projection - Cubic (UVW Mapping 은 위치는 조절되는데 크기 조절이 안됨, 이것도 테스트하면서 해보기)Projection Display - Simple이렇게 설정한 후Tag 탭에서 Offset U/V, Length U/V 를 왼쪽 화면 보면서 조절하면 위치를 조절할 수 있다.  Coordinates 에서는 크기 조절이 가능하다. 안 되는 경우에는 위에서 설정한 Projection, P..

C4D 로 3D image 생성할 일이 있었는데아주 기초적인 문제가 있어서 해결한 기록을 여기에 적어둡니다 Material > Texture 로드C4D 에서 오른쪽 위 동그라미 아이콘 (Material Manager) 클릭 > Material 하나 생성해서 더블클릭 >> Material Editor > Color 선택하여 Texture 로드    Texture 로드가 안될때.png, jpg 는 로드가 되지만 .ai, .svg 파일은 Texture 로는 쓸 수 없습니다. illustrator 에서 export as 로 일반 이미지로 바꿔서 내보내어 Texture 로 써줍니다.(.ai 나, .svg 는 그 자체로 로드하여 object 로는 쓸 수 있음)    Load 한 Texture 의 색이 다를때파란 글..

회사에서 대시보드를 운영 유지보수할 일이 있는데Edge 의 IE(Internet Explorer 브라우저) 모드와 Chrome 브라우저를 동시에 만족하면서 복합적인 화면을 구현해야 했다.  기존 화면은 float:left 와 clear:both 로 모든 레이아웃이 되어있었는데 새로 만드는 화면은 좀 더 깔끔했으면 했다. 그래서 grid 를 사용하기로 했다.    출처 : https://caniuse.com/  IE 타겟으로 grid 나 flex 를 생각 안해봤었는데 의외로 flex 도 되긴 된다. 최신 기능이 완벽하게 지원은 안되지만  이번에 grid 를 Edge 의 IE 호환 모드로 작업해보니gap, repeat 같은 웬만한 편리한 최신 함수들은 작동되지 않았고, 별도의 처리를 해주어야 했다.그래서 정..

프로젝트에서 유용하게 사용했던 VSCode Extension 을 공유하려고 합니다. 아래 스토어에서 검색해서 볼 수도 있고, https://marketplace.visualstudio.com/vscode Visual Studio Marketplace Extensions for Visual Studio family of products on Visual Studio Marketplace marketplace.visualstudio.com VSCode 의 Extension 탭에서 검색해서 추가하는 것이 일반적인듯 합니다. 기본적인 세팅 현재 만드는 페이지를 로컬 웹서버에서 쉽게 띄워서 볼 수 있는 Live Server https://marketplace.visualstudio.com/items?itemNam..

1. HTML에서는 특정 문자들이 태그나 속성을 정의하는 데 사용되기 때문에, 이러한 문자들을 내용으로 표시하기 위해 엔티티 코드를 사용합니다. 2. 엔티티 코드를 사용하면 HTML 문서에서 특수 문자를 안전하게 표현할 수 있어, 예를 들어 `

저는 대문자 P 라서 시간 관리에 익숙하지 않은 편이었습니다. 그런 저에게는 회사에서 팀 프로젝트를 할 때 레드마인에서 시간 추적, 진척도를 목록에서 보고 관리하는 것이 관리에 도움이 되는 편이었습니다. 이후 개인적인 프로젝트 관리나, TFT에 속해 POC 프로젝트를 진행할 때 이런 관리 툴 세팅이 필요한 경우가 종종 생겼는데요, 레드마인을 직접 설치하기는 어렵고, SaaS 로 제공해주는 레드마인 무료버전은 검토해보니 저런 커스터마이징이 안되더라구요. 전에 Jira 에서 프로젝트 관리 기능을 써보니 마음에 들어서 Jira 화면에서 레드마인같은 화면을 만들어 활용하고 싶었는데 제대로 된 설명서는 없고 맨땅에 헤딩해서 겨우 해봤습니다. + 노션에 최근 생긴 프로젝트 기능으로도 구성을 해봤지만, (https..

웹접근성 점수를 알 수 있는 크롬 플러그인 https://chromewebstore.google.com/detail/openwax/bfahpbmaknaeohgdklfbobogpdngngoe?hl=ko OpenWAX OpenWAX(Open Web Accessibility eXtension) is a tool that can help diagnose and fix the accessibility problem. chrome.google.com 웹접근성 사전 같은 곳 https://wa.mk.co.kr/part_guide/part_cording_9.php 매일경제 - No1. 경제포털 wa.mk.co.kr https://nuli.navercorp.com/guideline/s01/g01 NULI 모두가 함께 누..

https://github.com/reduxjs/redux-toolkit/issues/2204 [RTK Query] New feature or method for global spinner · Issue #2204 · reduxjs/redux-toolkit My project is in the coding phase. I was using axios + pure async thunk action for http requests. But RTK Query is awesome for manage these operations and I have decided using RTK Query. But I have... github.com const isSomeQueryPending = useSelector(sta..