나만의 개발 공간

이미지가 사이즈별로 뿌옇게 보이거나 깨지는 경우가 있다. 고정된 이미지 width, height값에서 사이즈를 조정하려고 해서 발생하는 것같은데 해상도별로 이미지를 다른 사이즈로 보여주고 싶었다. 포토샵을 할 줄 몰라 이미지를 부탁드려서 preview, 2000w, 1800w, 1600w, 1400w, 1200w, 1000w, 860w, 640w으로 각 하나에 해당하는 이미지를 해상도마다 같은 폴더로 저장 시켜서 구현했다. 이미지 폴더를 생성해 아래와 같이 구현하였다. 아래는 실제 코드로 구현한 내용들이다. React로 구현한 코드는 아래와 같다. 도움말 페이지를 아래와 같이 구현하였으며, 간략하게 작성한다. import Layout from '....'; import ExHelpImgPreview fr..

baseURL 하위 경로를 사용해서 언어별 라우트가 구현! localhost:3000 기본언어 localhost:3000/en 영어 localhost:3000/sv 스페인어 localhost:3000/zh-CN 중국어 패키지 설치 npm i next-i18next 구성 파일 프로젝트 루트 디렉토리에 next.config.js 와 next-i18next.config.js 파일을 추가합니다. next.config.js 파일과 next-i18next.config.js 파일은 루트에서 작성되어야합니다. 파일이름은 지정된 파일명을 사용해야 진행에 문제되지 않는다. next-config.js 파일 자세한 내용은 next.js Internationalized routing 페이지에서 찾을 수 있다. next-i18n..